/* About service-area map: topographic, pre-baked from real data (tools/map). */

.svc-map{position:relative;background:var(--charcoal);color:var(--white)}
.svc-map h2{color:var(--white)}
.svc-map .badge{background:transparent;border-color:rgba(254,254,254,.35);color:var(--white)}
.svc-map .badge::before{background:var(--aqua)}
.svc-map .sub{color:rgba(254,254,254,.9);margin-top:var(--space-3);max-width:36ch}
.svc-map .map-legal{margin-top:var(--space-4);font-weight:500;color:rgba(254,254,254,.9);max-width:44ch}
.svc-map .map-legal a{color:var(--white)}
.svc-map :focus-visible{outline-color:var(--white)}

.map-stage{max-width:var(--page-max);margin:0 auto;padding:var(--space-7) var(--gutter);display:grid;grid-template-columns:1fr minmax(0,560px);gap:var(--space-6);align-items:center}
.map-copy{display:grid;align-content:start}
.map-copy .badge{justify-self:start;margin-bottom:var(--space-4)}

.topo{position:relative;width:100%;aspect-ratio:1000/1533}
.topo .layer{position:absolute;inset:0;width:100%;height:100%}
.pins{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.pin{position:absolute;width:0;height:0}
.pin .mark{position:absolute;display:block;left:-13px;top:-12px;width:26px;height:23px;background:url(/assets/brand/symbol-aqua-white.svg) center/contain no-repeat;filter:drop-shadow(0 0 2px var(--charcoal)) drop-shadow(0 0 5px var(--charcoal))}
.pin .name{position:absolute;top:0;transform:translateY(-50%);white-space:nowrap;font-size:.9375rem;font-weight:600;letter-spacing:.005em;color:var(--white);text-shadow:0 0 4px var(--charcoal),0 0 8px var(--charcoal),0 0 12px var(--charcoal)}
.pin.lbl-right .name{left:17px}
.pin.lbl-left .name{right:17px}
.pin.lbl-above .name{left:0;top:-18px;transform:translate(-50%,-50%)}
.pin.lbl-below .name{left:0;top:19px;transform:translate(-50%,-50%)}
.pin.lbl-below-start .name{left:-13px;top:19px}
.pin.nolabel .name{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

@media (max-width: 960px){
  .map-stage{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-6) var(--gutter)}
}