.hero{position:relative;height:900vh}.hero-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff;background-color:var(--navy-deep);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;background-position:center center}.hero-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--navy-deep);clip-path:var(--clip, inset(0 0 0 0));will-change:clip-path}.hero-poster,.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-poster{transition:opacity .25s ease}.hero-poster img,.hero-canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:translate(var(--sx, 0px),var(--sy, 0px)) scale(var(--zoom, 1.06));transform-origin:var(--ox, 72%) var(--oy, 30%)}.only-portrait{display:none}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#081a31d1,#081a318c 34%,#081a3100 62%),linear-gradient(0deg,rgba(8,26,49,.45),transparent 28%)}.hero-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{position:absolute;z-index:3;left:var(--gutter);top:50%;transform:translateY(calc(-50% + 30px + var(--copy-shift, 0px)));width:min(48vw,680px);opacity:var(--copy, 1);text-shadow:0 2px 30px rgba(8,26,49,.5)}.hero-step{display:grid;height:1.4em;margin-bottom:18px;font:600 12.5px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.hs{grid-area:1 / 1;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .6s var(--ease)}.hs.on{opacity:1;transform:none}.working{font-family:var(--hand);font-weight:600;font-size:clamp(2rem,1.1rem + 2.5vw,3.5rem);line-height:1.12;letter-spacing:.01em}.wl{width:max-content;max-width:100%;padding-right:.35em;clip-path:inset(-30% calc((1 - var(--w, 0)) * 100%) -30% -.2em);opacity:calc(1 - var(--dim, 0) * .62);transition:opacity .4s}.wl .q{color:var(--gold);margin-left:.2em}.wl-final{color:var(--gold)}.wl .tick{display:inline-block;margin-left:.2em;transform:rotate(-6deg)}.hero-title{margin-top:clamp(22px,3.5vh,40px);font-size:clamp(2.6rem,1.2rem + 3.8vw,5.4rem);line-height:.98;opacity:var(--fin, 0);transform:translateY(calc((1 - var(--fin, 0)) * 22px));filter:blur(calc((1 - var(--fin, 0)) * 8px))}.hero-title em{color:var(--gold)}.hero-sub{margin-top:18px;max-width:44ch;font-size:clamp(1rem,.95rem + .25vw,1.15rem);color:#ffffffd6;opacity:var(--fin, 0)}.hero-cta{margin-top:26px;opacity:var(--fin, 0)}.hero:not(.is-final) .hero-cta{visibility:hidden}.solve-hint{position:absolute;z-index:4;left:50%;bottom:calc(var(--dock-space, 0px) + 26px);display:inline-flex;align-items:center;gap:12px;padding:12px 14px 12px 22px;border:0;border-radius:999px;cursor:pointer;background:#081a319e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #fece0073,0 18px 40px -16px #0009;color:#fff;font:600 15px/1.2 var(--sans);white-space:nowrap;opacity:var(--hint, 1);transform:translate(-50%,calc((1 - var(--hint, 1)) * 16px));transition:background-color .3s,box-shadow .3s}.solve-hint:hover{background:#0e2849d9;box-shadow:inset 0 0 0 1px var(--gold),0 18px 40px -16px #0009}.sh-arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);animation:sh-bob 1.8s var(--ease) infinite}@keyframes sh-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.solve-hint.nudge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 #fece008c;animation:sh-pulse 1.8s ease-out infinite;pointer-events:none}@keyframes sh-pulse{to{box-shadow:0 0 0 16px #fece0000}}.hero.hint-off .solve-hint{visibility:hidden;pointer-events:none}@media(max-width:700px){.solve-hint{font-size:14px;padding:10px 10px 10px 18px}.sh-arrow{width:30px;height:30px}}.gate-title{position:absolute;z-index:2;left:0;right:0;top:var(--ty);text-align:center;font:600 clamp(1.5rem,1rem + 1.8vw,2.6rem)/1.1 var(--display);letter-spacing:-.025em;opacity:var(--gt, 0);transform:translateY(calc((1 - var(--gt, 0)) * 16px))}.gate-title span{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}.arch,.arch-hit{position:absolute;z-index:2;top:var(--dy);width:var(--dw);height:var(--dh);border-radius:calc(var(--dw) / 2) calc(var(--dw) / 2) 16px 16px}.arch{overflow:hidden;background:var(--navy-2);opacity:var(--sd, 0);transform:translateY(calc((1 - var(--sd, 0)) * 24vh)) scale(calc(.94 + var(--sd, 0) * .06));box-shadow:0 0 0 1px #ffffff14,0 40px 70px -40px #000000b3}.arch--left{left:calc(var(--dx) - var(--dw) - var(--g))}.arch--right{left:calc(var(--dx) + var(--dw) + var(--g))}.arch-hit{left:var(--dx)}.arch-hit:after,.arch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 var(--gold);transition:box-shadow .5s var(--ease)}.arch:hover:after,.arch-hit:hover:after,.arch:focus-visible:after,.arch-hit:focus-visible:after{box-shadow:inset 0 0 0 3px var(--gold)}.arch-img{display:block;width:100%;height:100%}.arch-img img{width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--ease)}.arch:hover img{transform:scale(1.06)}.arch--right .arch-img img{filter:saturate(.75) brightness(.85)}.arch-badge{position:absolute;left:50%;bottom:14px;transform:translate(-50%);white-space:nowrap;padding:7px 12px;border-radius:999px;background:#081a31b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.arch-labels{position:absolute;z-index:2;top:calc(var(--dy) + var(--dh) + 22px);left:calc(var(--dx) - var(--dw) - var(--g));width:calc(var(--dw) * 3 + var(--g) * 2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);text-align:center;opacity:var(--lb, 0);transform:translateY(calc((1 - var(--lb, 0)) * 18px))}.arch-label{text-decoration:none;display:grid;gap:5px;justify-items:center}.al-kicker{font:600 10.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.arch-label strong{font:600 clamp(1.2rem,.9rem + .9vw,1.7rem)/1.1 var(--display);letter-spacing:-.02em}.al-sub{font-size:13.5px;color:#ffffffb3}.al-go .short{display:none}.al-go{margin-top:4px;font-size:14px;font-weight:600;color:#fff;border-bottom:2px solid var(--gold);padding-bottom:1px}.hero:not(.doors-on) .arch,.hero:not(.doors-on) .arch-hit,.hero:not(.doors-on) .arch-labels{visibility:hidden;pointer-events:none}@media(orientation:portrait){.hero{height:760vh}.only-portrait{display:block}.hero-poster img{object-position:50% 50%}.hero-scrim{background:linear-gradient(180deg,#081a31db,#081a318c 34%,#081a3100 56%),linear-gradient(0deg,rgba(8,26,49,.5),transparent 30%)}.hero-copy{top:calc(var(--header-h) + 3vh);transform:translateY(var(--copy-shift, 0px));width:calc(100vw - var(--gutter) * 2)}.hero-step{margin-bottom:8px;font-size:11px}.working{display:grid;font-size:clamp(1.9rem,8.4vw,3rem)}.wl{grid-area:1 / 1;opacity:0}.wl.is-current{opacity:1}.hero-title{margin-top:12px;font-size:clamp(2.3rem,10.5vw,4rem)}.hero-sub,.hero-cta{display:none}}@media(max-width:700px){.al-kicker,.al-sub{display:none}.arch-label strong{font-size:15px}.al-go{font-size:12.5px;white-space:nowrap}.al-go .long{display:none}.al-go .short{display:inline}.arch-labels{top:calc(var(--dy) + var(--dh) + 14px)}.arch-badge{font-size:8.5px;padding:5px 8px;bottom:10px}}.gate-static{display:none}.rm .hero{height:auto}.rm .hero-stage{position:relative;height:100svh}.rm .arch,.rm .arch-hit,.rm .arch-labels,.rm .solve-hint,.rm .gate-title{display:none}.rm .gate-static{display:block}.section-title{display:grid;gap:14px;font-size:clamp(2.2rem,1.4rem + 3vw,3.8rem);margin-bottom:40px}.gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gate-card{text-decoration:none;display:grid;gap:6px}.gate-card .photo{aspect-ratio:3 / 4;border-radius:999px 999px 18px 18px;margin-bottom:12px}.gate-card h3{font-size:1.6rem}.gate-card .al-kicker{color:var(--navy-2)}.gate-card .al-go{color:var(--navy);justify-self:start}@media(max-width:760px){.gate-grid{grid-template-columns:1fr}}.hero-swap{display:grid;align-items:end}.hero-swap>*{grid-area:1 / 1}.beats{display:grid;align-items:end}.beat{grid-area:1 / 1;margin:0;font:700 clamp(2.7rem,1.3rem + 4.2vw,5.6rem)/1 var(--display);letter-spacing:-.035em;text-wrap:balance;opacity:var(--o, 0);transform:translateY(calc((1 - var(--o, 0)) * 26px * var(--dir, 1)));filter:blur(calc((1 - var(--o, 0)) * 6px))}.beat em{color:var(--gold)}.hero-final .hero-title{margin-top:0}.hero:not(.is-final) .hero-final{pointer-events:none}.math-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:calc(var(--copy, 1) * 1)}.math-texture span{position:absolute;font:600 clamp(1.4rem,1rem + 1.2vw,2.3rem)/1 var(--hand);color:#ffffff13;transform:rotate(-6deg);white-space:nowrap}.rm .beat{display:none}@media(orientation:portrait){.beat{font-size:clamp(2.3rem,10.5vw,3.8rem)}.math-texture span{font-size:1.3rem}}.hero-swap{grid-template-columns:minmax(0,1fr);width:100%}.beat{max-width:8.5em}.hero.doors-on .hero-copy{visibility:hidden;pointer-events:none}.solve-hint.is-touch .sh-arrow svg{transform:rotate(180deg)}@media(orientation:landscape){.beat{max-width:6.6em}}.beat.is-settled{filter:none;transform:none;will-change:auto}.hero.fin-settled .hero-title,.rm .hero-title{filter:none;transform:none}