.contactGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.contactIntro h1{font-size:clamp(36px,4.6vw,58px)}
.contactNext{margin-top:28px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.contactNext h2{font-size:17px;margin-bottom:10px}
.contactNext ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.6;color:#3d3a33}
.contactInfo{margin:24px 0 0;display:grid;gap:14px}
.contactInfo dt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.contactInfo dd{margin:4px 0 0;font-size:15.5px}
.contactInfo a{font-weight:600;border-bottom:2px solid var(--acc)}
.contactCard{gap:18px;box-shadow:6px 6px 0 var(--ink)}
.contactTabs{display:flex;flex-wrap:wrap;gap:8px}
.contactTabs button{padding:9px 16px;min-height:44px;border-radius:99px;border:1.5px solid var(--ink);background:transparent;font-weight:600;font-size:14px}
.contactTabs button:hover{background:var(--sand)}
.contactTabs button.on{background:var(--ink);color:#fff}
.contactPanel{scroll-margin-top:calc(var(--hdrH) + 24px)}
.contactPanelTitle{font-size:22px;letter-spacing:-.02em;margin:4px 0 14px}
.contactPanel .alert{margin-bottom:14px}
@media(max-width:860px){.contactGrid{grid-template-columns:1fr}}
.contactMail{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.contactTabs button{transition:background-color .18s,color .18s}
.heroContact .heroLead{max-width:520px}