.hero-banner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50svh;min-height:50rem;padding-top:8rem;background-color:var(--color-primary)}.hero-banner__image{position:absolute;width:100%;height:100%;opacity:.25;object-fit:cover;object-position:center;inset:0}.hero-banner__heading{font-weight:600;z-index:2;text-align:center;text-transform:uppercase}.hero-banner__title{font-size:clamp(4rem,7vw + 1rem,10rem);color:var(--color-secondary)}.hero-banner__subtitle{font-size:var(--title);color:#fff}