.contact-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 30px;
    align-items: stretch
}

.contact-panel {
    background: var(--primary-navy);
    color: #fff;
    border-radius: 18px;
    padding: 42px
}

.contact-panel h2 {
    font: 700 40px/1.1 'Playfair Display', serif;
    margin: 12px 0
}

.contact-items {
    display: grid;
    gap: 22px;
    margin-top: 35px
}

.contact-item strong {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #aebbc9;
    margin-bottom: 4px
}

.contact-item a {
    color: #fff
}

.contact-item a:hover {
    color: #dbe4ec
}

.whatsapp {
    margin-top: 30px;
    background: #fff;
    color: var(--primary-navy)
}

.whatsapp:hover {
    background: #e8eef3;
    color: var(--primary-navy)
}

.contact-form-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 42px;
    box-shadow: var(--shadow)
}
.logo img {
    width: auto;
    height: 55px;
    max-width: 180px;
    object-fit: contain;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.form-grid .full {
    grid-column: 1/-1
}

@media(max-width:850px) {
    .contact-layout {
        grid-template-columns: 1fr
    }

    .form-grid {
        grid-template-columns: 1fr
    }

    .form-grid .full {
        grid-column: auto
    }
}