.page-photo-cover {
    display: flex;
    min-height: clamp(273px, 20.3vw, 392px);
    align-items: center;
    padding: 0;
    background-image:
        linear-gradient(90deg, rgba(2, 12, 29, .98) 0%, rgba(3, 19, 45, .86) 32%, rgba(3, 22, 52, .2) 57%, rgba(2, 12, 29, .03) 100%),
        url("assets/hero/inner-pages-cover.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-photo-cover .shell {
    position: relative;
    z-index: 1;
}

.page-photo-cover .eyebrow {
    margin-bottom: 20px;
    color: var(--green);
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
}

.page-photo-cover h1 {
    max-width: 690px;
    font-size: clamp(52px, 6vw, 86px);
    line-height: .98;
    letter-spacing: -3.4px;
    text-shadow: 0 5px 24px rgba(0, 0, 0, .62);
}

@media (max-width: 950px) {
    .page-photo-cover {
        min-height: 308px;
        background-position: 64% center;
        background-image:
            linear-gradient(90deg, rgba(2, 12, 29, .98) 0%, rgba(3, 19, 45, .9) 48%, rgba(3, 22, 52, .36) 100%),
            url("assets/hero/inner-pages-cover.webp");
    }
    .page-photo-cover h1 { max-width: 580px; font-size: clamp(46px, 8vw, 68px); }
}

@media (max-width: 580px) {
    .page-photo-cover {
        min-height: 252px;
        background-position: 69% center;
        background-image:
            linear-gradient(90deg, rgba(2, 12, 29, .99) 0%, rgba(3, 19, 45, .94) 64%, rgba(3, 22, 52, .58) 100%),
            url("assets/hero/inner-pages-cover.webp");
    }
    .page-photo-cover h1 { max-width: 92%; font-size: 42px; line-height: 1.04; letter-spacing: -1.6px; }
}