.assembly{background:var(--navy);--focus:var(--yellow);color:var(--white);position:relative}.assembly-stage{min-height:min(80svh,760px);position:relative;overflow:hidden}.assembly-poster,.assembly-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.assembly-canvas{opacity:0;transition:opacity .3s}.assembly.has-frame .assembly-canvas{opacity:1}.assembly-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#081b2be6,#081b2bdb 34%,#081b2b80 46%,#081b2b00 62%);position:absolute;inset:0}.assembly-copy{z-index:1;padding-block:clamp(72px,10vh,120px);position:relative}.assembly-copy .eyebrow{color:var(--yellow)}.assembly-copy h2{max-width:480px;color:var(--white)}.assembly-steps{counter-reset:assembly;gap:6px;margin:32px 0 0;padding:0;list-style:none;display:grid}.assembly-steps li{counter-increment:assembly;color:#c4d0d8;align-items:baseline;gap:14px;font-size:18px;font-weight:600;transition:color .2s,transform .3s cubic-bezier(.16,1,.3,1);display:flex}.assembly-steps li:before{content:counter(assembly, decimal-leading-zero);letter-spacing:.1em;color:var(--yellow);font-size:11px}.assembly.is-animated{height:400svh}.assembly.is-animated .assembly-stage{height:100svh;min-height:0;position:sticky;top:0}.assembly.is-animated .assembly-copy{padding-top:calc(var(--header-h,94px) + clamp(32px, 7vh, 88px))}.assembly.is-animated .assembly-steps li:not(.is-active){color:#c4d0d8}.assembly.is-animated .assembly-steps li.is-active{color:var(--white);transform:translate(6px)}@media (width<=960px){.assembly-stage:after{background:linear-gradient(#081b2beb,#081b2bd6 50%,#081b2b00 74%)}}@media (width<=720px){.assembly.is-animated{height:320svh}}@media (prefers-reduced-motion:reduce){.assembly.is-animated{height:auto}.assembly.is-animated .assembly-stage{height:auto;min-height:min(80svh,760px);position:relative}.assembly-canvas{display:none}}