.fly{color:#fff;background:#0e1116;height:520vh;position:relative}.fly-sticky{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.fly-stage,.fly-stage canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.fly-poster{object-fit:cover;filter:brightness(.55)saturate(.9);width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0;transform:scale(1.08)}.fly[data-state=ready] .fly-poster{opacity:0;pointer-events:none}.fly-vignette{pointer-events:none;background:radial-gradient(#0000 45%,#080a0e8c 100%),linear-gradient(#080a0e59,#0000 22% 70%,#080a0e99);position:absolute;inset:0}.fly-captions{pointer-events:none;position:absolute;inset:0}.fly-captions:before{content:"";background:linear-gradient(90deg,#0a0c10b8 0%,#0a0c1059 38%,#0000 62%);position:absolute;inset:0}.fly-cap{opacity:0;filter:blur(10px);width:min(620px,100vw - 56px);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1),filter .7s;position:absolute;bottom:calc(7vh + 64px);left:max(28px,50vw - 640px);transform:translateY(32px)}.fly-cap.is-on{opacity:1;filter:none;transform:none}.fly-cap-first{width:min(760px,100vw - 56px)}.fly-kicker{font-family:var(--petrol-body), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#c9ccd3;align-items:center;gap:14px;margin:0 0 22px;font-size:13px;font-weight:600;line-height:1;display:flex}.fly-kicker:before{content:"";background:#6b95ff;flex-shrink:0;width:10px;height:10px}.fly-text{font-family:var(--petrol-display), sans-serif;letter-spacing:-.062em;text-wrap:balance;margin:0;font-size:clamp(46px,6.4vw,104px);font-weight:700;line-height:.88}.fly-cap-first .fly-text{font-size:clamp(42px,5.4vw,88px);line-height:.9}.fly-sub{font-family:var(--petrol-body), sans-serif;color:#d7dae0;max-width:36ch;margin:22px 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.5}.fly-fade{pointer-events:none;opacity:clamp(0, calc((var(--fp,0) - .93) * 16), 1);background:#191d23;position:absolute;inset:0}.fly-rail{background:#ffffff26;height:2px;position:absolute;bottom:7vh;left:max(28px,50vw - 640px);right:max(28px,50vw - 640px)}.fly-rail span{transform-origin:0;height:100%;transform:scaleX(var(--fp,0));background:#6b95ff;display:block}.fly-hint{letter-spacing:.24em;text-transform:uppercase;color:#c9ccd3;opacity:calc(1 - var(--fp,0) * 20);margin:0;font-size:12px;animation:2.4s ease-in-out infinite fly-bob;position:absolute;bottom:calc(7vh + 16px);right:max(28px,50vw - 640px)}.fly-skip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e111659;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex;position:absolute;top:24px;right:max(28px,50vw - 640px)}.fly-skip:hover{background:#0e111699;border-color:#fff}.fly-skip:focus-visible{outline-offset:3px;outline:3px solid #6b95ff}.fly-loading{letter-spacing:.2em;text-transform:uppercase;color:#c9ccd3;margin:0;font-size:13px;animation:1.6s ease-in-out infinite fly-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fly-bob{50%{transform:translateY(5px)}}@keyframes fly-pulse{50%{opacity:.4}}@media (max-width:760px){.fly{height:440vh}.fly-cap{width:calc(100vw - 40px);bottom:calc(7vh + 52px);left:20px}.fly-captions:before{background:linear-gradient(#0000 30%,#0a0c104d 55%,#0a0c10cc 100%)}.fly-rail{left:20px;right:20px}.fly-skip{top:16px;right:16px}}html[data-fly=off] .fly{display:none}