.section-heading {
    display: grid;
    margin-bottom: clamp(3rem, 6vw, 5rem);
    grid-template-columns: 1.2fr .8fr;
    align-items: end;
    gap: 4rem;
}

.section-heading h2,
.contact h2 {
    max-width: 15ch;
    margin: 0;
    font-size: clamp(2.2rem, 4.5vw, 4.6rem);
    font-weight: 650;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.section-heading--compact {
    grid-template-columns: 1fr;
}

.prose h1 {
    font-size: clamp(2.6rem, 6vw, 5rem);
    letter-spacing: -.05em;
    line-height: 1;
}

.prose h2 {
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    line-height: 1.15;
}

@media (max-width: 760px) {
    .section-heading {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}