.breadcrumb { padding-block: 18px; font-size: 12px; color: var(--muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; list-style: none; padding: 0; margin: 0; }
.breadcrumb li + li::before { content: '›'; margin-right: 10px; color: #a88c5e; }
.breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb [aria-current] { color: var(--wine); font-weight: 600; }
.local-hero { background: linear-gradient(115deg, #21080a, #420f15); color: #fff8ef; padding: 58px 0 63px; }
.local-hero-grid { display: grid; grid-template-columns: 1fr 1.04fr; align-items: center; gap: 60px; }
.local-hero .eyebrow { justify-content: flex-start; font-size: 9px; letter-spacing: .15em; }
.local-hero .eyebrow::before, .local-hero .eyebrow::after { display: none; }
.local-hero h1 { font-size: clamp(46px, 5.4vw, 73px); }
.local-hero-copy > p:not(.eyebrow) { color: #e8dcd1; font-size: 16px; line-height: 1.75; max-width: 550px; }
.local-hero-copy .button { margin-top: 12px; }
.local-hero-link { display: block; width: fit-content; margin-top: 20px; color: var(--gold-light); font-size: 13px; }
.local-hero-link i { margin-left: 9px; font-size: 11px; }
.local-hero-photo { margin: 0; }
.local-hero-photo img { width: 100%; height: auto; border-radius: 9px; box-shadow: 0 20px 45px #0003; }
.local-hero-photo figcaption { font-size: 11px; color: #c9b39c; margin-top: 12px; text-align: right; }
.local-welcome-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: center; }
.borough-photo { margin: 0; }
.borough-photo img { width: 100%; height: auto; border-radius: 8px; }
.borough-photo figcaption { margin-top: 10px; font-size: 11px; color: var(--muted); }
.local-prose .eyebrow { justify-content: flex-start; }
.local-prose .eyebrow::before { display: none; }
.local-prose p:not(.eyebrow) { color: var(--muted); font-size: 15px; line-height: 1.8; }
.local-prose h2 { margin-bottom: 23px; }
.local-prose .button { margin-top: 8px; }
.local-coverage { background: #fffdfa; text-align: center; }
.neighborhood-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; list-style: none; margin: 0; padding: 0; text-align: left; }
.neighborhood-list li { display: flex; align-items: center; gap: 11px; padding: 15px 16px; background: #f4efe7; border: 1px solid var(--line); border-radius: 5px; font-size: 14px; }
.neighborhood-list i { color: #a57b38; font-size: 12px; }
.local-coverage-note { max-width: 780px; margin: 27px auto 20px; color: var(--muted); font-size: 13px; }
.local-invitation { text-align: center; background: #f2ede4; }
.local-invitation .container { max-width: 850px; }
.local-invitation p:not(.eyebrow) { color: var(--muted); font-size: 16px; line-height: 1.85; }
.local-invitation .button { margin-top: 12px; }
@media (max-width: 1100px) {
    .local-hero-grid, .local-welcome-grid { gap: 32px; }
    .neighborhood-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
    .local-hero-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
    .local-hero h1 { font-size: 48px; }
    .local-hero-copy > p:not(.eyebrow) { font-size: 14px; }
    .local-welcome-grid { grid-template-columns: 1fr; }
    .borough-photo { max-width: 620px; margin-inline: auto; }
    .neighborhood-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .breadcrumb { font-size: 11px; padding-block: 14px; }
    .local-hero { padding: 30px 0 35px; }
    .local-hero-grid { grid-template-columns: 1fr; gap: 30px; }
    .local-hero h1 { font-size: 47px; }
    .local-hero-copy > p:not(.eyebrow) { font-size: 15px; }
    .local-hero-copy .button, .local-invitation .button { width: 100%; padding-inline: 16px; font-size: 13px; }
    .local-hero-link { margin-inline: auto; }
    .local-hero-photo figcaption { text-align: left; }
    .neighborhood-list { gap: 8px; }
    .neighborhood-list li { padding: 12px 10px; font-size: 12px; gap: 7px; }
    .neighborhood-list i { font-size: 10px; }
}