.section .image-full figcaption { margin-bottom: 4rem; }

@media only screen and (min-width: 48em) {
    .page--longform {
        & .section {
            figure {
                &.mb-4 { margin-bottom: 4rem; }
            }
        }
        .page-header--screen .bg--fixed {
            clip-path: content-box;
            aspect-ratio: 16 / 9;
            img { position: fixed; height: 100%; }
        }
    }
}

@media only screen and (min-width: 60em) {

    .page-header--container:has(.page-image) .page-title-wrapper {
        grid-column: 1 / span 5;
    }
    .page--longform {
        p + h2,
        aside + h2 { margin-top: 5vw; }
        aside .avatar { width: 300px; }
    }
}

.page-header--screen .page-image img {
    max-height: 56.25vw;
}