.nxb-page-hero { position: relative; display: grid; min-height: clamp(22rem,48vw,38rem); overflow: hidden; color: #fff; background: var(--nxb-colour-ink); }
.nxb-page-hero--text-only { min-height: 21rem; background: linear-gradient(135deg,#06100d,var(--nxb-colour-ink-soft)); }
.nxb-page-hero__media, .nxb-page-hero__media img, .nxb-page-hero__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.nxb-page-hero__media img { object-position: center; }
.nxb-page-hero__overlay { background: linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.52) 48%,rgba(0,0,0,.12)),linear-gradient(180deg,rgba(0,0,0,.25),transparent 45%,rgba(0,0,0,.28)); }
.nxb-page-hero__content { position: relative; z-index: 1; align-self: end; padding-block: clamp(8rem,15vw,12rem) clamp(3.5rem,7vw,6rem); }
.nxb-page-hero h1 { max-width: 13ch; margin-bottom: .4em; color: #fff; font-size: clamp(2.8rem,7vw,6.2rem); text-transform: uppercase; }
.nxb-page-hero p { max-width: 46rem; margin: 0; color: rgba(255,255,255,.9); font-size: clamp(1.05rem,2vw,1.4rem); font-weight: 600; }
@media (max-width: 720px) { .nxb-page-hero { min-height: 30rem; } .nxb-page-hero__overlay { background: linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.43)),linear-gradient(180deg,rgba(0,0,0,.35),transparent 40%,rgba(0,0,0,.4)); } }