.hero{height:calc(100svh - var(--header-h));isolation:isolate;background:#06120d;min-height:560px;max-height:960px;position:relative;overflow:hidden}.hero.is-poster{z-index:200;height:100vh;min-height:0;max-height:none;position:fixed;inset:0}.poster{z-index:0;background:#06120d;transition:opacity 1.2s .3s;position:absolute;inset:0}.poster img{object-fit:cover;width:100%;height:100%}.poster:after{content:"";background:#06120d47;position:absolute;inset:0}.hero.is-live .poster{opacity:0}.stage{z-index:1;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;position:absolute;inset:0}.stage canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block}.hero.is-live .stage canvas{opacity:1}.hero.is-static .stage{display:none}.vignette{z-index:2;pointer-events:none;background:radial-gradient(78% 70% at 50% 48%,#04100c00 40%,#04100c9e 100%);position:absolute;inset:0}.scrim{z-index:2;pointer-events:none;background:linear-gradient(#06120d00,#06120d80 55%,#06120ddb);height:58%;position:absolute;bottom:0;left:0;right:0}.hero.is-poster .vignette,.hero.is-poster .scrim,.hero.is-poster .hero-copy,.hero.is-poster .pnav,.hero.is-poster .hint{display:none}.hero-copy{z-index:3;max-width:640px;padding:0 var(--gutter) 156px;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hero-copy a{pointer-events:auto}.hero h1{font-size:var(--text-3xl);margin-block:var(--space-3) var(--space-4);text-shadow:0 2px 24px #04100c99;font-weight:700;line-height:1.02}.hero h1 em{color:var(--color-accent);font-style:italic;font-weight:600}.hero h1 .w{display:inline-block}.hero .lead{font-size:var(--text-l);max-width:34ch;color:var(--color-text-muted);line-height:1.45;display:none}.hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hint{left:var(--gutter);z-index:3;color:var(--color-text-muted);font:600 .68rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;margin:0;transition:opacity .6s 1.2s;position:absolute;bottom:12px}.hero.is-live.is-menu .hint{opacity:.9}.pnav{z-index:5;padding:0 var(--gutter) 60px;position:absolute;inset:auto 0 0}.pnav ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pnav li{position:static}.pnav a{border-radius:var(--radius-pill);min-height:44px;color:var(--color-text);font:700 .7rem/1 var(--font-body);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#08241bcc;border:1px solid #efe9d880;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex;position:relative}.pnav a:hover,.pnav a:focus-visible,.pnav a.is-hot{background:var(--color-club-lime);color:var(--color-ink);border-color:var(--color-club-lime)}.pnav a:focus-visible{outline-offset:2px}html.js .hero:not(.is-static) .hero-copy{padding-bottom:clamp(36px,7vh,64px)}html.js .hero:not(.is-static) .hero-copy>*{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);transform:translateY(10px)}html.js .hero:not(.is-static) h1 .w{opacity:0;transform-origin:50% 70%;transition:opacity .4s var(--ease), transform .55s cubic-bezier(.2, 1.5, .35, 1);transition-delay:calc(var(--i,0) * 75ms);transform:translateY(.4em)scale(1.3)}html.js .hero.is-landed .hero-copy>*{opacity:1;transform:none}html.js .hero.is-landed .hero-copy .lead{transition-delay:.35s}html.js .hero.is-landed .hero-copy .hero-actions{transition-delay:.5s}html.js .hero.is-landed h1 .w{opacity:1;transform:none}html.js .hero:not(.is-static) .pnav{z-index:4;pointer-events:none;padding:0;inset:0}html.js .hero:not(.is-static) .pnav ul{display:block}html.js .hero:not(.is-static) .pnav li{will-change:transform;opacity:0;transition:opacity .45s ease calc(var(--i,0) * 70ms);position:absolute;top:0;left:0}html.js .hero.is-menu .pnav li{opacity:1}html.js .hero:not(.is-static) .pnav a{pointer-events:auto;min-height:44px;transform:translate(calc(-50% + var(--dx,0px)), calc(-100% - var(--lead,20px)));transform-origin:calc(50% - var(--dx,0px)) calc(100% + var(--lead,20px));-webkit-backdrop-filter:blur(3px);background-clip:padding-box;border:5px solid #0000;transition:transform .28s cubic-bezier(.2,1.4,.35,1),background .2s,color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #efe9d880,0 6px 18px #00000059}html.js .hero:not(.is-static) .pnav a:after{content:"";left:calc(50% - var(--dx,0px));width:1px;height:calc(var(--lead,20px) + 5px);background:#efe9d899;position:absolute;top:calc(100% - 5px);transform:translate(-.5px)}html.js .hero:not(.is-static) .pnav a:before{content:"";left:calc(50% - var(--dx,0px));top:calc(100% + var(--lead,20px) - 3px);background:var(--color-text);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;box-shadow:0 0 8px #efe9d8cc}html.js .hero:not(.is-static) .pnav a:hover,html.js .hero:not(.is-static) .pnav a:focus-visible,html.js .hero:not(.is-static) .pnav a.is-hot{box-shadow:inset 0 0 0 1px var(--color-club-lime), 0 6px 18px #00000059;transform:translate(calc(-50% + var(--dx,0px)), calc(-100% - var(--lead,20px))) scale(1.16);border-color:#0000}@media (width<=599px){html.js .hero:not(.is-static) .pnav li:nth-child(2n) a{--lead:48px}}@media (width>=600px){.pnav a{min-height:44px;padding:0 14px;font-size:.78rem}html.js .hero:not(.is-static) .pnav a{min-height:48px}}.is-still *,.is-still :before,.is-still :after{transition:none!important;animation:none!important}.hero .fps{z-index:9;color:#9f9;pointer-events:none;white-space:pre;background:#000000b3;border-radius:4px;padding:4px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute;top:8px;right:8px}.hero .poster-out{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0;overflow:hidden}@media (width>=600px){.hero .lead{display:block}.hint{bottom:18px}}@media (height<=640px){.hero .lead{display:none}}@media (width>=900px){.hero-copy{max-width:min(40vw,520px);padding-bottom:120px}html.js .hero:not(.is-static) .hero-copy{padding-bottom:clamp(40px,9vh,90px)}.scrim{background:linear-gradient(90deg,#06120dd1,#06120d73 30%,#06120d00 58%);height:100%}}