/* ═══ CONTACT · SECTION 4 — MAP ═══ */
.mapsec{position:relative;border-top:1px solid var(--border)}
.map-head{padding:clamp(60px,10vh,120px) var(--gut) clamp(28px,4.5vh,44px);
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.map-head h2{margin-top:20px;font-size:clamp(1.5rem,3.8vw,3rem);line-height:1;max-width:14ch}
.map-head .aside{font-size:12.5px;line-height:1.6;color:var(--dim);max-width:24ch;
  text-align:right;flex-shrink:0}
@media(max-width:760px){.map-head{flex-direction:column;align-items:flex-start}
  .map-head .aside{text-align:left}}
.map-frame{position:relative;height:clamp(300px,54svh,560px);overflow:hidden;
  background:var(--surface-alt);border-top:1px solid var(--border)}
/* the greyscale/invert keeps a Google embed inside the dark palette */
.map-frame iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.88)}
.map-frame .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;
  background:repeating-linear-gradient(36.5deg,#151515 0 16px,#101010 16px 32px)}
.map-frame .ph i{font-style:normal;font-size:10.5px;letter-spacing:.16em;font-weight:600;
  color:var(--dim);line-height:2}