.nopa-banner{position:relative;overflow:hidden;color:#fff}
.nopa-banner--full{height:60vh;min-height:34rem}
@media screen and (max-width:749px){.nopa-banner--full{height:70svh}}
.nopa-banner__media{position:absolute;inset:0}
.nopa-banner__media--mobile{display:none}
@media screen and (max-width:749px){.nopa-banner__media--mobile+.nopa-banner__media{display:none}.nopa-banner__media--mobile{display:block;position:absolute;inset:0}}
.nopa-banner__media img,.nopa-banner__media video,.nopa-banner__media--mobile img{width:100%;height:100%;object-fit:cover}
.nopa-banner__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,var(--ov,.35)),rgba(0,0,0,0) 55%)}
.nopa-banner__content{position:absolute;left:0;bottom:0;padding:3.2rem var(--nopa-gutter);max-width:60rem}
.nopa-banner__title{font-size:clamp(2.6rem,3.4vw,4rem);font-weight:600;margin:0 0 .6rem}
.nopa-banner__text{font-size:1.4rem;margin:0 0 1.6rem;opacity:.95}