.contact-map{border-radius:var(--radius-md);position:absolute;overflow:hidden}.contact-map--fallback{text-align:center;background:var(--card);border:1px solid var(--border);transition:border-color var(--duration-fast) var(--ease);align-content:center;place-items:center;gap:8px;padding:16px;display:grid}.contact-map--fallback:hover{border-color:var(--brand-strong)}.contact-map--fallback b{font-size:var(--text-label-14);color:var(--foreground);max-width:30ch;font-weight:600}.contact-map--fallback span{font-size:var(--text-label-12);color:var(--brand-strong);font-weight:600}
.contact-screen{--contact-gap-top:clamp(16px, 3vh, 48px);--contact-gap-bottom:clamp(16px, 3vh, 48px);padding-block:var(--contact-gap-top) var(--contact-gap-bottom);place-items:center;display:grid}.contact-screen .shot{width:min(100%, 1600px, calc((100dvh - var(--header-h) - var(--contact-gap-top) - var(--contact-gap-bottom)) * var(--shot-ratio,1)));max-width:100%;height:auto}