.rspageintro {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.4rem);
    width: 100%;
}

.page-main--offset-topbar .page-content > .rspageintro:first-child {
    margin-top: -2.2rem;
}

.rspageintro__figure {
    margin-top: 0;
    margin-bottom: 0;
}

.rspageintro__media {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-inline: auto;
    background:
        linear-gradient(180deg, rgba(253, 251, 247, 0.98), rgba(246, 240, 232, 0.92));
    box-shadow: 0 20px 44px rgba(17, 14, 10, 0.08);
}

.rspageintro__image {
    display: block;
    width: 100%;
    height: auto;
    transform: translate3d(0, 0, 0);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
}

.rspageintro__media.is-parallax .rspageintro__image {
    transform: scale(1.04) translate3d(0, 0, 0);
}

.rspageintro__header {
    display: grid;
    gap: 0.9rem;
    max-width: var(--content-grid-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.rspageintro__title.page-title {
    max-width: var(--content-grid-width);
    margin-bottom: 0;
}

.rspageintro__abstract.page-abstract {
    max-width: var(--content-grid-width);
}

.rspageintro__abstract.page-abstract p {
    margin: 0;
}

@media (max-width: 47.99rem) {
    .page-main--offset-topbar .page-content > .rspageintro:first-child {
        margin-top: -1.35rem;
    }

    .rspageintro {
        gap: 1.25rem;
    }
}