
@font-face{font-family:Syne;src:url(/assets/syne-1.ttf) format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Syne;src:url(/assets/syne-2.ttf) format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/font-4.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/font-7.ttf) format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#192019;--lime:#d6ff3f;--paper:#fbfbf8;--line:#bdc6b8;--quiet:#5b6659}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.frame{min-height:100svh;display:flex;flex-direction:column}.wrap{width:min(100% - 64px,1376px);margin-inline:auto}
.topbar{border-bottom:1px solid var(--ink)}.topbar-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:block;width:190px;line-height:0;text-decoration:none}.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:darken}.top-note{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
main{flex:1}.hero{padding:clamp(64px,8vw,120px) 0 clamp(56px,7vw,96px)}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:'';width:11px;height:11px;background:var(--lime);border:1px solid var(--ink)}h1{max-width:1140px;margin:28px 0 24px;font:700 clamp(54px,8.3vw,126px)/.94 Syne,Arial,sans-serif;letter-spacing:-.075em;text-wrap:balance}.hero-copy{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1140px}.hero-copy p{max-width:650px;margin:0;color:#3c483b;font-size:clamp(18px,2vw,25px);line-height:1.45}.status{flex:none;border:1px solid var(--ink);padding:15px 20px;background:var(--lime);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.cities{border-top:1px solid var(--ink);padding:26px 0 clamp(70px,8vw,110px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font:700 clamp(23px,3vw,38px)/1 Syne,Arial,sans-serif;letter-spacing:-.055em}.section-head p{margin:0;color:var(--quiet);font-size:13px}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.city-card{min-height:245px;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:26px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.city-card--live{background:var(--lime)}.city-card--live:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--ink)}.city-card--soon{border-color:var(--line);background:#eef0e8;color:#7a8477}.city-meta{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.city-card strong{display:block;font:700 clamp(28px,3.4vw,46px)/1 Syne,Arial,sans-serif;letter-spacing:-.075em}.city-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}.city-card--live .city-bottom span:last-child{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.city-card--soon .city-bottom span:last-child{opacity:.8}.city-card--soon[aria-current=page]{border-color:#aab5a3}
.foot{background:var(--ink);color:var(--paper);border-top:8px solid var(--lime)}.foot-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:25px}.foot p{margin:0;font-size:13px}.foot small{color:#c2cbbc;font-size:12px}
.first-guide{padding:34px 0 70px;border-top:1px solid var(--ink)}.first-guide-card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;background:#eff2e9;border:1px solid var(--line);padding:36px}.first-guide-card .city-meta{color:var(--quiet)}.first-guide-card h2{max-width:760px;margin:16px 0 13px;font:700 clamp(34px,4.6vw,66px)/1.02 Syne,Arial,sans-serif;letter-spacing:-.06em}.first-guide-card p{max-width:650px;margin:0;color:#3c483b;font-size:16px;line-height:1.5}.first-guide-card a{display:inline-block;padding:14px 20px;border:1px solid var(--ink);background:var(--lime);font-weight:700;text-decoration:none;white-space:nowrap}.first-guide-card a:hover{box-shadow:5px 5px 0 var(--ink)}
@media(max-width:760px){.wrap{width:min(100% - 36px,1376px)}.topbar-inner{min-height:86px}.brand{width:160px}.top-note{display:none}.hero{padding:70px 0 63px}h1{font-size:clamp(52px,13vw,85px);margin:25px 0 24px}.hero-copy{display:block}.hero-copy p{font-size:18px}.status{display:table;margin-top:30px}.section-head{display:block}.section-head p{margin-top:7px}.city-grid{grid-template-columns:1fr;gap:10px}.city-card{min-height:174px;padding:20px}.city-card strong{font-size:34px}.foot-inner{min-height:130px;display:block;padding-block:29px}.foot small{display:block;margin-top:10px}}
@media(max-width:760px){.first-guide{padding:20px 0 50px}.first-guide-card{display:block;padding:25px}.first-guide-card p{font-size:14px}.first-guide-card a{margin-top:23px;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.city-card{transition:none}.city-card--live:hover{transform:none}}
