/* Photo heroes (tools/hero.py): home page hero + About header */
.hero-section.has-photo{background:var(--navy-900)}
.hero-photo,.hero-photo img{position:absolute;inset:0;width:100%;height:100%}
.hero-photo img{object-fit:cover}
.hero-section.has-photo::before{z-index:1}
.page-photo-header{position:relative;color:var(--white);text-align:center;padding:6rem 0 4.5rem;overflow:hidden;background:var(--navy-900)}
.page-photo-header::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,35,48,.70) 0%,rgba(7,35,48,.80) 100%)}
.page-photo-header .container-narrow{position:relative;z-index:2}