.container,
.container-wide {
    width: min(calc(100% - 3rem), var(--container));
    margin-inline: auto;
}

.container-wide {
    width: min(calc(100% - 3rem), var(--container-wide));
}

.section {
    padding-block: var(--section-space);
}

.section-heading {
    max-width: 50rem;
    margin-bottom: clamp(2.8rem, 5vw, 5rem);
}

.section-heading .eyebrow {
    margin-bottom: 1.3rem;
    color: var(--primary);
}

.section-heading--split {
    display: grid;
    align-items: end;
    max-width: none;
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.62fr);
    gap: clamp(2rem, 6vw, 7rem);
}

.section-heading__aside {
    padding-bottom: 0.5rem;
}

.section-heading__aside p {
    margin-bottom: 1.6rem;
    color: var(--muted);
}

.reveal {
    opacity: 1;
    transform: none;
}

.js .reveal {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
    transition-delay: calc(var(--reveal-order, 0) * 45ms);
}

.js .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}