.scene{background:#020609;height:320vh;position:relative}.scene-sticky{isolation:isolate;background:#020609;height:100svh;position:sticky;top:0;overflow:hidden}.scene-frame{object-fit:cover;object-position:center 44%;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.frame-tiles{object-position:center 58%}.scene-vignette{pointer-events:none;background:linear-gradient(#03070d9e 0%,#0000 28% 72%,#03070d8c 100%);position:absolute;inset:0}.scene-copy{z-index:2;width:min(820px, calc(100vw - var(--gutter) * 2));text-align:center;opacity:0;will-change:transform, opacity;justify-items:center;gap:18px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.scene-copy h2{font-size:clamp(38px,5.2vw,76px)}.scene-copy p:not(.eyebrow){color:var(--ob-mist-100);text-wrap:pretty;max-width:48ch;font-size:clamp(17px,1.3vw,20px)}.scene-shade{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(52% 58%,#02060ddb,#02060d80 48%,#0000 78%);position:absolute;inset:0}.scene-copy-final .btn{margin-top:8px}.scene-progress{right:var(--gutter);z-index:2;background:#b9e7ff33;width:1px;height:120px;position:absolute;top:50%;transform:translateY(-50%)}.scene-progress i{background:var(--accent);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}@media (width<=900px){.scene{height:200vh}.scene-frame{object-position:center 58%}.scene-shade{background:radial-gradient(70% 62%,#02060de6,#02060d8c 50%,#0000 82%)}.scene-copy{gap:14px}.scene-copy h2{font-size:clamp(32px,9vw,48px)}.scene-copy p:not(.eyebrow){font-size:17px}.scene-progress{display:none}}@media (prefers-reduced-motion:reduce){.scene{height:auto}.scene-sticky{position:relative}.scene-copy-final{opacity:1}}