.mD-hero{padding-bottom:var(--s4);--signal: color-mix(in srgb, var(--color-primary-500) 60%, var(--color-primary-400))}.mD-hero__sheet{display:flex;flex-direction:column;min-height:clamp(660px,calc(100svh - 78px),940px);isolation:isolate}.mD[data-theme=dark] .mD-hero{--signal: var(--color-primary-400)}.mD-hero__stage{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.1s var(--ease);pointer-events:none}.mD-hero__stage[data-ready=true]{opacity:1}@media(min-width:1101px){.mD-hero__stage{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 32%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,transparent 32%,#000 52%)}}.mD-hero__canvas{display:block;width:100%;height:100%}.mD-hero__stage[data-poster]{opacity:1}.mD-hero__poster{position:absolute;inset:0;container-type:inline-size;pointer-events:none;transition:opacity .4s var(--ease)}.mD-hero__stage[data-ready=true] .mD-hero__poster{opacity:0}.mD-hero__poster>span{position:absolute;inset:0;background:var(--hero-poster-light-narrow) center / cover no-repeat}.mD[data-theme=dark] .mD-hero__poster>span{background-image:var(--hero-poster-dark-narrow)}@container (min-width: 880px){.mD-hero__poster>span{background-image:var(--hero-poster-light-wide)}.mD[data-theme=dark] .mD-hero__poster>span{background-image:var(--hero-poster-dark-wide)}}.mD-hero__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;width:min(var(--page-max),100% - 2 * var(--gutter));margin-inline:auto;padding-block:var(--s8) var(--s6)}.mD-hero__content>*{max-width:620px}.mD-hero__title{margin-top:var(--s5);max-width:9.5em}.mD-hero__sub{margin-top:44px;max-width:25em}.mD-hero__actions{margin-top:var(--s6);display:flex;align-items:center;gap:var(--s4)}.mD-hero__beats{position:relative;z-index:1;width:min(var(--page-max),100% - 2 * var(--gutter));margin:0 auto 12px;display:flex;justify-content:flex-end;gap:18px}.mD-hero__beat{display:flex;flex-direction:column;gap:8px;width:176px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);transition:color var(--dur-2) var(--ease)}.mD-hero__beatLabel{display:flex;gap:6px;white-space:nowrap}.mD-hero__beatDot{color:var(--ink-4)}.mD-hero__beats[data-beat="1"] [data-k="1"],.mD-hero__beats[data-beat="2"] [data-k="2"],.mD-hero__beats[data-beat="3"] [data-k="3"]{color:var(--ink)}.mD-hero__beatResult{order:3;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--ink-3);white-space:nowrap;opacity:0;transform:translateY(-2px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.mD-hero__beats[data-beat="1"] [data-k="1"] .mD-hero__beatResult,.mD-hero__beats[data-beat="2"] :is([data-k="1"],[data-k="2"]) .mD-hero__beatResult,.mD-hero__beats[data-beat="3"] .mD-hero__beatResult{opacity:1;transform:none}.mD-hero__beatBar{position:relative;height:1px;overflow:hidden;background:var(--line)}.mD-hero__beatFill{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left center}.mD-hero__chip{position:absolute;top:0;left:0;z-index:1;opacity:0;will-change:transform,opacity}.mD-hero__chipBox{position:absolute;bottom:14px;left:0;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;padding:6px 9px 6px 8px;border-radius:var(--r);background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 70%,transparent),0 0 0 1px var(--line);font-family:var(--font-mono);white-space:nowrap}.mD[data-theme=dark] .mD-hero__chipBox{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px var(--line)}.mD-hero__chip:after{content:"";position:absolute;left:0;bottom:0;width:1px;height:14px;background:var(--ink-4)}.mD-hero__chipK{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.mD-hero__chipK:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-4)}.mD-hero__chip[data-k="1"][data-state="0"] .mD-hero__chipK:before{background:var(--signal)}.mD-hero__chip:not([data-k="0"])[data-state="0"] .mD-hero__chipK{color:var(--ink)}.mD-hero__chip[data-state="2"] .mD-hero__chipK:before{background:var(--ink)}.mD-hero__chipV{font-size:11.5px;color:var(--ink)}.mD-hero__chip[data-k="2"] .mD-hero__chipBox{transform:translate(calc(-100% + 14px))}@media(min-width:900px){.mD-hero__chip[data-k="1"] .mD-hero__chipBox{transform:translate(-14px)}}@media(max-width:599px){.mD-hero__chip[data-k="1"] .mD-hero__chipBox{bottom:28px}.mD-hero__chip[data-k="1"]:after{height:28px}}@media(prefers-reduced-motion:reduce){.mD-hero__stage,.mD-hero__poster{transition:none}}@media(max-width:899px){.mD-hero__sheet{min-height:0}.mD-hero__content{display:contents}.mD-hero__content>*{max-width:none;margin-inline:var(--gutter)}.mD-hero__content>.mD-label{order:0;margin-top:var(--s7);align-self:flex-start}.mD-hero__title{order:1}.mD-hero__stage{order:2;position:relative;inset:auto;height:max(260px,62vw);margin-top:var(--s2)}.mD-hero__sub{order:3;margin-top:var(--s4)}.mD-hero__actions{order:4;margin-bottom:var(--s7)}.mD-hero__beats{order:5;width:auto;margin:0 var(--gutter) var(--s5);justify-content:space-between;gap:12px}.mD-hero__beat{flex:1;min-width:0;width:auto;font-size:11.5px}.mD-hero__beatResult{white-space:normal}.mD-hero__chip[data-k="0"]{display:none}.mD-hero__chipBox{padding:5px 8px}.mD-hero__chipK{font-size:11px}.mD-hero__chipV{font-size:12px}}@media(max-width:599px){.mD-hero__beat{letter-spacing:.06em}.mD-hero__beatDot,.mD-hero__beatResult{display:none}}.mD-hero__chip:not([data-k="0"]) .mD-hero__chipV,.mD-hero__chip:not([data-k="0"]) .mD-hero__chipK:before{transition:color .48s var(--ease, ease),background-color .48s var(--ease, ease)}.mD-hero__chip:not([data-k="0"]):is([data-state="0"],[data-state="1"]) .mD-hero__chipV{color:var(--signal)}.mD-hero__chip:not([data-k="0"]):is([data-state="0"],[data-state="1"]) .mD-hero__chipK:before{background:var(--signal)}.mD-hero__actions .mD-btn--primary{--inv-base: var(--ink);--inv-fill: color-mix(in srgb, var(--signal) 88%, var(--ink));--inv-halo-a: 38%;--inv-sh: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(0, 0, 0, .2)}.mD[data-theme=dark] .mD-hero__actions .mD-btn--primary{--inv-base: #ececf1;--inv-fill: color-mix(in srgb, var(--signal) 68%, #ececf1);--inv-halo-a: 45%;--inv-sh: inset 0 -1px 0 rgba(0, 0, 0, .15)}@keyframes mD-hero-invite{0%{background-color:var(--inv-base);box-shadow:var(--inv-sh),0 0 0 1px color-mix(in srgb,var(--signal) 0%,transparent),0 6px 28px 2px color-mix(in srgb,var(--signal) 0%,transparent);animation-timing-function:cubic-bezier(.22,.61,.36,1)}32%,50%{background-color:var(--inv-fill);box-shadow:var(--inv-sh),0 0 0 1px color-mix(in srgb,var(--signal) 40%,transparent),0 6px 28px 2px color-mix(in srgb,var(--signal) var(--inv-halo-a),transparent);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{background-color:var(--inv-base);box-shadow:var(--inv-sh),0 0 0 1px color-mix(in srgb,var(--signal) 0%,transparent),0 6px 28px 2px color-mix(in srgb,var(--signal) 0%,transparent)}}.mD-hero[data-invite=true] .mD-hero__actions .mD-btn--primary{animation:mD-hero-invite 1.9s linear 1 both}.mD-hero[data-invite=peak] .mD-hero__actions .mD-btn--primary{background-color:var(--inv-fill);box-shadow:var(--inv-sh),0 0 0 1px color-mix(in srgb,var(--signal) 40%,transparent),0 6px 28px 2px color-mix(in srgb,var(--signal) var(--inv-halo-a),transparent)}@media(prefers-reduced-motion:reduce){.mD-hero__chip:not([data-k="0"]) .mD-hero__chipV,.mD-hero__chip:not([data-k="0"]) .mD-hero__chipK:before{transition:none}.mD-hero[data-invite] .mD-hero__actions .mD-btn--primary{animation:none}}