.city-hero{min-height:clamp(380px,58vh,600px)}.city-breadcrumb{max-width:100%}.city-breadcrumb__list{list-style:none;margin:0;padding:var(--space-2) var(--space-4);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-bg) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--text-sm);line-height:var(--leading-tight)}.city-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2)}.city-breadcrumb__link{color:var(--color-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-text) 45%,transparent);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.city-breadcrumb__link:hover{color:var(--color-brand-bright);text-decoration-color:currentColor}.city-breadcrumb__sep{flex-shrink:0;color:var(--color-text-muted)}.city-breadcrumb__current{font-weight:600;color:var(--color-text)}.city-intro__grid{display:grid;gap:var(--space-6);align-items:start}.city-intro__copy>.eyebrow{margin-bottom:var(--space-3)}.city-intro__title{margin:0 0 var(--space-5);font-size:var(--text-2xl);text-wrap:balance}.city-intro__text{max-width:var(--copy-max);margin:0 0 var(--space-4);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-muted);text-wrap:pretty}.city-intro__subtitle{margin:var(--space-6) 0 var(--space-4);font-size:var(--text-xl)}.city-venues{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.city-venues__item{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text)}.city-venues__icon{flex-shrink:0;margin-top:.15em;font-size:var(--text-lg);color:var(--color-brand-bright)}.city-fee{display:grid;gap:var(--space-3);justify-items:start}.city-fee__title{margin:0;font-size:var(--text-xl)}.city-fee__price{justify-content:flex-start}.city-fee__formula{margin:0;font-weight:600;color:var(--color-text)}.city-fee__note,.city-fee__nearby{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.city-fee__nearby{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-self:stretch}.city-fee__more.btn{justify-content:flex-start;text-align:left}@media(min-width:640px){.city-venues{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.city-intro__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-7)}.city-fee{position:sticky;top:calc(var(--header-h) + var(--space-4))}}.city-reviews__note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.city-reviews__grid{display:grid;gap:var(--space-4)}.city-reviews__more,.city-areas__more{display:flex;justify-content:center;margin-top:var(--space-6)}@media(min-width:1024px){.city-reviews__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}.city-areas__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.city-areas__item{display:flex;margin:0}.city-area.card{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--color-text);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.city-area.card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.city-area__text{display:grid;gap:var(--space-1);min-width:0}.city-area__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight)}.city-area__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.city-area__icon{flex-shrink:0;font-size:var(--text-xl);color:var(--color-brand-bright);transition:transform .2s ease}.city-area:hover .city-area__icon{transform:translate(2px)}@media(min-width:640px){.city-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.city-areas__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.city-area.card,.city-area__icon{transition:none}.city-area.card:hover,.city-area:hover .city-area__icon{transform:none}}