/* photo layer (loaded after styles.css) */
.pagehead-img{position:absolute;inset:0;z-index:0}
.pagehead-img img{width:100%;height:100%;object-fit:cover;opacity:.32}
.pagehead::before{background:linear-gradient(115deg,rgba(12,30,60,.94) 22%,rgba(12,30,60,.6) 100%);z-index:1}
.pagehead .shell{z-index:2}
.guide-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.guide-tag{z-index:2}

/* full-width background hero (home) */
.hero-split{position:relative;background:var(--navy-dk);overflow:hidden}
.hero-split .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:74% center;z-index:0}
.hero-split::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,30,60,.95) 0%,rgba(12,30,60,.82) 44%,rgba(12,30,60,.40) 100%)}
.hero-split .shell{position:relative;z-index:2}
.hero-split .hero-panel{background:transparent;min-height:clamp(440px,58vw,540px);padding:clamp(2.8rem,6vw,4.6rem) 0}
.hero-split .hero-panel::before{display:none}
.hero-split .hero-panel-in{margin-left:0;max-width:620px}
@media(max-width:760px){.hero-split::after{background:linear-gradient(180deg,rgba(12,30,60,.86),rgba(12,30,60,.92))}}