/* Shared hero spacing; keep images from determining the grid's content height. */
.cv2-student-life-child .cv2-about-page-hero {
    padding: clamp(36px, 4vw, 64px) 0 72px;
}

.cv2-student-life-child .cv2-about-page-hero__grid {
    align-items: center;
    gap: clamp(28px, 3vw, 48px);
}

.cv2-student-life-child .cv2-about-page-hero__copy,
.cv2-student-life-child .cv2-about-page-hero__panel {
    min-width: 0;
    align-self: center;
}

.cv2-student-life-child .cv2-student-life-hero-media,
.cv2-arts-page .cv2-arts-hero-media {
    height: clamp(360px, 30vw, 460px);
    min-height: 0;
    margin: 0;
}

.cv2-student-life-child .cv2-student-life-hero-media img,
.cv2-arts-page .cv2-arts-hero-media img {
    position: absolute;
    inset: 0;
    object-position: center;
}

.cv2-arts-page .cv2-arts-hero-media {
    height: auto;
    min-height: 420px;
    padding-top: 120px;
    display: flex;
    align-items: flex-end;
}

.cv2-arts-page .cv2-arts-hero-media figcaption {
    position: relative;
    inset: auto;
    padding: 24px;
}

.cv2-arts-page .cv2-arts-hero-media__title {
    max-width: 24ch;
    font-size: clamp(24px, 2.2vw, 32px);
    line-height: 1.2;
}

@media (min-width: 960px) {
    .cv2-transportation-page .cv2-about-page-hero__grid {
        gap: clamp(40px, 5vw, 76px);
    }
}

@media (max-width: 959px) {
    .cv2-student-life-child .cv2-about-page-hero {
        padding-bottom: 64px;
    }

    .cv2-student-life-child .cv2-student-life-hero-media {
        height: auto;
        aspect-ratio: 5 / 4;
        max-height: 460px;
    }

    /* The longer arts caption needs to participate in mobile layout. */
    .cv2-arts-page .cv2-arts-hero-media {
        height: auto;
        aspect-ratio: auto;
        padding-top: 180px;
    }

}