@layer components{.stage-height{height:max(100lvh, var(--stage-h,0px))}@media (max-width:767px){.scrim{--scrim:color-mix(in srgb, var(--bg) 88%, transparent);background:linear-gradient(180deg, transparent, var(--scrim) 4rem, var(--scrim) calc(100% - 6rem), transparent);margin:0 calc(var(--gutter) * -1) -6rem;padding:4rem var(--gutter) 6rem;width:auto}}.hero-title{z-index:-10;font-size:min(188px, calc((100vw - 2 * var(--gutter)) / 8.4))}.hero-backdrop{display:none}@media (max-aspect-ratio:9/10){.hero-title{z-index:10}.hero-backdrop{background:linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--bg) 85%, transparent) 50%, var(--bg) 62%);display:block}}html[data-side=b] .hero-title{font-size:min(240px, calc((100vw - 2 * var(--gutter)) / 5.8))}.prize{white-space:nowrap;font-size:min(170px, calc((100vw - 2 * var(--gutter)) / 10.6))}.quiet{background:linear-gradient(180deg, transparent 0, var(--bg) 22vh)}.track-fill{height:calc((100% - 1rem) * var(--fill,0))}@media (min-width:768px){.track-fill{height:1px;width:calc(100% * var(--fill,0))}}.stage-dot{background:var(--bg);border:1px solid var(--muted);border-radius:50%;width:11px;height:11px}[data-state=done] .stage-dot{background:var(--muted)}[data-state=now] .stage-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent)}[data-state=done] h3{color:var(--fg-soft)}.ally{transition:transform .4s var(--ease-out-expo);color:#eef2f3;background:#0c1210;border:1px solid #eef2f31a;border-radius:2px}.ally:hover{transform:translateY(-4px)}.faq-icon{flex:none;width:14px;height:14px;position:relative}.faq-icon:before,.faq-icon:after{content:"";height:2px;transition:transform .3s var(--ease-out-expo);background:currentColor;position:absolute;inset:6px 0 auto}.faq-icon:after{transform:rotate(90deg)}.faq[open] .faq-icon:after{transform:rotate(0)}.faq summary::-webkit-details-marker{display:none}.faq summary{color:var(--fg);transition:color .3s}.faq[open] summary,.faq summary:hover{color:var(--accent-ink)}.faq{interpolate-size:allow-keywords}.faq::details-content{block-size:0;transition:block-size .6s var(--ease-out-expo), content-visibility .6s allow-discrete;overflow:hidden}.faq[open]::details-content{block-size:auto}.faq-line{background:var(--accent);height:1px;box-shadow:0 0 12px var(--accent);transform-origin:0;display:block}.faq[open] .faq-line{animation:faq-sweep .7s var(--ease-out-expo) both}.faq[open] .faq-answer{animation:faq-in .6s var(--ease-out-expo) 80ms both}@keyframes faq-sweep{0%{opacity:1;transform:scaleX(0)}to{opacity:.6;transform:scaleX(1)}}@keyframes faq-in{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.faq::details-content{transition:none}.faq[open] .faq-line,.faq[open] .faq-answer{animation:none}}.join-card{background:color-mix(in srgb, var(--bg) 90%, transparent);border:1px solid var(--line)}.memorial{background:var(--fg);color:var(--bg)}.memorial-poster{mix-blend-mode:lighten;height:auto}.memorial-record{height:auto;animation:9s linear infinite memorial-spin}@keyframes memorial-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.memorial-record{animation:none}}.trailer{background:#000}.trailer-cover img{opacity:.78;transition:opacity .4s, transform 1.2s var(--ease-out-expo)}.trailer-cover:hover img{opacity:1;transform:scale(1.03)}.trailer-play{aspect-ratio:1;border:1.5px solid var(--accent);width:clamp(52px,7vw,76px);color:var(--accent);transition:background-color .3s, color .3s, scale .3s var(--ease-out-expo);background:#0000008c;border-radius:999px;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.trailer-cover:hover .trailer-play,.trailer-cover:focus-visible .trailer-play{background:var(--accent);color:#05080a;scale:1.08}}