@import url('/subpage.css?v=26');
.location-hero{padding-top:40px;padding-bottom:54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:58px;align-items:center}
.location-hero h1{font-size:clamp(48px,5.6vw,80px)}
.location-hero .lede{margin-top:24px}
.location-hero-image{margin:0;position:relative;overflow:hidden;border-radius:2px;box-shadow:18px 18px 0 var(--panel)}
.location-hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.location-hero-image:after{content:'';position:absolute;inset:0;border:1px solid rgba(7,26,45,.12);pointer-events:none}
.location-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button.secondary{background:transparent;color:var(--navy);border-color:var(--navy)}
.button.secondary:hover{background:var(--navy);color:var(--cream)}
.local-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.local-points article{border-top:2px solid var(--navy);padding-top:18px}
.local-points h3{font-size:19px}
.local-points p{font-size:14px;color:var(--muted);margin-bottom:0}
.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.related-links a{border:1px solid var(--line);padding:9px 13px;text-decoration:none;font-size:13px;font-weight:700;background:var(--cream)}
.related-links a:hover{border-color:var(--red);color:var(--red)}
.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:42px}
.area-card{background:var(--cream);border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.area-card:hover{transform:translateY(-4px);box-shadow:0 14px 0 rgba(7,26,45,.08)}
.area-card img{width:100%;aspect-ratio:16/7;object-fit:cover}
.area-card div{padding:22px 24px 25px}
.area-card span{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--red)}
.area-card h3{margin:6px 0 7px}
.area-card p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:850px){.location-hero{grid-template-columns:1fr;gap:38px;padding-top:28px}.location-hero-image{box-shadow:10px 10px 0 var(--panel)}.local-points,.area-grid{grid-template-columns:1fr}.location-actions .button{width:100%}}
