:root:not([data-theme=dark]) .df{--df-card:var(--surface);--df-card-hover:color-mix(in srgb, var(--accent) 6%, var(--surface));border-top:1px solid var(--line)}.df{margin-top:var(--gap-sec,72px);background:var(--night);color:var(--night-ink);padding-top:56px;position:relative;overflow:clip}.df-live{border-bottom:1px solid var(--night-line);margin-bottom:48px;padding-bottom:48px}.df-live__t{color:var(--night-muted);font-size:.8125rem;font-weight:650}.df .df-cities{gap:4px;margin-top:14px;display:grid}.df-city{border-radius:var(--card-in);background:var(--df-card,color-mix(in srgb, var(--night-ink) 5%, transparent));width:100%;color:var(--night-ink);font:inherit;text-align:left;cursor:pointer;border:0;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"name v go""lv spark go";align-items:center;gap:4px 14px;padding:12px 14px;text-decoration:none;transition:background-color .25s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.df-city:hover{background:var(--df-card-hover,color-mix(in srgb, var(--night-ink) 10%, transparent))}}.df-city__name{letter-spacing:-.01em;grid-area:name;font-size:1.0625rem;font-weight:650}.df-city__lv{color:var(--night-muted);grid-area:lv;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;display:inline-flex}.df-city__v{grid-area:v;justify-self:end;font-size:1.125rem;font-weight:700}.df-city__v small{color:var(--night-muted);font-size:.6875rem;font-weight:500}.df-city__spark{color:var(--night-ink);grid-area:spark;justify-self:end}:root[data-theme=dark] .df-city__spark .spark__dot{stroke:var(--night)}.df-city__go{color:var(--night-muted);opacity:0;transition:opacity .2s, translate .25s var(--ease-out);grid-area:go;translate:0 4px}.df-city:focus-visible .df-city__go{opacity:1;translate:0}@media (hover:hover) and (pointer:fine){.df-city:hover .df-city__go{opacity:1;translate:0}}html.motion .df-cities li{animation:dm-in .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 50ms) both;animation-timeline:view();animation-range:entry entry 60%}.df-main{gap:44px;display:grid}.df-statement{letter-spacing:-.035em;text-wrap:balance;max-width:13ch;font-size:clamp(2rem,4.4vw,3.25rem);font-weight:650;line-height:1.05}.df-brand{max-width:36ch;color:var(--night-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:28px;font-size:.9375rem;line-height:1.45;display:grid}.df-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;display:grid}@media (max-width:960.98px){.df-cols>nav:nth-child(3){grid-column:1/-1}}.df-h{color:var(--night-muted);margin-bottom:10px;font-size:.8125rem;font-weight:650}.df ul{gap:4px;display:grid}.df nav .df-go{color:color-mix(in srgb, var(--night-ink) 86%, var(--night-muted));align-items:center;gap:8px;padding-block:7px;text-decoration:none;transition:color .2s;display:inline-flex}.df-go__a{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;color:var(--night-ink);opacity:0;transition:translate .25s cubic-bezier(.22,1,.36,1),opacity .2s;translate:-6px}.df-go:focus-visible,.df-go:focus-visible .df-go__a{color:var(--night-ink);opacity:1}@media (hover:hover) and (pointer:fine){.df nav .df-go:hover{color:var(--night-ink)}.df-go:hover .df-go__a{opacity:1}}.df-go__stem{stroke-dasharray:9;stroke-dashoffset:9px;transition:stroke-dashoffset .25s cubic-bezier(.22,1,.36,1)}.df-go:focus-visible .df-go__a{color:var(--night-ink);translate:2px}@media (hover:hover) and (pointer:fine){.df-go:hover .df-go__a{color:var(--night-ink);translate:2px}}.df-go:focus-visible .df-go__stem{stroke-dashoffset:0}@media (hover:hover) and (pointer:fine){.df-go:hover .df-go__stem{stroke-dashoffset:0}}.df-credits{color:var(--night-muted);gap:6px;margin-top:36px;font-size:.75rem;line-height:1.6;display:grid}.df-credits a{color:color-mix(in srgb, var(--night-ink) 70%, var(--night-muted));text-decoration:none;transition:color .2s}@media (hover:hover) and (pointer:fine){.df-credits a:hover{color:var(--night-ink);text-underline-offset:3px;text-decoration:underline}}.df-credits a:focus-visible{color:var(--night-ink)}.df-base{border-top:1px solid var(--night-line);color:var(--night-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;font-size:.8125rem;display:flex}.df-dev a{color:var(--night-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--night-ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--night-ink) 35%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s}@media (hover:hover) and (pointer:fine){.df-dev a:hover{text-decoration-color:currentColor}}.df-sample{align-items:center;gap:8px;display:inline-flex}.df-sample i{background:#f0e641;border-radius:50%;width:8px;height:8px}.df-mark{width:100%;max-width:calc(var(--maxw) + 2 * var(--side));padding:0 var(--side);-webkit-user-select:none;user-select:none;margin:40px auto 0}.df-mark__cap{color:var(--night-muted);align-items:center;gap:10px;font-size:.8125rem;display:flex}.df-mark__city{color:var(--night-ink);font-weight:650}.df-mark__bar{background:var(--night-line);border-radius:2px;width:44px;height:2px;position:relative;overflow:hidden}.df-mark__bar i{background:var(--night-ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.df-mark__box{background:var(--night);margin-top:14px;display:flow-root;position:relative;overflow:clip;-webkit-mask-image:linear-gradient(#000 45%,#0009 100%);mask-image:linear-gradient(#000 45%,#0009 100%)}@property --glow{syntax:"<number>";inherits:true;initial-value:0}.df-mark__box{transition:--glow .3s var(--ease-out)}@media (hover:hover) and (pointer:fine){.df-mark__box:hover{--glow:1}}.df-mark__w{letter-spacing:-.05em;white-space:nowrap;--by:50%;align-items:flex-end;width:max-content;margin-bottom:-.2em;font-size:21vw;font-weight:700;line-height:.9;display:flex;position:relative}.df-ml{display:grid;position:relative}.df-ml__a,.df-ml__b{color:var(--night-ink);grid-area:1/1;padding-top:.06em}.df-ml__b{clip-path:inset(100% 0 0)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.df-ml__a,.df-ml__b{color:#0000;background-repeat:no-repeat;background-size:100% 100%, var(--ww,100vw) auto;background-position:0 0, calc(var(--x,0px) * -1) var(--by);filter:saturate(1.1)brightness(1.08);--light:radial-gradient(240px circle at calc(var(--mx,-999px) - var(--x,0px)) var(--my,-999px), rgb(255 255 255/calc(.42 * var(--glow))), transparent 70%);-webkit-background-clip:text;background-clip:text}.df-ml__a{background-image:var(--light), var(--img-a)}.df-ml__b{background-image:var(--light), var(--img-b,var(--img-a))}}@media (min-width:961px){.df{padding-top:88px}.df-main{column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.df-cols{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:10px}.df .df-cities{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.df-city{grid-template-columns:minmax(0,1fr) 14px;grid-template-areas:"name go""lv lv""v v""spark spark";gap:6px 8px;height:100%;padding:16px 14px 14px}.df-city__v{justify-self:start;margin-top:6px;font-size:1.5rem}.df-city__spark{justify-self:stretch}.df-city__spark .spark{width:100%}}@keyframes dm-in{0%{opacity:0;filter:blur(3px);translate:0 10px}}@media (prefers-reduced-motion:reduce){.df-cities li{animation:none!important}}
