@layer legacy {
.areas-region { padding: 52px 0; }
.areas-region + .areas-region { border-top: 1px solid var(--line); }
.areas-region h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.35rem, 3vw, 1.8rem); font-weight: 600; letter-spacing: -.02em; color: var(--ink); margin: 0 0 14px; }
.areas-region p { font-size: .95rem; color: var(--ink-soft); line-height: 1.75; max-width: 68ch; margin: 0 0 16px; }
.community-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.cpill { font-size: .8rem; font-weight: 600; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 5px 14px; }
.areas-intro { padding: 52px 0 0; }
.areas-intro h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(2rem, 5vw, 3rem); font-weight: 600; letter-spacing: -.02em; color: var(--ink); max-width: 18ch; margin: 0 0 16px; }
.areas-intro .lead { font-size: 1.08rem; color: var(--ink-soft); line-height: 1.75; max-width: 58ch; margin: 0 0 28px; }
.why-travel { background: var(--surface); border-radius: 16px; padding: 36px 40px; margin: 48px 0 0; }
.why-travel h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.35rem, 3vw, 1.75rem); font-weight: 600; color: var(--ink); margin: 0 0 14px; }
.why-travel p { font-size: .94rem; color: var(--ink-soft); line-height: 1.75; margin: 0 0 12px; }
.why-travel p:last-child { margin: 0; }
@media(max-width:600px){ .why-travel { padding: 24px 20px; } }
}