.at-intro:has( + .Article--collapsible) {
    margin-block-end: 0;
}

.at-intro__inner.--center {
    align-content: center;
}

@media (min-width: 768px) {
    .at-intro__introWrapper.--column {
        width: 100%;
        display: grid;
        grid-gap: 0 var(--gridGutter);
        grid-template-columns: 1fr 2fr;
        grid-template-areas:
        "title content"
        "title buttons";
        grid-template-rows: min-content 1fr auto;
    }
}

.at-intro__introWrapper.--isCenterAligned {
    margin-inline: auto;
    text-align: center;
}

.at-intro__title:only-child {
    margin-bottom: 0;
}

.Article.at-intro:not(.--hasBackground) {
    padding-block: 0;
}

.at-intro__intro:has(+ *),
.at-intro__text:has(+ *) {
    margin-block: 0 1rem;
}

.at-intro__text {
    margin-top: var(--marginSmall);
}

.at-intro__title {
    grid-area: title;
}

.at-intro__intro {
    grid-area: content;
    height: fit-content;
}

.at-intro__pretitle ~ .at-intro__intro {
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .at-intro__introWrapper:is(.--column-2col, .--column-3col) {
        & .at-intro__title,
        & .at-intro__intro {
            max-width: calc(50% - var(--gridGutter) / 2);
        }

        & .at-intro__text {
            column-count: 2;
            column-gap: var(--gridGutter);
        }
    }
}

@media (min-width: 1024px) {
    .at-intro__introWrapper.--column-3col .at-intro__text {
        column-count: 3;
    }
}

.at-intro__introWrapper .u-buttonWrapper {
    grid-area: buttons;
    align-self: start;
}

