/*
 * Block: Contact Split
 */

.contact-split__grid {
    column-gap: var(--container-gap);
}

/* Left column */
.contact-split__left {
    display: flex;
    flex-direction: column;
    gap: var(--space-l);
}

/* Contact items */
.contact-split__items {
    display: flex;
    flex-direction: column;
}

.contact-split__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding-block: var(--space-s);
    border-top: var(--border);
    border-color: var(--border-color-light);
}

.contact-split.bg--dark .contact-split__item {
    border-color: var(--border-color-dark);
}

.contact-split__label {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--base-semi-light);
}

.contact-split.bg--dark .contact-split__label {
    color: var(--base-semi-dark);
}

.contact-split__value {
    font-size: var(--text-m);
    font-weight: 600;
    text-decoration: none;
    color: inherit;
}

a.contact-split__value:hover {
    opacity: 0.7;
}

/* Form wrapper */
.contact-split__form {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
    padding: var(--space-l);
    background: color-mix(in srgb, var(--white) 8%, transparent);
    border-radius: var(--radius-m);
}

.contact-split__form-heading {
    font-size: var(--text-l);
    margin: 0;
}
