.contact{padding:40px 0 120px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.contact h2{font-size:clamp(2.4rem,6vw,4.4rem);margin-top:12px}
.contact-mail{font-family:'Fraunces',serif;font-size:clamp(1.5rem,3vw,2.2rem);display:inline-block;margin-bottom:20px;border-bottom:2px solid var(--accent)}
.contact-details p{color:var(--muted);margin-bottom:22px}
.contact-social{display:flex;gap:22px;font-weight:500}
.contact-social a:hover{color:var(--accent)}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}