/* ── Footer / Contacts ── */

#Contacts {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: clamp(4rem, 8vw, 6rem) 0 clamp(3rem, 5vw, 4rem);
}

.social-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.social-icon {
    height: auto;
    width: clamp(1.25rem, 2.5vw, 1.75rem);
    fill: var(--color-text-subtle);
    transition: fill 0.2s;
}

.social-link:hover .social-icon {
    fill: var(--color-heading-secondary);
}