.nv-hero{padding-block-end:0}
.nv-hero__media{position:relative;inline-size:100%}
.nv-hero__image{display:block;inline-size:100%;block-size:auto;object-fit:cover}
.nv-hero__fade{
  position:absolute;inset-inline:0;inset-block-end:0;block-size:30%;
  background:linear-gradient(180deg,rgba(15,41,66,0) 0%,var(--nv-brand-900) 100%);
  pointer-events:none;
}

.nv-hero__content-wrap{background:var(--nv-brand-900);padding-block-end:var(--nv-pb,48px)}
.nv-hero__content{max-inline-size:640px;margin-inline:auto;text-align:center;padding-block:28px 8px;color:#fff}
.nv-hero__heading{
  font-size:clamp(26px,4.5vw,42px);line-height:1.15;text-transform:uppercase;font-weight:var(--nv-fw-bold);
  margin-block-end:14px;
}
.nv-hero__subheading{font-size:17px;color:rgba(255,255,255,.85);margin-block-end:24px}
.nv-hero__button{margin-block-end:16px}
.nv-hero .nv-hero__button.nv-button--primary{background:var(--nv-hero-btn-bg,var(--nv-brand-900));color:var(--nv-hero-btn-fg,var(--nv-ink-invert))}
.nv-hero .nv-hero__button.nv-button--primary:hover{background:var(--nv-hero-btn-bg,var(--nv-brand-700))}
.nv-hero__rating{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;flex-wrap:wrap;color:#fff}
.nv-hero__rating-text{text-decoration:underline;color:#fff}

@media(min-width:768px){
  .nv-hero__content{padding-block:36px 8px}
}
@media(min-width:1024px){
  .nv-hero__media{max-block-size:392px;overflow:hidden}
  .nv-hero__image{block-size:100%}
}