@media(min-width:1600px){.navigation,.hero{padding-inline:8%}.hero-bottom{left:8%;right:8%}.chapter{padding-inline:10%}.object{width:330px;height:330px}.plate-logo{left:121px;top:116px}.plate-bottom i{left:75px;top:105px}.plate-bottom i:nth-of-type(2){top:150px}.plate-bottom i:nth-of-type(3){top:195px}.circuit{left:86px;top:110px}}
@media(max-width:1000px){.brand-caption{display:none}.navigation{height:85px}.hero{min-height:calc(100svh - 85px);padding-top:65px;padding-bottom:100px}.hero-copy{width:56%}h1{font-size:8vw}.hero-detail{max-width:300px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:10px}.object{width:230px;height:230px}.plate{border-radius:18px;padding:18px}.plate>span{font-size:5px}.plate-logo{left:79px;top:74px;width:72px;height:72px}.top-label{font-size:5px;left:19px}.circuit{left:47px;top:65px;width:135px;height:110px}.circuit:after{left:40px;top:25px;width:45px;height:45px}.plate-bottom i{left:45px;top:66px;width:140px;height:25px}.plate-bottom i:nth-of-type(2){top:105px}.plate-bottom i:nth-of-type(3){top:144px}.chapter{padding-inline:6%}.chapter-copy{width:48%}.scene-label{left:12%;right:8%;font-size:6px}.scene-coordinate{display:none}.file-tree small{font-size:8px}.install-options article{padding:28px}.stack-strip{gap:35px}.stack-strip span{font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:25px}.navigation{height:76px;padding-inline:6%}.brand{font-size:22px}nav{gap:18px}nav>a:first-child{display:none}nav>a{font-size:10px}.nav-download{gap:15px;padding:10px 13px}.hero{display:block;padding:49px 6% 420px;min-height:1000px}.hero-copy{width:100%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:24px}h1{font-size:clamp(55px,12vw,78px);line-height:1.01;margin-bottom:24px;letter-spacing:-.065em}.hero-description{font-size:17px}.hero-detail{font-size:12px;max-width:320px}.hero-actions{margin-top:25px;gap:26px}.button{font-size:12px;min-height:50px;padding:13px 20px;gap:32px}.hero-actions .text-link{font-size:11px}.micro-copy{font-size:7px;letter-spacing:1.1px}.hero-bottom{left:6%;right:6%;bottom:18px}.hero-bottom>span:not(.hero-index){display:none}.scene-track{left:0;right:0;height:460px;top:555px;bottom:auto;z-index:-1}.scene{position:relative;top:0;height:460px;min-height:0;overflow:hidden}.scene:after{background:radial-gradient(ellipse,transparent 30%,var(--bg) 78%)}.scene-label{bottom:8%;left:20%;right:20%;font-size:6px}.scene .object{top:46%;width:215px;height:215px;transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-36deg)}.plate-logo{left:71px;top:68px}.plate-top{transform:translateZ(70px)}.plate-middle{transform:translateZ(-5px)}.plate-bottom{transform:translateZ(-80px)}.plate-base{transform:translateZ(-130px)}.chapter{min-height:0;padding:70px 7%;border-top:1px solid #26382b66}.chapter-copy{width:100%;max-width:none}.chapter-copy>p:not(.eyebrow){max-width:400px;font-size:13px}h2{font-size:49px}.chapter .eyebrow{margin-bottom:24px}.code-window,.file-tree,.terminal{max-width:450px;margin-top:25px}.chapter-copy .chapter-footnote{font-size:9px!important}.stack-strip{padding:25px 7%;display:block}.stack-strip p{margin:0 0 18px}.stack-strip p br{display:none}.stack-strip p strong{margin-left:6px}.stack-strip>div{justify-content:flex-start;gap:18px 24px}.stack-strip span{font-size:13px}.download-section{padding:65px 7% 0}.download-heading h2{font-size:51px}.heading-arrow{font-size:55px;right:0;top:64px}.download-heading>p:last-child{font-size:12px}.install-options{grid-template-columns:1fr;margin-top:35px}.install-options article{padding:27px}.npm-install{border-left:0;border-top:1px solid var(--line)}.install-top{margin-bottom:28px}.download-bottom{flex-wrap:wrap;padding:23px 0;gap:10px;font-size:10px}.download-bottom a{font-size:10px}.download-bottom a span{margin-left:6px}footer{padding:27px 7%;gap:16px;flex-wrap:wrap}footer p{font-size:9px}footer>span{width:100%;margin-left:0;font-size:7px}.story-controls{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.object{--progress:0!important}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important}

@media(max-width:1000px){.lifecycle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}}
@media(max-width:700px){.lifecycle-section{padding:65px 7%}.lifecycle-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.lifecycle-intro{font-size:13px}.lifecycle-grid h3{font-size:27px;margin-top:18px}.lifecycle-grid p{font-size:13px}.capability-status{font-size:9px}}

/* Keep the animated stack on the left and the story copy in a separate right column. */
@media(min-width:701px){
  .scene-track{left:2%;right:55%}
  .scene{min-height:0;height:calc(100svh - 120px);overflow:visible}
  /* Keep the raised opening pose, then make room above the expanding top plate. */
  .object{top:calc(clamp(170px,22svh,210px) + var(--progress)*70px)}
  .hero,.chapter{justify-content:flex-end}
  .hero-copy{width:49%;max-width:680px}
  .chapter-copy{width:46%;max-width:540px}
  h1{font-size:clamp(44px,6.5vw,100px)}
}
@media(min-width:701px) and (max-height:700px){
  .scene{top:70px}
  .object{scale:.8;top:calc(150px + var(--progress)*40px)}
}