/* Motion enhances visible content; the unenhanced document is always readable. */
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:#b4c98a;z-index:200;transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .will-reveal{opacity:0;transform:translate3d(0,46px,0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
  .will-reveal.is-visible,.will-reveal:focus-within{opacity:1;transform:none}
  .hero-art{transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-turn,0deg))!important;transform-origin:65% 50%}
  .orbit-art{transform:translate3d(0,var(--art-y,0px),0) rotate(calc(-20deg + var(--art-turn,0deg)))}
  .product-stage{animation:none!important;transform:perspective(1600px) rotateX(var(--screen-tilt,0deg)) scale(var(--screen-scale,1));transform-origin:center 30%}
  .stack-list{gap:18vh;padding-bottom:12vh}.stack-item{transform:scale(var(--stack-scale,1));transform-origin:50% 0;opacity:var(--stack-opacity,1)}
  .product-panel:not([hidden]){animation:panel-in .4s cubic-bezier(.16,1,.3,1) both}
  .company-hero h1{animation:company-enter .85s cubic-bezier(.16,1,.3,1) both}.company-hero .lede{animation:company-enter .85s .12s cubic-bezier(.16,1,.3,1) both}
  .button .arrow,.text-link span{transition:transform .35s cubic-bezier(.16,1,.3,1)}.button:hover .arrow,.text-link:hover span{transform:translate(3px,-3px)}
  @keyframes panel-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes company-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
}
@media(max-width:800px){.product-stage{transform:none!important}.stack-list{gap:20px;padding-bottom:0}.stack-item{transform:none!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.will-reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-art,.orbit-art,.product-stage,.stack-item{transform:none!important}.stack-item{opacity:1!important}.stack-list{gap:28px;padding-bottom:0}.product-panel,.company-hero h1,.company-hero .lede{animation:none!important}}
@media print{.will-reveal{opacity:1!important;transform:none!important}.scroll-progress{display:none}}