.cities-main{background:#fff;color:var(--text-primary-light)}.cities-main .button{min-height:60px;padding:17px 28px;border-radius:4px;font-size:1rem;font-weight:700}.cities-main .button-primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--surface-primary)}.cities-main .button-primary:hover,.cities-main .button-primary:focus-visible{background:var(--brand-gold);transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.25)}
.cities-hero{position:relative;overflow:hidden;padding:142px 0 92px;background:linear-gradient(118deg,var(--surface-primary),var(--surface-secondary));color:#fff}.cities-grid-bg{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(174,183,194,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(174,183,194,.15) 1px,transparent 1px);background-size:78px 78px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 72%)}.cities-hero-inner{position:relative;z-index:1;max-width:1000px;text-align:center}.cities-breadcrumbs{display:flex;justify-content:center;gap:9px;margin-bottom:28px;color:#cdd2d8;font-size:.75rem}.cities-breadcrumbs a{color:#fff}.cities-main .eyebrow{color:var(--brand-gold)}.cities-hero h1{max-width:880px;margin:22px auto;color:#fff;font-size:clamp(3.1rem,5.4vw,5.3rem);font-weight:600;line-height:1.02;letter-spacing:-.05em}.cities-hero p{max-width:760px;margin:auto;color:#fff;font-size:1.08rem;line-height:1.72}.cities-actions{display:flex;justify-content:center;gap:14px;margin-top:34px}.cities-actions .button-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.cities-intro,.cities-published,.cities-expansion,.cities-diagnostic{padding:100px 0}.cities-intro-grid{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:64px;align-items:start}.cities-intro h2,.cities-heading h2,.cities-expansion h2,.cities-diagnostic h2{margin:18px 0 22px;font-size:clamp(2.25rem,3.7vw,3.75rem);font-weight:590;line-height:1.06;letter-spacing:-.04em}.cities-intro p,.cities-heading p{max-width:760px;color:var(--text-secondary-light);font-size:1.03rem;line-height:1.75}.cities-heading{max-width:900px;margin-bottom:48px}
.cities-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.city-card{min-width:0;border:1px solid var(--line-light);background:#fff;box-shadow:0 12px 30px rgba(13,16,20,.055);transition:transform .22s,border-color .22s,box-shadow .22s}.city-card a{display:flex;height:100%;min-width:0;flex-direction:column;color:inherit}.city-card figure{position:relative;overflow:hidden;aspect-ratio:16/10;margin:0;background:var(--surface-secondary)}.city-card img{display:block;width:100%;height:100%;object-fit:cover}.city-card-visual{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,var(--surface-secondary),var(--surface-elevated));color:var(--brand-gold)}.city-card-visual:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(184,154,92,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(184,154,92,.18) 1px,transparent 1px);background-size:28px 28px}.city-card-visual span{position:absolute;z-index:2;left:16px;top:14px;font-size:.7rem;font-weight:700;letter-spacing:.12em}.city-card-visual i{position:absolute;z-index:1;bottom:-1px;width:31%;border:1px solid rgba(184,154,92,.45);border-bottom:0}.city-card-visual i:nth-of-type(1){left:7%;height:44%}.city-card-visual i:nth-of-type(2){left:35%;height:67%}.city-card-visual i:nth-of-type(3){right:7%;height:35%}.city-card a>div{display:flex;flex:1;min-width:0;flex-direction:column;padding:20px 18px}.city-card a>div>span{color:var(--brand-gold);font-size:.58rem;font-weight:700;letter-spacing:.11em}.city-card h3{margin:11px 0 10px;font-size:clamp(1.15rem,1.45vw,1.42rem);line-height:1.1;letter-spacing:-.03em}.city-card p{margin:0;color:var(--text-secondary-light);font-size:.78rem;line-height:1.55}.city-card strong{margin-top:auto;padding-top:20px;color:var(--brand-gold);font-size:.72rem;line-height:1.45}.city-card strong i{font-style:normal}.city-card:hover,.city-card:focus-within{border-color:var(--brand-gold);box-shadow:0 18px 38px rgba(13,16,20,.1);transform:translateY(-3px)}
.cities-expansion{background:var(--surface-secondary);color:#fff}.cities-expansion-inner,.cities-diagnostic-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}.cities-expansion h2{color:#fff}.cities-expansion p{max-width:720px;color:#eef1f4;line-height:1.7}.cities-diagnostic h2{max-width:900px}.cities-expansion .button,.cities-diagnostic .button{min-width:300px}
@media(max-width:1240px){.cities-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.cities-intro-grid,.cities-expansion-inner,.cities-diagnostic-inner{grid-template-columns:1fr;gap:34px}.cities-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cities-actions{flex-wrap:wrap}}
@media(max-width:680px){.cities-hero{padding:116px 0 72px}.cities-hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}.cities-hero p{font-size:1rem}.cities-actions{flex-direction:column}.cities-main .button{width:100%}.cities-intro,.cities-published,.cities-expansion,.cities-diagnostic{padding:74px 0}.cities-intro h2,.cities-heading h2,.cities-expansion h2,.cities-diagnostic h2{font-size:clamp(1.95rem,8.5vw,2.45rem)}.cities-card-grid{grid-template-columns:1fr;gap:18px}.city-card figure{aspect-ratio:16/9}.city-card a>div{padding:24px}.city-card h3{font-size:1.55rem}.city-card p{font-size:.9rem}.city-card strong{font-size:.82rem}.cities-expansion .button,.cities-diagnostic .button{min-width:0}}