.op-neighborhood {
 .op-home-hero { min-block-size:clamp(30rem,65svh,44rem); .op-home-tagline { max-inline-size:46rem; } }
 .op-kicker { color:var(--op-clay); text-transform:uppercase; letter-spacing:.15em; font-size:.8rem; margin:0 0 1rem; }
 .op-neighborhood-history,.op-neighborhood-homes,.op-neighborhood-inner { max-inline-size:70rem; margin-inline:auto; padding:clamp(3rem,6vw,5rem) 1.5rem; }
 header { margin-block-end:2.5rem; h2 { letter-spacing:.06em; } }
 .op-neighborhood-history-grid { display:grid; gap:2.5rem; align-items:start; figure { margin:0; img { inline-size:100%; max-block-size:28rem; object-fit:contain; object-position:top; } figcaption { font-size:.85rem; color:#666; line-height:1.5; margin-block-start:1rem; } } }
 .op-neighborhood-prose { font-size:1.1rem; p { margin:0 0 1.5rem; line-height:1.75; } >p:first-child { font-size:1.3rem; line-height:1.45; } }
 .op-neighborhood-nearby { padding:1.5rem; margin-block-start:2rem; background:#ede6d4; font-size:.95rem; }
 .op-neighborhood-resources { background:#ede6d4; .op-neighborhood-resource-grid { display:grid; gap:2.5rem; >div { min-inline-size:0; background:#fff; padding:clamp(1.25rem,3vw,2.5rem); } h3 { font-size:1.5rem; font-weight:400; margin:0 0 1.5rem; } } }
 .op-neighborhood-resources,.op-neighborhood-nearby { a { color:var(--op-clay); text-underline-offset:.2em; overflow-wrap:anywhere; } li { margin-block-end:.65rem; } ul { padding-inline-start:1.2rem; } }
 .op-neighborhood-map { margin-block-start:2.5rem; iframe { display:block; inline-size:100%; aspect-ratio:4/3; border:0; background:#ddd6c6; } >a { display:inline-block; margin-block-start:1rem; } }
 .op-neighborhood-directory { background:#f0f0ed; nav ul { list-style:none; padding:0; margin:0; display:grid; gap:0 2rem; } li { border-block-end:1px solid #c8c5be; } nav a { display:flex; gap:1rem; justify-content:space-between; align-items:center; padding:1.2rem .2rem; text-decoration:none; font-size:1.05rem; &[aria-current],&:hover { color:var(--op-clay); } } .op-neighborhood-additional { font-size:.9rem; color:#626262; margin-block:2rem 0; } }
 .op-neighborhood-home-grid { display:grid; gap:2rem; a { text-decoration:none; } img { inline-size:100%; aspect-ratio:3/2; object-fit:cover; } span { display:block; color:var(--op-clay); margin-block-start:1rem; font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; } h3 { font-size:1.5rem; font-weight:400; margin-block:.5rem 0; } }
}
@media (min-width:640px) { .op-neighborhood { .op-neighborhood-directory nav ul { grid-template-columns:repeat(2,minmax(0,1fr)); } .op-neighborhood-map iframe { aspect-ratio:2/1; } .op-neighborhood-home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } }
@media (min-width:900px) { .op-neighborhood { .op-neighborhood-history-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.8fr); gap:4rem; } .op-neighborhood-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .op-neighborhood-directory nav ul { grid-template-columns:repeat(3,minmax(0,1fr)); } .op-neighborhood-map iframe { aspect-ratio:2.8/1; } } }