.city-hero{padding:72px 0 78px;overflow:hidden}
.city-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:52px;align-items:center}
.city-hero h1{max-width:820px}
.city-hero .lede{max-width:720px}
.city-truth{margin-top:20px;color:var(--muted);font-size:13px}
.city-truth b{color:var(--text-2)}
.city-route{position:relative;padding:28px;border:1px solid var(--brand-line);border-radius:22px;background:linear-gradient(150deg,var(--surface-2),var(--surface));box-shadow:0 28px 80px rgba(0,0,0,.26)}
.city-route::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 12%,rgba(254,67,1,.18),transparent 34%);pointer-events:none}
.city-route>*{position:relative}
.route-label{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--brand-line);border-radius:99px;background:var(--brand-dim);color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.city-route h2{margin:16px 0 8px;font-size:25px}
.city-route>p{color:var(--muted);font-size:14px}
.route-steps{display:grid;gap:0;margin-top:22px;counter-reset:route}
.route-step{counter-increment:route;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.route-step::before{content:"0" counter(route);display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-2);border-radius:10px;color:var(--brand);font:800 11px var(--f-head)}
.route-step b{display:block;margin-bottom:2px;color:var(--text);font-size:14px}
.route-step span{color:var(--muted);font-size:12px;line-height:1.5}
.city-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--line)}
.city-facts div{padding:18px;background:var(--surface)}
.city-facts b{display:block;margin-bottom:4px;color:var(--text);font-size:13px}
.city-facts span{color:var(--muted);font-size:11.5px;line-height:1.5}
.city-sector-grid,.city-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.city-sector,.city-plan{height:100%;padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}
.city-sector small,.city-plan small{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.city-sector h3,.city-plan h3{margin:9px 0 8px;font-size:20px}
.city-sector p,.city-plan p{color:var(--muted);font-size:14px}
.city-sector ul,.city-plan ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.city-sector li,.city-plan li{position:relative;padding-left:19px;color:var(--text-2);font-size:12.5px}
.city-sector li::before,.city-plan li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:4px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.city-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:start}
.city-detail-copy{position:sticky;top:105px}
.city-detail-copy p{color:var(--muted)}
.deliverable-list{display:grid;gap:10px}
.deliverable{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.deliverable b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--brand-dim);color:var(--brand);font:800 12px var(--f-head)}
.deliverable h3{margin:1px 0 4px;font-size:16px}
.deliverable p{color:var(--muted);font-size:12.5px}
.city-honesty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:24px;border:1px solid var(--brand-line);border-radius:17px;background:var(--brand-dim)}
.city-honesty strong{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--brand-line);border-radius:50%;color:var(--brand);font-size:20px}
.city-honesty h2{margin:0 0 7px;font-size:22px}
.city-honesty p{color:var(--text-2);font-size:14px}
.location-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.location-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:12px;font-weight:700;text-decoration:none}
.location-links a:hover,.location-links a:focus-visible{border-color:var(--brand-line);color:var(--brand)}
@media(max-width:900px){.city-hero-grid,.city-detail{grid-template-columns:1fr}.city-detail-copy{position:static}.city-sector-grid,.city-plan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.city-hero{padding:50px 0 58px}.city-route{padding:22px}.city-facts,.city-sector-grid,.city-plan-grid{grid-template-columns:1fr}.city-honesty{grid-template-columns:1fr}.city-honesty strong{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.location-links a{transition:none}}