.hero-video,.bottom-video{position:relative;width:100%;height:100vh;overflow:hidden}@keyframes slowZoom{0%{transform:scale(1.4)}to{transform:scale(1.5)}}.hero-video__media,.bottom__media{width:100%;height:100%;object-fit:cover;transform-origin:center;animation:slowZoom 30s ease-in-out infinite}.hero-video:after,.bottom-video:after{content:"";position:absolute;inset:0;background:#0006;z-index:1}.hero-video__overlay,.bottom__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.bottom__overlay{pointer-events:none}.bottom__overlay .missionBtn{pointer-events:auto}.missionBtn{display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-display, system-ui);letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:#ffffffeb;text-decoration:none;opacity:1;transform:none;transition:background .25s ease,border-color .25s ease,transform .25s ease}.missionBtn:hover{background:#369;border-color:#9cf6;transform:scale(1.05)}h1{font-family:var(--font-sub, system-ui);font-size:clamp(45px,4vw,74px);color:#ffffffeb}.product-desc{font-family:var(--font-body, system-ui);font-size:clamp(18px,3vw,26px);color:#ffffffe6;max-width:42ch}.sequence-wrapper{position:relative;display:grid;grid-template-columns:minmax(28ch,34vw) 1fr;padding-left:3vw;padding-right:3vw;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at 80% 60%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(2px 2px at 40% 80%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(3.5px 3.5px at 60% 20%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(3.5px 3.5px at 10% 70%,rgba(255,255,255,.6) 50%,transparent 51%),linear-gradient(to top,#000 0% 90%,#5e616b);background-repeat:repeat;background-size:300px 300px,400px 400px,500px 500px,600px 600px,800px 800px,100% 100%}.sequence-copy{display:flex;flex-direction:column}.sequence-page{position:relative;min-height:275vh;padding-bottom:20vh}.sequence-spacer{height:120vh}.sequence-page>.sequence-text{position:sticky;top:calc(50vh - 150px);padding:0 28px 28px;max-width:42ch;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 8px 32px #00000040}.sequence-text{transition:filter .32s cubic-bezier(.2,.9,.2,1),opacity .32s cubic-bezier(.2,.9,.2,1);will-change:filter,opacity;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;transform-origin:center}.sequence-text:hover{background:#369;border-color:#9cf6;transform:scale(1.08) rotateX(6deg) rotateY(-6deg);box-shadow:0 20px 40px #00000040}.sequence-text:hover .title{color:#fffffff2}.sequence-text.is-offscreen{pointer-events:none}.title{font-family:var(--font-sub);font-size:clamp(20px,3.6vw,30px);color:#99ccfffa}#sequence{position:sticky;top:20%;width:100%;height:60vh}