.about-hero{
overflow-x: hidden;
}
.contact-section {
    padding: 66px 0 18px;
    background: #ffffff;
}

.contact-panel {
    display: grid;
    grid-template-columns: 0.9fr 1.25fr;
    gap: 34px;
    padding: 38px;
    border-radius: 22px;
    background: linear-gradient(120deg, #fff1e8 0%, #fffaf7 48%, #fff3ed 100%);
}

.contact-copy {
    padding: 6px 16px 6px 4px;
}

.contact-copy > p {
    max-width: 470px;
    color: var(--ink-soft);
    font-size: 1.08rem;
}

.contact-details {
    display: grid;
    gap: 24px;
    margin-top: 30px;
}

.contact-detail {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.contact-detail h2,
.contact-detail p {
    margin: 0;
}

.contact-detail h2 {
    font-size: 1.05rem;
}

.contact-detail a,
.contact-detail p {
    color: var(--ink);
}

.contact-form-card {
    padding: 28px 30px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--shadow-sm);
}

.contact-form-card h2 {
    margin: 0 0 20px;
}

.contact-form {
    display: grid;
    gap: 16px;
}

.contact-form__two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.contact-form .button {
    width: 100%;
}

.calendar-contact-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 28px;
    padding: 26px 34px;
}

.calendar-contact-cta__copy {
    display: flex;
    align-items: center;
    gap: 20px;
}

.calendar-contact-cta__copy h2,
.calendar-contact-cta__copy p {
    margin: 0;
}

.calendar-contact-cta__copy p {
    margin-top: 4px;
    color: var(--ink-soft);
}

@media (max-width: 860px) {
    .contact-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .contact-panel {
        padding: 24px 18px;
    }

    .contact-form__two {
        grid-template-columns: 1fr;
    }

    .calendar-contact-cta {
        align-items: stretch;
        flex-direction: column;
    }
}