.seq-track{position:relative;width:100%;height:calc(var(--seq-vh, 6) * 100svh)}.seq-stage{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:#0e100b;color:#fff}.seq-poster{position:absolute;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;z-index:0}@media (max-width:1023px){.seq-poster{animation:seqKen 22s ease-in-out infinite alternate;will-change:transform}}@keyframes seqKen{0%{transform:scale(1.04)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}.seq-canvas{position:absolute;inset:0;height:100%;width:100%;z-index:1;display:none}.seq-canvas.is-on{display:block}.seq-grade{position:absolute;inset:0;z-index:2;pointer-events:none}.seq-grade:before{background:linear-gradient(100deg,rgba(20,22,16,.82),rgba(20,22,16,.5) 30%,rgba(20,22,16,.08) 60%,rgba(20,22,16,.3))}.seq-grade:after,.seq-grade:before{content:"";position:absolute;inset:0}.seq-grade:after{background:linear-gradient(0deg,rgba(14,16,11,.78) 0,rgba(14,16,11,0) 42%,rgba(14,16,11,0) 70%,rgba(14,16,11,.4))}.seq-content{position:relative;z-index:3;height:100%}.seq-stage:has(.seq-canvas.is-on) .seq-poster{animation:none}.seq-caption{position:absolute;inset:0;z-index:4;background:linear-gradient(0deg,rgba(14,16,11,.55) 0,rgba(14,16,11,0) 34%)}.seq-caption p{text-shadow:0 1px 18px rgba(0,0,0,.35)}.seq-caption-in{animation:seqCaption .7s cubic-bezier(.22,1,.36,1) both}@keyframes seqCaption{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.seq-caption-in,.seq-poster{animation:none}}