/* Relevo's four-object stage. Native scrolling remains available throughout. */
.energy-story{--aura:#324c77;height:320svh;position:relative;background:#090d11;color:#f7f8f3;scroll-margin-top:76px}
.energy-pin{position:sticky;top:76px;height:calc(100svh - 76px);min-height:530px;isolation:isolate;overflow:hidden;background:#090d11}
.energy-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,var(--aura) 0%,#090d1100 65%);opacity:.58;transition:background .5s;z-index:-1}
.energy-orbit{position:absolute;width:125%;height:38%;left:-12.5%;bottom:-27%;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 -12px 80px #cbdcf00c;pointer-events:none}
.energy-heading{position:absolute;top:5%;left:4%;right:4%;text-align:center;pointer-events:none;z-index:2}
.energy-heading p{font-size:12px;margin-bottom:8px;color:#c8cdd5}.energy-heading h1{font:700 clamp(54px,6.3vw,92px)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.025em;color:#f7f8f3}
.energy-viewport{position:absolute;inset:0;touch-action:pan-y;outline-offset:-5px;cursor:grab}.energy-viewport:active{cursor:grabbing}.energy-viewport canvas{display:block;width:100%;height:100%}
.energy-fallback{position:absolute;inset:18% 0 20%;width:100%;height:62%;object-fit:contain;transition:opacity .5s;pointer-events:none}.energy-ready .energy-fallback{opacity:0}
.energy-tools{position:absolute;top:18px;right:4%;display:flex;gap:12px;z-index:6}.energy-tools button{border:0;border-bottom:1px solid #ffffff55;background:none;color:#c7cbd1;font:10px/1.5 'DM Sans',sans-serif;padding:8px 0;cursor:pointer}
.energy-copy{position:absolute;top:25%;left:7%;width:29%;pointer-events:none;opacity:0;z-index:3}.energy-copy h2{font:700 clamp(40px,5.4vw,82px)/.94 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:inherit;margin:12px 0 20px}.energy-copy p{max-width:31ch;font-size:14px;color:#d0d5df;line-height:1.7}.energy-copy>span{font-size:12px;color:#cdd5e1}.energy-copy small{display:block;margin-top:20px;font-size:11px;color:#cdd5e1}
.energy-dock{position:absolute;left:4%;right:4%;bottom:43px;display:grid;grid-template-columns:1fr minmax(250px,1.1fr) 1fr;gap:20px;align-items:end;z-index:5}
.energy-context{font-size:12px;color:#c7cdd6;max-width:26ch}.energy-context a{display:inline-block;margin-top:12px;color:#fff;text-decoration:underline;text-underline-offset:5px;min-height:30px}
.energy-selection{text-align:center}.energy-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.energy-title-row strong{font:600 clamp(26px,3vw,44px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em}.energy-arrow{font:24px 'DM Sans',sans-serif;border:1px solid #ffffff45;border-radius:50%;background:#0a101766;color:#fff;flex:0 0 42px;height:42px;cursor:pointer}.energy-arrow:hover{background:#ffffff22}
.energy-swatches{display:flex;justify-content:center;gap:7px;margin:18px 0 0}.energy-swatches button{width:52px;height:26px;padding:9px 0;border:0;background:transparent;cursor:pointer;position:relative}.energy-swatches i{display:block;height:5px;border-radius:2px;background:var(--color);transition:height .2s,transform .2s}.energy-swatches button[aria-pressed=true] i{height:9px;transform:translateY(-2px)}.energy-swatches button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:46%;width:4px;height:4px;background:white;border-radius:50%}
.energy-buy{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.energy-buy>span{font-size:11px;color:#c8cdd4}.energy-buy .studio-pill{border-radius:5px;background:#df8b40;color:#17150e;min-height:46px;padding:12px 20px;font-size:12px}
.energy-bottom{position:absolute;left:4%;right:4%;bottom:12px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#b1bbc8;z-index:5}.energy-bottom p{margin:0}.energy-status{position:absolute;top:22%;left:4%;right:4%;text-align:center;font-size:11px;color:#cdd4e0;z-index:4;pointer-events:none}.energy-status:empty{display:none}.energy-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff80;transform:scaleX(0);transform-origin:left}
.energy-pin button:focus-visible,.energy-pin a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.motion-off .energy-story{height:auto}.motion-off .energy-pin{position:relative;top:0}.motion-off .energy-progress{display:none}
@media(max-width:900px){.energy-dock{grid-template-columns:1fr 1fr;bottom:47px;gap:16px}.energy-context{display:none}.energy-selection{text-align:left}.energy-heading{top:9%}.energy-heading h1{font-size:clamp(60px,9vw,100px)}.energy-copy{left:5%;width:35%;top:24%}.energy-copy h2{font-size:50px}.energy-copy p{font-size:12px}.energy-buy{max-width:100%}.energy-title-row strong{font-size:30px}.energy-bottom{font-size:9px}}
@media(max-width:700px){.energy-story{height:280svh;scroll-margin-top:65px}.energy-pin{top:65px;height:calc(100svh - 65px);min-height:540px}.energy-heading{top:10%;left:6%;right:6%}.energy-heading p{font-size:10px;margin-bottom:10px}.energy-heading h1{font-size:clamp(51px,13vw,82px)}.energy-tools{top:12px;right:6%}.energy-tools button{font-size:9px}.energy-dock{left:6%;right:6%;bottom:39px;grid-template-columns:1fr;gap:13px}.energy-title-row{max-width:310px;margin:auto}.energy-title-row strong{font-size:30px}.energy-swatches{margin-top:8px}.energy-arrow{flex-basis:35px;height:35px;font-size:20px}.energy-buy{justify-self:stretch;align-items:center;gap:5px}.energy-buy .studio-pill{width:100%;justify-content:center;min-height:42px;padding:10px;font-size:12px}.energy-buy>span{font-size:10px}.energy-bottom{left:6%;right:6%;bottom:10px;font-size:8px;align-items:end;gap:8px}.energy-bottom p{max-width:21ch}.energy-copy{top:9%;left:7%;width:86%;text-align:center}.energy-copy h2{font-size:42px;line-height:.96;margin:8px 0}.energy-copy p{font-size:11px;line-height:1.5;max-width:40ch;margin:auto}.energy-copy>span{font-size:10px}.energy-copy small{display:none}.energy-status{top:28%;font-size:10px}.energy-fallback{inset:24% 0 30%;height:46%}}
@media(max-width:370px){.energy-pin{min-height:530px}.energy-heading h1{font-size:48px}.energy-copy h2{font-size:35px}.energy-copy p{max-width:35ch}.energy-title-row strong{font-size:26px}}
@media(max-width:900px) and (min-width:701px){.energy-heading{top:8%}.energy-heading h1{font-size:60px}.energy-copy h2{font-size:44px}}
@media(max-width:700px){.energy-heading{top:9%}.energy-heading h1{font-size:clamp(34px,10vw,44px)}.energy-copy h2{font-size:34px}.energy-copy p{font-size:11px}.energy-bottom p{max-width:none}.energy-bottom{font-size:8px}.energy-bottom #energy-hint{max-width:19ch;text-align:right}}
@media(max-width:700px){.energy-copy h2{font-size:30px}.energy-copy h2 br{display:none}.energy-copy h2 br:after{content:' '}.energy-copy p{font-size:10px;max-width:43ch}.energy-copy>span{font-size:9px}}