.contact-container {
        max-width: var(--container-max);
        margin: 0 auto;
        padding: var(--space-xl) var(--space-md);
    }

    .contact-header {
        margin-bottom: var(--space-xl);
    }

    .contact-header p {
        max-width: var(--measure);
        color: var(--color-muted);
        font-size: var(--text-size-sm);
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-xl);
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        gap: var(--space-lg);
    }

    .contact-item {
        display: flex;
        flex-direction: column;
        gap: var(--space-xs);
    }

    .contact-item span {
        font-size: var(--text-size-sm);
        color: var(--color-muted);
    }

    .contact-item a {
        font-size: var(--text-size-md);
        color: var(--color-link);
        text-decoration: none;
        color: var(--color-text);
    }

    .social-links {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
        margin-top: var(--space-md);
    }

    .social-link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .social-link:hover {
        filter: var(--icon-filter-hover);
    }

    .contact-form {
        display: flex;
        flex-direction: column;
        gap: var(--space-md);
    }

    .contact-form textarea {
        min-height: 140px;
        resize: vertical;
    }

    .contact-form button {
        align-self: flex-end;
    }

    /* ===================== RESPONSIVE ===================== */

    @media (max-width: 768px) {
        .contact-grid {
            grid-template-columns: 1fr;
        }
        .contact-container {
            padding: var(--space-xs);
        }
        .contact-info {
            gap: var(--space-sm);
            padding: var(--space-xs);
        }
    }