.product-story{position:relative;background:#0c3925;isolation:isolate;scroll-margin-top:84px}
.product-story:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 25%,#27b27635,transparent 55%);pointer-events:none}
.story-grid{position:relative;max-width:1440px;margin:auto;padding:70px 64px 80px;display:grid;grid-template-columns:.85fr 1.15fr;column-gap:65px}
.story-heading{grid-column:1;margin-bottom:42px}
.story-heading h2{font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-2.4px}
.story-heading h2 em{font-style:normal;color:var(--mint)}
.story-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:23px;max-width:440px}
.story-nav{display:flex;gap:9px;margin-top:27px;flex-wrap:wrap}
.story-nav a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #559d7e;border-radius:50%;color:#c5eedc;font-size:13px;transition:background .25s,color .25s,border-color .25s}
.story-nav a.is-active,.story-nav a:hover{color:#104b31;background:var(--mint);border-color:var(--mint)}
.story-visual{grid-column:2;grid-row:1/3;align-self:start;position:relative;min-width:0;display:grid;align-content:center;min-height:580px;margin:0}
.product-illustration{position:relative;aspect-ratio:1.04;display:grid;place-items:center;perspective:1200px}
.product-illustration:before{content:'';position:absolute;inset:12%;border:1px solid #82e3b927;border-radius:50%;transform:rotateX(50deg);background:radial-gradient(ellipse,#7ae2b518,transparent 70%)}
.product-illustration svg{position:relative;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 28px 25px #00000066)}
.part-case,.part-container,.part-board,.part-terminal,.part-screws{transition:filter .35s}
.product-illustration{--cover-progress:clamp(0,var(--scene-sequence,0),1);--container-progress:clamp(0,var(--scene-sequence,0),1);--board-progress:clamp(0,calc(var(--scene-sequence,0) - 1),1);--terminal-progress:clamp(0,calc(var(--scene-sequence,0) - 2),1)}
.part-container{transform:translate(calc(var(--container-progress)*230px),calc(var(--container-progress)*35px));transform-box:view-box;transform-origin:center}
.part-board{transform:translate(calc(var(--board-progress)*-32px),calc(var(--board-progress)*-92px));transform-box:view-box;transform-origin:center}
.part-terminal{transform:translate(calc(var(--terminal-progress)*112px),calc(var(--terminal-progress)*35px));transform-box:view-box;transform-origin:center}
.part-screws{transform:translate(calc(var(--cover-progress)*325px),calc(var(--cover-progress)*45px));transform-box:view-box;transform-origin:center}
.product-story[data-active-step="0"] .part-case,.product-story[data-active-step="1"] .part-container,.product-story[data-active-step="2"] .part-board,.product-story[data-active-step="3"] .part-terminal{filter:drop-shadow(0 0 9px #ffd23f70)}
.story-figure-label{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #428e6d;padding-top:17px;font-size:12px;line-height:1.7;color:#aadac5}
.story-figure-label strong{font-weight:500;color:#e6faf1;letter-spacing:.6px}
.story-figure-label span:last-child{text-align:right}
.story-photo-link{display:inline-flex;align-items:center;gap:12px;padding:12px 0;color:var(--mint);font-size:14px;background:none;border:0;border-bottom:1px solid #53987a;justify-self:start}
.story-photo-link:hover{color:white}
.mobile-explorer{display:none;padding:16px 0 8px}
.mobile-chapters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-chapters button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #559d7e;border-radius:8px;background:#125236;color:#d8f6e9;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.mobile-chapters button span{font-size:11px;opacity:.75}
.mobile-chapters button[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:#104b31}
.mobile-chapters button:focus-visible,.mobile-explorer input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.mobile-part-detail{padding:17px 0 12px;min-height:128px}
.mobile-part-detail h3{font-size:19px;letter-spacing:-.3px;line-height:1.3;color:#f3fcf8}
.mobile-part-detail p{font-size:15px;line-height:1.65;color:#b4e0cd;margin:7px 0 0;max-width:540px}
.mobile-explorer label{display:block;color:#d8f6e9;font-size:13px;margin-bottom:4px}
.mobile-explorer input{display:block;width:100%;accent-color:var(--mint);margin:0;min-height:36px;cursor:pointer}
.mobile-range-ends{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9cd5bc}
.mobile-explorer .mobile-range-help{font-size:12px;line-height:1.6;color:#9cd5bc;margin:8px 0 0}
.mobile-explorer input:disabled{cursor:default;opacity:.45}
.product-story[data-motion-paused="true"] .part-case,.product-story[data-motion-paused="true"] .part-container,.product-story[data-motion-paused="true"] .part-board,.product-story[data-motion-paused="true"] .part-terminal,.product-story[data-motion-paused="true"] .part-screws{transition:none}
.story-steps{grid-column:1;position:relative}
.story-step{padding:32px 0 36px 27px;border-left:1px solid #458d6e;position:relative;scroll-margin-top:115px}
.story-step:before{content:'';position:absolute;left:-4px;top:38px;width:7px;height:7px;background:#52a27f;border-radius:50%;box-shadow:0 0 0 5px #0c3925}
.story-step .story-step-number{font-family:var(--heading);color:var(--mint);font-size:13px;letter-spacing:1px;display:block;margin-bottom:15px}
.story-step h3{font-size:29px;letter-spacing:-.9px;line-height:1.15}
.story-step p{font-size:16px;color:#b4e0cd;max-width:400px;margin:19px 0 0}
.story-stat{display:flex;align-items:baseline;gap:12px;margin-top:23px;font-size:13px;color:#b5e6d1}
.story-stat strong{font-size:33px;line-height:1.1;font-family:var(--heading);font-weight:500;letter-spacing:-1px;color:#f3fcf8}
.story-step .story-source{display:inline-block;margin-top:20px;font-size:12px;color:#b9f0d8;text-decoration:underline;text-underline-offset:4px}
.story-step .story-source:hover{color:var(--mint)}
.story-footer{grid-column:1/-1;border-top:1px solid #3d8365;margin-top:40px;padding-top:22px;display:flex;align-items:start;justify-content:space-between;gap:35px;color:#a7d8c3;font-size:13px;line-height:1.8}
.story-footer p{max-width:690px;margin:0}.story-footer a{color:var(--mint);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.official-dialog{width:min(1050px,94vw);max-height:92vh;background:#0e402a}
.official-dialog .official-head{padding:35px 35px 25px;border-bottom:1px solid #418668}.official-head h2{font-size:30px;line-height:1.2;letter-spacing:-1px;padding-right:20px}
.official-head>p{font-size:14px;line-height:1.7;color:#abdfc8;margin:15px 0 0}
.official-dialog img{display:block;background:white;width:100%;height:auto;max-height:60vh;object-fit:contain}
.official-dialog .official-footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:22px 35px;font-size:14px;color:var(--mint)}.official-footer a{text-decoration:underline;text-underline-offset:4px}
.stack-panel{position:relative;background:var(--bg);z-index:3;border-radius:32px 32px 0 0;border-top:1px solid #567354;box-shadow:0 -25px 70px #00000044}
.stack-panel.demos-section{max-width:none;padding-inline:max(64px,calc((100vw - 1312px)/2));padding-bottom:65px;background:#e7eedf;color:#10281b;margin-top:-45px}
.stack-panel.demos-section .demo-theatre{color:var(--ink)}.stack-panel.demos-section .demo-theatre .eyebrow{color:var(--mint)}
.stack-panel.demos-section .section-heading h2 em{color:#527b32}.stack-panel.demos-section .section-heading>p{color:#45604b}.stack-panel.demos-section .eyebrow{color:#54732f}.stack-panel.demos-section .spec-note{color:#4e6753}
.stack-panel.demos-section .demo-library-header>span{color:#4e6753}
.new-equipment{position:relative;background:#10231a;max-width:none;padding-inline:max(64px,calc((100vw - 1312px)/2));padding-bottom:65px;border-radius:32px 32px 0 0;margin-top:-25px;z-index:4;border-top:1px solid #577751;box-shadow:0 -18px 50px #00000022}
.new-product-card{border-radius:14px}.new-product-image{aspect-ratio:1.5}
@media(min-width:901px){
 .product-story.scene-enhanced[data-scene-static="false"] .story-grid{padding-top:75px}
 .product-story.scene-enhanced[data-scene-static="false"] .story-visual{position:sticky;top:100px;height:calc(100svh - 120px);min-height:0;grid-row:1/4;}
 .product-story.scene-enhanced[data-scene-static="false"] .product-illustration{height:min(570px,calc(100svh - 255px));min-height:260px;aspect-ratio:auto}
 .product-story.scene-enhanced[data-scene-static="false"] .product-illustration svg{height:100%;width:100%;max-height:100%;overflow:visible}
 .product-story.scene-enhanced[data-scene-static="false"] .story-heading{min-height:calc(70svh - 75px);display:flex;flex-direction:column;justify-content:center;margin-bottom:0}
 .product-story.scene-enhanced[data-scene-static="false"] .story-step{min-height:70svh;display:flex;flex-direction:column;justify-content:center;opacity:.75;transition:opacity .35s,border-color .35s}
 .product-story.scene-enhanced[data-scene-static="false"] .story-step.is-active{opacity:1;border-left-color:var(--mint)}
 .product-story.scene-enhanced[data-scene-static="false"] .story-step:before{top:calc(50% - 65px)}
 .product-story.scene-enhanced[data-scene-static="false"] .story-step.is-active:before{background:var(--mint);box-shadow:0 0 0 5px #0c3925,0 0 18px #ffd23f70}
 .product-story.scene-enhanced[data-scene-static="false"] .story-footer{margin-top:30px;padding-bottom:30px}
}
@media(max-width:1100px){.story-grid{padding-inline:35px;column-gap:35px}.story-heading h2{font-size:43px}.story-step h3{font-size:27px}.stack-panel.demos-section,.new-equipment{padding-inline:35px}.cinematic-hero h1{font-size:70px}}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;padding:65px 28px;gap:0}.story-heading,.story-visual,.story-steps,.story-footer{grid-column:1;grid-row:auto}.story-heading{max-width:590px;margin-bottom:25px}.story-heading h2{font-size:49px}.story-visual{min-height:0;max-width:620px;width:100%;justify-self:center;margin-bottom:35px}.story-visual .product-illustration{aspect-ratio:1.1}.story-footer{flex-direction:column;gap:16px}.hero-scene{transform:none;animation-name:hero-entry}.story-step{padding-left:25px}.story-step p{max-width:600px}.story-steps{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.story-stat strong{font-size:29px}}
@media(max-width:700px){.cinematic-hero{padding-top:36px;padding-bottom:63px;min-height:0}.cinematic-hero h1{font-size:55px;letter-spacing:-2.7px}.hero-scene{border-radius:16px}.scene-screen{aspect-ratio:1.37}.scene-top,.scene-bottom{padding:15px 18px}.story-grid{padding:58px 22px 50px}.story-heading h2{font-size:40px;letter-spacing:-1.7px}.story-visual{margin-top:6px}.story-figure-label{gap:13px}.story-figure-label span:last-child{max-width:145px}.story-steps{grid-template-columns:1fr}.story-step{padding-top:28px;padding-bottom:30px}.story-step h3{font-size:28px}.story-step p{font-size:16px}.story-nav{margin-top:23px}.stack-panel.demos-section,.new-equipment{padding-inline:22px;border-radius:23px 23px 0 0;padding-bottom:45px}.stack-panel.demos-section{padding-top:57px}.story-footer{margin-top:20px}.story-footer a{white-space:normal}}
.motion-paused .hero-scene{transform:none}
@media(max-width:900px){.product-story.scene-enhanced .mobile-explorer{display:block}.product-story.scene-enhanced .story-nav{display:none}.product-story.scene-enhanced .product-illustration svg{width:100%;height:100%;overflow:hidden}.product-story.scene-enhanced .ham-shadow{display:none}}
@media(min-width:901px) and (max-height:600px){.product-story.scene-enhanced[data-scene-static="false"] .story-visual{top:88px;height:calc(100svh - 98px)}.product-story.scene-enhanced[data-scene-static="false"] .product-illustration{min-height:190px;height:calc(100svh - 220px)}.story-figure-label{padding-top:10px}.story-photo-link{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transform:none}}