/* One quiet photograph per supporting page, integrated with the existing navy hero. */
.subpage-photo-hero{position:relative;isolation:isolate;overflow:hidden;background:#123d65}
.subpage-photo-hero .subpage-view{position:absolute;z-index:-2;inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;object-position:var(--photo-position,center);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.subpage-photo-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#123d65 0%,#123d65 35%,rgba(18,61,101,.96) 45%,rgba(18,61,101,.8) 57%,rgba(18,61,101,.17) 84%,rgba(18,61,101,.04) 100%)}
.subpage-photo-hero h1{max-width:700px!important;font-size:clamp(31px,3.5vw,44px)!important;line-height:1.2}
.subpage-photo-hero .intro{max-width:650px!important}
.subpage-photo-credit{padding-top:9px;font-size:10px;line-height:1.6;color:#6b7d8a;text-align:right}
.subpage-photo-credit a{color:inherit;text-decoration-color:#b0bfca;text-underline-offset:2px}
html:lang(ja) .subpage-photo-hero h1{line-height:1.45;font-size:clamp(29px,3vw,39px)!important}
.subpage-photo-hero .hero-term{display:inline-block}
@media(max-width:850px){.subpage-photo-hero .subpage-view{width:62%}.subpage-photo-hero::before{background:linear-gradient(90deg,#123d65 0%,rgba(18,61,101,.96) 38%,rgba(18,61,101,.78) 67%,rgba(18,61,101,.2))}.subpage-photo-hero h1{max-width:650px!important}}
@media(max-width:600px){.subpage-photo-hero .subpage-view{width:100%;object-position:var(--photo-position,center);mask-image:none}.subpage-photo-hero::before{background:linear-gradient(90deg,rgba(18,61,101,.96),rgba(18,61,101,.85) 64%,rgba(18,61,101,.64))}.subpage-photo-hero h1{font-size:32px!important}.subpage-photo-credit{text-align:left;font-size:10px}html:lang(ja) .subpage-photo-hero h1{font-size:29px!important}}