#contact { text-align: center; padding-top: 86px; padding-bottom: 86px; background: var(--soft); border-radius: 12px; margin-top: 20px; margin-bottom: 64px; max-width: 1056px; }
.contact-intro { margin-bottom: 32px; }
.contact-container { display: flex; flex-direction: column; align-items: center; gap: 28px; }
.contact-email h3 { font-size: 11px; font-family: 'DM Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.5px; color: var(--muted); margin-bottom: 10px; }
.contact-email a { font-family: 'Manrope', sans-serif; font-size: clamp(17px, 3vw, 30px); font-weight: 600; letter-spacing: -.7px; overflow-wrap: anywhere; text-decoration-thickness: 1px; text-decoration-color: var(--muted); }
.contact-email a:hover { color: var(--accent); }
.contact-links { display: flex; gap: 26px; }
.contact-links a { text-decoration: none; font-size: 13px; font-weight: 600; }
.contact-links a::after { content: ' ↗'; color: var(--accent); }
.contact-links a:hover { color: var(--accent); }
@media (max-width: 1120px) { #contact { margin-left: 24px; margin-right: 24px; } }