@layer components{.voiv-hero{border-bottom:1px solid var(--color-line);padding:24px 0 48px;position:relative}.voiv-hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#faf6efdb 0%,#faf6ef6b 34%,#faf6ef3d 58%,#faf6efc7 100%),linear-gradient(90deg,#faf6efd9 0%,#faf6ef59 42%,#faf6ef14 100%),url(/img/atlas/hero-countryside.webp);background-position:50% 68%;background-size:cover;width:100vw;position:absolute;top:-120px;bottom:-40px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.voiv-hero .eyebrow-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.voiv-hero h1{letter-spacing:-.035em;max-width:18ch;margin:6px 0 16px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(40px,5.4vw,68px);font-weight:800;line-height:1.02}.voiv-hero h1 em{color:var(--color-flame-500);font-style:normal}.voiv-hero h1 .ital{letter-spacing:-.02em;font-family:Newsreader,Plus Jakarta Sans,serif;font-style:normal;font-weight:400}.voiv-hero .lede{color:var(--muted);max-width:64ch;margin:0 0 24px;font-size:18px;line-height:1.55}.voiv-hero .lede b{color:var(--color-ink);font-weight:500}.voiv-hero .meta-strip{border-top:1px solid var(--color-line);color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;gap:28px;margin-top:18px;padding-top:24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:flex}.voiv-hero .meta-strip>div{flex-direction:column;gap:2px;display:flex}.voiv-hero .meta-strip h6{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0;font-size:10px}.voiv-hero .meta-strip b{color:var(--color-ink);font-size:13px;font-weight:500}.voiv-zones{border-top:1px solid var(--color-line);margin:48px 0;padding:32px 0 8px}.voiv-zones h2{letter-spacing:-.02em;margin:0 0 8px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800}.voiv-zones h2 .ital{color:var(--color-flame-500);font-family:Newsreader,Plus Jakarta Sans,serif;font-style:normal;font-weight:400}.voiv-zones .lede{color:var(--muted);max-width:60ch;margin:0 0 24px;font-size:15px}.voiv-zones__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.voiv-zones__list a{background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-lg);color:var(--color-ink);transition:border-color .15s var(--ease-base), transform .15s var(--ease-base);flex-direction:column;gap:8px;padding:16px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.voiv-zones__list a:hover{border-color:var(--color-ink);transform:translateY(-2px)}.voiv-zones__list .zone-strip{border-radius:2px;height:4px;margin:0}.voiv-zones__list a[data-zone="1"] .zone-strip{background:var(--z1)}.voiv-zones__list a[data-zone="2"] .zone-strip{background:var(--z2)}.voiv-zones__list a[data-zone="3"] .zone-strip{background:var(--z3)}.voiv-zones__list a[data-zone="4"] .zone-strip{background:var(--z4)}.voiv-zones__list a[data-zone="5"] .zone-strip{background:var(--z5)}.voiv-zones__list b{letter-spacing:-.005em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:17px;font-weight:700}.voiv-zones__list .meta{color:var(--muted);letter-spacing:.04em;justify-content:space-between;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:flex}.voiv-zones__list .meta b{color:var(--color-ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.voiv-cities{border-top:1px solid var(--color-line);margin:48px 0;padding:32px 0 8px}.voiv-cities__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.voiv-cities h2{letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800}.voiv-cities h2 .ital{color:var(--color-flame-500);font-family:Newsreader,Plus Jakarta Sans,serif;font-style:normal;font-weight:400}.voiv-cities .count-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--color-line);border-radius:999px;padding:6px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.voiv-cities__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.voiv-cities__list a{background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-lg);color:var(--color-ink);transition:border-color .15s var(--ease-base), transform .15s var(--ease-base);padding:16px 18px;text-decoration:none;display:block}.voiv-cities__list a:hover{border-color:var(--color-ink);transform:translateY(-2px)}.voiv-cities__list strong{letter-spacing:-.005em;margin-bottom:6px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:16px;font-weight:700;display:block}.voiv-cities__meta{color:var(--muted);letter-spacing:.04em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.voiv-cities__meta b{color:var(--color-ink);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.voiv-cities__more{text-align:center;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.voiv-cities__empty{background:var(--color-cloud);border:1px dashed var(--color-line);border-radius:var(--radius-lg);text-align:center;color:var(--muted);letter-spacing:.04em;padding:32px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.voiv-cta{background:linear-gradient(115deg, #1c1917f0 0%, #1c1917b8 48%, #1c191761 100%), var(--color-ink) url(/img/panels/tldr-ember-dark.webp) center / cover no-repeat;color:var(--color-paper);border-radius:var(--radius-xl);grid-template-columns:1.4fr auto;align-items:center;gap:32px;margin:48px 0 8px;padding:48px;display:grid;position:relative;overflow:hidden}@media (width<=760px){.voiv-cta{grid-template-columns:1fr;padding:32px 24px}}.voiv-cta:before{content:"";background:radial-gradient(circle at center, color-mix(in oklab, var(--color-flame-500) 70%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px}.voiv-cta .l{color:color-mix(in oklab, var(--color-paper) 55%, transparent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:block}.voiv-cta h2{letter-spacing:-.025em;max-width:22ch;color:var(--color-paper);z-index:1;margin:0 0 12px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(26px,3.2vw,36px);font-weight:800;line-height:1.1;position:relative}.voiv-cta h2 em{color:var(--color-flame-500);font-style:normal}.voiv-cta p{color:color-mix(in oklab, var(--color-paper) 70%, transparent);z-index:1;max-width:50ch;margin:0;font-size:15px;position:relative}.voiv-cta__button{background:linear-gradient(135deg, #ff8a3d 0%, var(--color-flame-500) 45%, #d54e08 100%);color:#fff;letter-spacing:.01em;z-index:1;transition:transform .16s var(--ease-base), box-shadow .2s var(--ease-base);border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:19px 34px;font-size:16.5px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #e8620e73,inset 0 1px #ffffff59}.voiv-cta__button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff59,#0000);width:55%;height:100%;transition:left .45s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.voiv-cta__button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 40px #e8620e8c,inset 0 1px #ffffff59}.voiv-cta__button:hover:after{left:120%}.voiv-cta__button:active{transform:translateY(0)scale(.99)}@media (prefers-reduced-motion:reduce){.voiv-cta__button,.voiv-cta__button:after{transition:none}}.voiv-disclaimer{border-top:1px solid var(--color-line);color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.voiv-disclaimer b{color:var(--color-ink);font-weight:500}}
