.one-take{--take-bg:#edf1f3;position:relative;height:1000vh;background:var(--take-bg);color:var(--ink)}.take-stage{position:sticky;z-index:1;top:0;height:100svh;overflow:hidden;background:var(--take-bg);transition:background .45s linear,color .4s ease}.take-grid{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(32,47,59,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(32,47,59,.07) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.take-halo{position:absolute;left:50%;top:50%;width:54vw;height:54vw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(94,185,255,.16) 38%,transparent 68%);filter:blur(2px);transition:.5s}.take-ghost{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);font:600 39vw/1 var(--display);letter-spacing:-.1em;color:rgba(255,255,255,.26)}.take-core-photo{position:absolute;inset:0;background:url('assets/fulmor/spe-pem-core.webp') center/cover no-repeat;opacity:0;mix-blend-mode:screen;transition:opacity .6s ease}.take-product-shell{position:absolute;z-index:4;left:50%;top:50%;width:min(35vw,510px);aspect-ratio:.54;transform:translate(calc(-50% + var(--tx,23vw)),calc(-50% + var(--ty,2vh))) scale(var(--ts,.86)) rotate(var(--tr,-2deg));transform-origin:center;will-change:transform}.take-product-3d{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:drop-shadow(0 42px 34px rgba(15,23,29,.28));transition:opacity .5s}.take-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 42px 34px rgba(15,23,29,.25));transition:opacity .5s}.webgl-ready .take-product-3d{opacity:1}.webgl-ready .take-product{opacity:0}.take-floor{position:absolute;z-index:2;left:50%;bottom:5.5vh;width:30vw;height:3vw;transform:translateX(-50%);background:rgba(11,17,21,.19);border-radius:50%;filter:blur(24px);transition:.5s}.take-scenes{position:absolute;z-index:6;inset:0}.take-scene{position:relative;height:100vh;min-height:680px;padding:8vw;display:flex;align-items:center;pointer-events:none}.take-scene a{pointer-events:auto}.take-copy{width:min(47vw,720px)}.align-left .take-copy{margin-right:auto}.align-right .take-copy{margin-left:auto}.take-copy h1{font:500 clamp(60px,7.4vw,118px)/.84 var(--display);letter-spacing:-.075em;margin:25px 0 36px}.take-copy h1 em,.take-copy h2 em{font-style:normal;color:var(--red)}.take-copy h2{font:500 clamp(48px,5.6vw,88px)/.94 var(--display);letter-spacing:-.065em;margin:22px 0 30px}.take-copy>p:not(.eyebrow):not(.take-stat){max-width:480px;font-size:16px;line-height:1.65;color:#52606a}.take-copy .button{margin-top:20px}.take-stat{font:500 clamp(72px,10vw,160px)/.8 var(--display);letter-spacing:-.08em;margin:25px 0}.take-stat small{font:500 12px var(--mono);letter-spacing:.08em}.tech-line{display:block;margin-top:35px}.scroll-cue{position:absolute;left:8vw;bottom:35px;font:400 8px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:14px;align-items:center}.scroll-cue i{display:block;width:65px;border-top:1px solid}.take-hud{position:absolute;z-index:8;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:500 8px var(--mono)}.take-hud i{height:95px;width:1px;background:linear-gradient(var(--red) 0 var(--shot-progress,10%),rgba(19,25,29,.17) var(--shot-progress,10%))}.take-status{position:absolute;z-index:8;right:25px;bottom:22px;font:400 7px var(--mono);letter-spacing:.12em}.take-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue);margin-right:8px}.take-measure{position:absolute;left:50%;top:50%;width:260px;height:520px;transform:translate(-50%,-50%);border-left:1px solid rgba(17,28,36,.28);border-bottom:1px solid rgba(17,28,36,.28);opacity:0;transition:.5s}.take-measure span{position:absolute;font:400 8px var(--mono)}.take-measure span:first-child{left:-57px;top:42%;transform:rotate(-90deg)}.take-measure span:last-child{bottom:-21px;left:50%}.component-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:390px;margin-top:34px;background:#39434d}.component-list span{padding:12px;background:#151c23;color:#c8d0d7;font:400 8px var(--mono);text-transform:uppercase}.take-scene--final{justify-content:center;text-align:center}.take-scene--final .take-copy{margin-top:-46vh}.take-scene--final .take-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.take-scene--final h2{font-size:clamp(58px,8vw,128px)}
.one-take[data-bg=graphite],.one-take[data-bg=deep],.one-take[data-bg=final]{color:#f5f7f8}.one-take[data-bg=graphite] .take-copy>p:not(.eyebrow),.one-take[data-bg=deep] .take-copy>p:not(.eyebrow),.one-take[data-bg=final] .take-copy>p:not(.eyebrow){color:#a9b4be}.one-take[data-mode=core] .take-core-photo{opacity:.48}.one-take[data-mode=core] .take-grid{opacity:.08}.one-take[data-mode=core] .take-halo{background:radial-gradient(circle,rgba(94,185,255,.32),transparent 68%)}.one-take[data-mode=orbit] .take-halo{background:repeating-radial-gradient(circle,transparent 0 11%,rgba(94,185,255,.16) 11.2% 11.5%)}.one-take[data-mode=electrolysis] .take-halo,.one-take[data-mode=quick] .take-halo{background:radial-gradient(circle,rgba(113,207,255,.5),rgba(40,133,210,.15) 40%,transparent 68%);animation:pulse-blue 2.4s ease-in-out infinite}.one-take[data-mode=exploded] .take-measure{opacity:.8}.one-take[data-bg=final] .take-floor{opacity:.3}.one-take[data-bg=final] .take-product-shell{filter:drop-shadow(0 0 42px rgba(94,185,255,.25))}@keyframes pulse-blue{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.72}}
@media(max-width:900px){.one-take{height:1000vh}.take-grid{background-size:18vw 18vw}.take-ghost{font-size:72vw;top:60%}.take-halo{width:112vw;height:112vw;top:61%}.take-product-shell{width:min(68vw,370px);top:63%}.take-floor{bottom:4vh;width:60vw;height:7vw}.take-scene{padding:94px 21px 25px;align-items:flex-start}.take-copy{width:100%}.take-copy h1{font-size:clamp(49px,13.4vw,75px);margin:18px 0 20px}.take-copy h2{font-size:clamp(41px,11.3vw,62px);margin:16px 0 20px}.take-copy>p:not(.eyebrow):not(.take-stat){max-width:330px;font-size:13px}.take-scene--hero .take-copy{padding-top:2vh}.align-right .take-copy{margin-left:0}.take-stat{font-size:21vw;margin:18px 0}.tech-line,.component-list{margin-top:18px}.component-list{width:min(100%,350px)}.take-scene--final .take-copy{margin-top:0;text-align:left}.take-scene--final .take-copy>p:not(.eyebrow){margin-left:0}.take-scene--final h2{font-size:15vw}.take-hud{right:10px}.take-status{right:13px;bottom:10px}.take-measure{width:160px;height:330px;top:62%}.scroll-cue{left:21px;bottom:16px}.one-take[data-mode=core] .take-core-photo{opacity:.3}}
@media(max-width:420px){.take-product-shell{width:73vw}.take-copy .button{min-height:44px}.take-copy h2{font-size:10.5vw}}
@media(prefers-reduced-motion:reduce){.one-take{height:auto}.take-stage{position:absolute;height:100svh}.take-scenes{position:relative}.take-scene:not(:first-child){display:none}.take-scene{height:100svh}.take-product-shell{transform:translate(calc(-50% + 23vw),calc(-50% + 2vh)) scale(.86)}}

/* CALDO camera parity: the reference renders into a full-viewport canvas and
   composes the product with camera targets, not with a narrow moving crop. */
.take-product-shell{inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none;will-change:contents}
@media(max-width:900px){.take-product-shell{inset:0;left:0;top:0;width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.take-product-shell{transform:translateX(23vw) scale(.86)}}
@media(min-width:901px){.take-scene--final{justify-content:flex-start;text-align:left}.take-scene--final .take-copy{margin-top:0}.take-scene--final .take-copy>p:not(.eyebrow){margin-left:0;margin-right:0}}
@media(max-width:900px){.one-take{height:max(1000svh,6800px)}}
