/* Proposed area index: existing MZ typography, colour, buttons and line icons. */
.area-intro{padding:80px 0 68px}.area-intro .wrap{max-width:1000px}
.area-eyebrow{color:var(--accent);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.area-intro h1{font-size:clamp(34px,4.6vw,58px);line-height:1.15;max-width:900px}
.area-intro .area-lead{font-size:19px;max-width:760px;margin-top:26px}
.area-jumps{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.area-jumps a{min-height:48px;padding:10px 22px;font-size:15px}
.area-section{padding:68px 0}.area-section.muted{background:var(--muted)}
.area-section-title{display:flex;gap:18px;align-items:center}.area-section-title .line-icon{width:38px;height:38px;flex:0 0 38px}
.area-section h2{font-size:clamp(30px,3.2vw,40px);line-height:1.2}
.area-section-intro{max-width:780px;margin-top:20px}.area-section-intro a,.area-help a{text-decoration:underline;text-underline-offset:4px}
.area-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;list-style:none;padding:0;margin:32px 0 0}
.area-list li{min-width:0;border-bottom:1px solid var(--line)}
.area-list a{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:16px;align-items:center;min-height:98px;padding:20px 0}
.area-list .area-name{display:block;font-size:19px;font-weight:500;line-height:1.4;color:var(--ink)}
.area-list small{display:block;font-size:14px;color:#555;margin-top:5px;line-height:1.5}
.area-list .area-arrow{color:var(--accent);font-size:27px;transition:transform .2s}
.area-list a:hover .area-arrow{transform:translateX(4px)}.area-list a:hover .area-name{color:var(--accent)}
.area-help{padding:60px 0 76px}.area-help h2{font-size:32px;margin-bottom:22px}.area-help p{max-width:780px}
.area-entry-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}
.area-entry h2{font-size:34px;margin-bottom:22px}.area-entry p{max-width:650px}.area-entry .button{flex-shrink:0}
@media(max-width:900px){.area-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.area-entry-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.area-intro{padding:50px 0}.area-intro .area-lead{font-size:17px}.area-section{padding:48px 0}.area-section-title{gap:12px}.area-section-title .line-icon{width:30px;height:30px;flex-basis:30px}.area-list{grid-template-columns:1fr;margin-top:22px}.area-list a{min-height:88px;padding-block:18px}.area-jumps{gap:12px}.area-help{padding:48px 0 60px}.area-help h2,.area-entry h2{font-size:28px}.area-entry-inner{gap:26px}}

/* Two existing photographs give the regional index warmth without a gallery. */
.area-intro{padding:64px 0 70px}.area-intro .wrap{max-width:var(--max)}
.area-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.area-intro-copy{min-width:0}.area-intro h1{font-size:clamp(34px,4.3vw,58px)}
.area-photo{margin:0;min-width:0}.area-photo-frame{overflow:hidden;border-radius:8px;aspect-ratio:5/4;background:#eee}
.area-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.area-photo figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:#666}
.area-region-head{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;margin-bottom:34px}
.area-region-head>div{min-width:0}.area-region-head .area-photo-frame{aspect-ratio:8/5}
.area-region-head img{object-position:50% 58%}.area-region-head+.area-list{margin-top:0}
@media(max-width:900px){.area-intro-grid,.area-region-head{grid-template-columns:1fr;gap:34px}.area-intro-copy{max-width:760px}.area-intro .area-photo-frame{aspect-ratio:16/9}.area-region-head .area-photo-frame{aspect-ratio:16/9}}
@media(max-width:600px){.area-intro{padding:36px 0 50px}.area-intro-grid{gap:30px}.area-intro .area-photo-frame{aspect-ratio:5/4}.area-region-head{gap:26px;margin-bottom:28px}.area-region-head .area-photo-frame{aspect-ratio:4/3}.area-photo figcaption{font-size:12px;margin-top:9px}}