/* --- 11. CONTACT --- */
.contact-wrapper {
    padding: var(--page-top-clear) var(--page-pad-x) var(--section-pad-y);
    display: flex;
    justify-content: center;
}

.contact-info {
    background: var(--card-bg);
    padding: 50px;
    border-radius: 4px;
    border: 1px solid var(--border);
    width: 100%;
    max-width: 520px;
}

.contact-info h2 {
    font-family: var(--font-display);
    font-size: 2.8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 600px) {
    .contact-info {
        padding: 32px 24px;
    }
}