/* narrower than the shared 62ch */
.hero-lead{max-width:54ch}
@media (max-width:960px){
  .hero{min-height:auto;align-items:center;padding:clamp(130px,17.5vh,172px) 0 clamp(40px,8vw,64px)}}

/* hero copy width for this page */
.hl2{max-width:62ch}
/* contact: compact hero */
/* standard gradient hero without imagery */
/* HQ map: brand-themed Leaflet */
.mapcard{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#0A1428;box-shadow:0 18px 44px -28px rgba(9,20,39,.45)}
#hqmap{position:relative;height:clamp(320px,44vw,440px);width:100%;background:#0A1428}
#hqmap .map-fallback{position:absolute;inset:0;border:0;border-radius:0;min-height:0;aspect-ratio:auto;background:#0A1428;color:rgba(200,216,255,.65)}
@keyframes torping{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){.tor-ring{animation:none;opacity:.35}}
.map-note{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:14px 18px;border-top:1px solid var(--border);background:#0B1730}
.map-note b{color:#fff;font-size:14.5px}
.map-note span{color:rgba(200,216,255,.72);font-size:13.5px}

/* Map: Leaflet chrome recoloured for the dark theme, plus the custom pin.
   These classes only exist once the Leaflet bundle has loaded and the script has
   drawn the marker, so nothing static references them. */
.leaflet-container{background:#0A1428;font-family:inherit}
.leaflet-control-attribution{background:rgba(6,13,26,.75)!important;color:rgba(200,216,255,.6)!important;font-size:10.5px}
.leaflet-control-attribution a{color:#8AA6FF!important}
.leaflet-control-zoom a{background:#0B1730!important;color:#EAF1FF!important;border-color:rgba(60,99,255,.35)!important}
.leaflet-control-zoom a:hover{background:#102756!important}
.leaflet-popup-content-wrapper{background:#0B1730;color:#EAF1FF;border:1px solid rgba(60,99,255,.45);border-radius:12px;box-shadow:0 16px 40px -18px rgba(2,6,18,.8)}
.leaflet-popup-content{margin:12px 16px;font:500 13.5px/1.5 var(--font-body,inherit)}
.leaflet-popup-content b{color:#fff}
.leaflet-popup-tip{background:#0B1730;border:1px solid rgba(60,99,255,.45)}
.leaflet-popup-close-button{color:#8AA6FF!important}
.tor-pin{position:relative;display:block;width:18px;height:18px}
.tor-pin::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--volt-blue);box-shadow:0 0 0 3px rgba(60,99,255,.28),0 6px 16px rgba(60,99,255,.55)}
.tor-pin::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.tor-ring{position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(60,99,255,.55);animation:torping 2.2s ease-out infinite}
/* OSM fallback: recolour the default tiles into the dark blue theme */
.osm-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(198deg) saturate(1.15) brightness(.9) contrast(1.06)}
/* brand-blue tint for map tiles */
.leaflet-tile-pane{filter:sepia(.55) hue-rotate(182deg) saturate(2.2) brightness(1.62) contrast(1.02)}