/* Full-width banner: load on each detail page as that page is revised. */
.photo-hero{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:none;min-height:clamp(480px,43vw,1300px);padding:clamp(70px,7vw,180px) var(--gutter);border:0;overflow:hidden}
.photo-hero figure{position:absolute;inset:0;margin:0;z-index:-2}
.photo-hero picture{display:block;width:100%;height:100%}
.photo-hero figure img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
.photo-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,15,12,.86),rgba(17,15,12,.62) 34%,rgba(17,15,12,.1) 72%,rgba(17,15,12,.06))}
.photo-hero .sub-intro{width:100%;max-width:2240px;margin-inline:auto}
.photo-hero .sub-intro h1{max-width:1100px;color:#f7f3ea;text-shadow:0 2px 24px #0003}
.photo-hero .sub-intro .eyebrow{color:#dfc99d}
.photo-hero .sub-intro .lead{max-width:760px;color:#e3dfd5}
@media(max-width:767px){
 .photo-hero{min-height:clamp(560px,75svh,740px);align-items:flex-end;padding:60px var(--gutter) 52px}
 .photo-hero:after{background:linear-gradient(0deg,rgba(17,15,12,.9),rgba(17,15,12,.6) 42%,rgba(17,15,12,.06) 78%)}
 .photo-hero .sub-intro h1{font-size:clamp(36px,8vw,54px)}
}