:root:has(.fx-city-stage) output[data-fx-persist=fx-slug]{display:none}.fx-city-stage{--fx-city-gap:12px;--fx-city-window-h:max(560px, calc(100svh - var(--nav-h) - var(--fx-city-gap)));isolation:isolate;padding-top:var(--nav-h);padding-bottom:var(--fx-city-gap);position:relative;overflow-x:clip}@media (min-width:640px){.fx-city-stage{--fx-city-gap:16px}}.fx-city-window{margin-inline:var(--fx-city-gap);border-radius:var(--r-lg);background:var(--bg);position:relative;overflow:hidden}@media (min-width:640px){.fx-city-window{border-radius:var(--r-xl)}}.fx-city-window-ring{z-index:3;border:1px solid var(--border);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.fx-city-body{position:relative}.fx-city-body>.fx-city-window{position:absolute;inset:0}.fx-city-body>.fx-city-panel{min-height:var(--fx-city-window-h);position:relative}.fx-city-stage[data-pinned] .fx-city-window{top:var(--nav-h);height:var(--fx-city-window-h);position:sticky}.fx-city-stage[data-pinned] .fx-city-track{margin-top:calc(-1 * var(--fx-city-window-h));position:relative}.fx-city-stage[data-pinned] .fx-city-panel{min-height:var(--fx-city-window-h)}.fx-city-container{max-width:var(--container-max);padding-inline:max(var(--s-6), calc(var(--fx-city-gap) + var(--s-5) - max(0px, (100vw - var(--container-max)) / 2)));margin-inline:auto}.fx-city-hero-panel{padding-block:var(--s-16) clamp(var(--s-8), 6svh, var(--s-16));flex-direction:column;justify-content:flex-end;display:flex}@media (min-width:1024px){.fx-city-hero-panel{padding-block:var(--s-16);justify-content:center}}.fx-city-vote-panel{padding-block:var(--s-16) var(--s-8);scroll-margin-top:var(--nav-h);flex-direction:column;justify-content:flex-end;display:flex}@media (min-width:1024px){.fx-city-vote-panel{padding-block:var(--s-16);justify-content:center}}.fx-city-scrim{pointer-events:none;transition:opacity .9s var(--ease-settle);background-image:linear-gradient(to top, color-mix(in oklab, var(--bg) 86%, transparent) 0%, color-mix(in oklab, var(--bg) 72%, transparent) 36%, color-mix(in oklab, var(--bg) 42%, transparent) 58%, color-mix(in oklab, var(--bg) 12%, transparent) 76%, transparent 90%);position:absolute;inset:0}@media (min-width:1024px){.fx-city-scrim{background-image:radial-gradient(112% 86% at 0% 48%, color-mix(in oklab, var(--bg) 80%, transparent) 0%, color-mix(in oklab, var(--bg) 64%, transparent) 26%, color-mix(in oklab, var(--bg) 38%, transparent) 50%, color-mix(in oklab, var(--bg) 12%, transparent) 72%, transparent 88%), linear-gradient(to right, color-mix(in oklab, var(--bg) 30%, transparent) 0%, color-mix(in oklab, var(--bg) 16%, transparent) 22%, color-mix(in oklab, var(--bg) 5%, transparent) 42%, transparent 60%)}}.fx-city-scrim[data-off]{opacity:0}.fx-city-veil{z-index:2;pointer-events:none;background:var(--bg);position:absolute;inset:0}.fx-city-copy{max-width:68rem;position:relative}.fx-city-kicker,.fx-city-title,.fx-city-lead,.fx-city-caption{transition:color .9s var(--ease-settle), text-shadow .9s var(--ease-settle)}.fx-city-kicker{font-family:var(--font-mono);font-size:var(--text-micro);line-height:var(--text-micro-lh);letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.fx-city-title{margin-top:var(--s-5);font-family:var(--font-display);color:var(--fg);font-weight:400}.fx-city-name{letter-spacing:-.035em;white-space:nowrap;margin-inline-start:-.045em;font-size:12vw;line-height:.9;display:block}.fx-city-line{letter-spacing:-.02em;font-size:clamp(1.55rem,3.5vw,3.3rem);line-height:1.1;display:block}.fx-city-line+.fx-city-name{margin-top:.1em}.fx-city-name+.fx-city-line{margin-top:.32em}.fx-city-lead{margin-top:var(--s-6);max-width:38rem;font-size:var(--text-body-lg);line-height:var(--text-body-lg-lh);color:var(--fg-muted)}@media (min-width:640px){.fx-city-lead{font-size:1.25rem}}.fx-city-caption{color:var(--fg-subtle)}.fx-city-halo{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent)}.fx-city-glow{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent), 0 0 30px #ffb65c1f}.theme-light .fx-city-glow{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .theme-dark .fx-city-glow{animation:fx-city-glow 1.6s var(--ease-settle) .9s both}:root:not([data-motion=reduced]) .fx-city-veil{animation:fx-city-veil .9s var(--ease-settle) both}:root:not([data-motion=reduced]) .fx-city-rise{animation:fx-city-rise var(--d-story) var(--ease-settle) both}}.fx-city-veil{opacity:0}@keyframes fx-city-glow{0%{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent), 0 0 0 #ffb65c00}40%{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent), 0 0 48px #ffb65c6b}to{text-shadow:0 0 2px var(--bg), 0 0 12px color-mix(in oklab, var(--bg) 88%, transparent), 0 1px 28px color-mix(in oklab, var(--bg) 72%, transparent), 0 0 30px #ffb65c1f}}@keyframes fx-city-veil{0%,26%{opacity:1}to{opacity:0}}@keyframes fx-city-rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.fx-city-scrim,.fx-city-kicker,.fx-city-title,.fx-city-lead,.fx-city-caption{transition:none}}:root[data-motion=reduced] :is(.fx-city-scrim,.fx-city-kicker,.fx-city-title,.fx-city-lead,.fx-city-caption){transition:none}.fx-city-dots{z-index:1;pointer-events:none;position:absolute;inset:0}.fx-city-dot{left:calc(var(--fx-city-ax-tall) * 100% + var(--fx-city-dot-tx));top:calc(var(--fx-city-ay-tall) * 100% + var(--fx-city-dot-ty));width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}@media (min-aspect-ratio:1){.fx-city-dot{left:calc(var(--fx-city-ax-wide) * 100% + var(--fx-city-dot-wx));top:calc(var(--fx-city-ay-wide) * 100% + var(--fx-city-dot-wy))}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .fx-city-dot{animation:fx-city-dot-in .32s var(--ease-settle) both}}.fx-city-dot-light{opacity:.46;background:radial-gradient(circle, var(--fg-muted) 0, var(--fg-muted) 1.6px, color-mix(in oklab, var(--fg-subtle) 34%, transparent) 2.8px, color-mix(in oklab, var(--fg-subtle) 10%, transparent) 7px, transparent 13px);border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .fx-city-dots[data-flicker] .fx-city-dot:not([data-lit]) .fx-city-dot-light{animation:fx-city-flicker var(--fx-city-dot-period,7s) linear var(--fx-city-dot-delay,0s) infinite}}.fx-city-dots[data-paused] .fx-city-dot-light{animation-play-state:paused!important}.fx-city-dot-lamp,.fx-city-dot-flare{opacity:0;border-radius:50%;position:absolute;inset:0}.fx-city-dot[data-lit] .fx-city-dot-light{opacity:0}.fx-city-dot[data-lit] .fx-city-dot-lamp{opacity:1;background:radial-gradient(circle, var(--pl-5) 0, var(--pl-5) 2.6px, #ffb65cc7 4.2px, #ffb65c3d 10px, transparent 22px)}.fx-city-dot-flare{background:radial-gradient(circle,#ffe9c4e6 0,#ffe9c44d 6px,#0000 18px)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .fx-city-dot[data-lit] .fx-city-dot-lamp{animation:fx-city-lamp-on .6s var(--ease-settle) both}:root:not([data-motion=reduced]) .fx-city-dot[data-lit] .fx-city-dot-flare{animation:fx-city-flare .6s var(--ease-settle) both}}@keyframes fx-city-dot-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes fx-city-flicker{0%,8%,to{opacity:.46}1.5%{opacity:.8}3%{opacity:.52}4.5%{opacity:.72}6%{opacity:.46}}@keyframes fx-city-lamp-on{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fx-city-flare{0%{opacity:0;transform:scale(.6)}35%{opacity:1}to{opacity:0;transform:scale(1.4)}}.fx-city-card{background:color-mix(in oklab, var(--bg) 90%, transparent);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-2)}.fx-city-coverage-base{will-change:transform}.fx-city-coverage-base>svg{display:block}.fx-city-cells{pointer-events:none;position:absolute;inset:0}.fx-city-cells>canvas,.fx-city-cells>svg{width:100%;height:100%;display:block}
