.contact-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.contact-side{gap:14px;display:grid}.contact-form{border-radius:var(--radius-tile);background:var(--os-panel-2);box-shadow:0 0 0 1px var(--os-line), var(--os-elev-raised);gap:18px;padding:clamp(22px,3vw,32px);display:grid}.contact-form-title{font-family:var(--os-font-display);margin:0;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:800;line-height:1.25}.contact-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}@media (max-width:600px){.contact-pair{grid-template-columns:minmax(0,1fr)}}.contact-message{min-height:168px}.contact-form .btn-primary svg{margin-inline-start:2px}.contact-sent{text-align:center;animation:rise-in .42s var(--os-easing) both;outline:none;justify-items:center;gap:10px;padding-block:36px}.contact-sent p{max-width:30em;color:var(--os-ink-2);margin:0 0 8px}.contact-card{border-radius:var(--radius-tile);background:var(--os-panel);color:inherit;transition:transform .3s var(--spring), background .2s;align-content:start;gap:6px;padding:20px 24px;text-decoration:none;display:grid;position:relative}a.contact-card:hover{background:color-mix(in srgb, var(--os-go) 7%, var(--os-panel));transform:translateY(-3px)}.contact-icon{background:var(--os-panel-2);width:44px;height:44px;color:var(--os-go-ink);box-shadow:var(--os-elev-raised);border-radius:14px;place-items:center;margin-bottom:6px;display:grid}.contact-label{color:var(--os-ink-2);font-size:1rem;font-weight:700}.contact-value{font-family:var(--os-font-body);overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:750;line-height:1.25}.contact-small{font-size:1.0625rem;font-weight:650;font-family:var(--os-font-body);color:var(--os-ink)}.contact-social{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.contact-pill{background:var(--os-panel-2);min-height:44px;color:var(--os-ink);box-shadow:var(--os-elev-raised);transition:transform .26s var(--spring), box-shadow .26s;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-weight:700;text-decoration:none;display:inline-flex}.contact-pill:hover{box-shadow:var(--shadow-go);transform:translateY(-2px)}@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.contact-sent{animation:none}}