/* Warm regional map, with Google's native controls and attribution intact. */
.contact-map-section{padding-top:64px;padding-bottom:64px}
.contact-map-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:50px;margin-bottom:32px}
.contact-map-intro h2{font-size:clamp(32px,3.4vw,46px);line-height:1.12}
.contact-map-intro>p{max-width:47ch;font-size:15px;line-height:1.8;color:var(--muted);padding-bottom:3px}
.contact-map-card{overflow:hidden;border:1px solid #261b231c;border-radius:var(--radius);background:var(--cream)}
.contact-map-viewport{position:relative;height:420px;background:#e1d6c2;isolation:isolate}
.contact-map-viewport iframe{display:block;width:100%;height:100%;border:0}
/* Keep the centered native Google logo in its original colors. The native
   attribution stays legible, and pointer events pass through to the iframe. */
.contact-map-tone{position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:grayscale(1) sepia(.75) saturate(.55) brightness(.96);backdrop-filter:grayscale(1) sepia(.75) saturate(.55) brightness(.96);-webkit-mask-image:radial-gradient(ellipse 64px 30px at center calc(100% - 26px),transparent 60%,#000 100%);mask-image:radial-gradient(ellipse 64px 30px at center calc(100% - 26px),transparent 60%,#000 100%)}
.contact-map-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;color:var(--muted);border-top:1px solid #261b2317;font-size:12px}
.contact-map-card figcaption .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;margin:0;padding:8px 0;border:0;color:var(--plum);font-size:12px;font-weight:600}
.contact-map-card figcaption .text-link:hover{color:var(--red)}
@supports not ((backdrop-filter:sepia(1)) or (-webkit-backdrop-filter:sepia(1))){.contact-map-tone{background:#b79b6740;mix-blend-mode:multiply}}
@media(max-width:760px){.contact-map-section{padding-top:44px;padding-bottom:44px}.contact-map-intro{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.contact-map-intro h2{font-size:34px}.contact-map-intro>p{font-size:14px;max-width:43ch;padding:0}.contact-map-viewport{height:330px}.contact-map-card figcaption{align-items:start;flex-direction:column;gap:2px;padding:16px 18px 10px}.contact-map-card figcaption .text-link{gap:24px}.contact-map-card figcaption>span{font-size:11px}}
