.contact-head{text-align:center;max-width:640px;margin-inline:auto} .contact-head .badge{margin-bottom:4px} .contact-head h1{margin:10px 0 8px;font-size:clamp(20px,2.1vw,24px);font-weight:800;letter-spacing:0;line-height:1.45;} .contact-head .lead{margin:0 auto;max-width:46ch;font-size:14.5px;line-height:1.85;} .contact-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .contact-method{padding:20px;display:flex;flex-direction:column;gap:10px;height:100%} .contact-method-head{display:flex;align-items:center;gap:12px;min-width:0} .contact-method-head>.ic{width:42px;height:42px;padding:10px;border-radius:13px;background:var(--lapis-3);color:var(--lapis);flex:none} .contact-method-head h2{margin:0;font-size:15px;font-weight:750;letter-spacing:0;line-height:1.45} .contact-method p{font-size:12.5px;color:var(--ink-3);line-height:1.85} .contact-method a,.contact-method button{margin-top:auto;align-self:flex-start} .contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start} .contact-form .panel-body{display:grid;gap:18px} .contact-info{display:flex;flex-direction:column;gap:18px} .contact-info h2{margin:0 0 8px;font-size:16px;font-weight:750;letter-spacing:0;line-height:1.45;} .contact-info .lead{margin:0 0 8px;font-size:14px;line-height:1.8;} .contact-info .mute{font-size:12.5px;line-height:1.8} .info-row{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start} .info-row>.ic{width:38px;height:38px;padding:9px;border-radius:11px;background:var(--surface-3);color:var(--turq)} .info-row h3{font-size:14px;margin-bottom:3px}.info-row p{color:var(--ink-3);font-size:13px;line-height:1.9} .map{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)} @media(max-width:960px){.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{grid-template-columns:1fr}} @media(max-width:560px){.contact-methods{grid-template-columns:1fr}}