.hero-banner{padding:0 1.6rem 1.6rem}@media screen and (min-width:990px){.hero-banner{padding:0 2.4rem 2.4rem}}.hero-banner__inner{color:#fff;display:block;position:relative;text-decoration:none}.hero-banner__media{align-items:var(--hero-banner-y,end);aspect-ratio:var(--hero-banner-ratio-mob,358/598);display:grid;justify-items:var(--hero-banner-x,start);min-height:var(--hero-banner-h-mob,0);overflow:hidden;position:relative}@media screen and (min-width:990px){.hero-banner__media{aspect-ratio:1872/847;min-height:0}}.hero-banner__video{inset:0;position:absolute}.hero-banner__video media-player,.hero-banner__video video{display:block;height:100%;width:100%}.hero-banner__img,.hero-banner__video video{-o-object-fit:cover;object-fit:cover}.hero-banner__img{display:block;height:100%;inset:0;position:absolute;width:100%}.hero-banner__img--desktop{display:none}@media screen and (min-width:990px){.hero-banner__img--desktop{display:block}}.hero-banner__img--mobile{display:block}@media screen and (min-width:990px){.hero-banner__img--mobile{display:none}}.hero-banner__media--overlay:after{background:linear-gradient(180deg,transparent 68.32%,rgba(0,0,0,.5));content:"";grid-area:1/1;inset:0;pointer-events:none;position:absolute;z-index:1}.hero-banner__content{color:#fff;margin:2.4rem 1.6rem;position:relative;text-align:var(--hero-banner-text-align,left);z-index:2}@media screen and (min-width:990px){.hero-banner__content{margin:3.2rem}}@media screen and (max-width:990px){.hero-banner__content{max-width:calc(100% - 3.2rem)!important}}.hero-banner__title{color:#fff;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:500;letter-spacing:.06em;line-height:1;margin:0;text-transform:uppercase}@media screen and (min-width:990px){.hero-banner__title{font-size:clamp(3.2rem,3.33vw,6.4rem);font-weight:400}}.hero-banner__title p{margin:0}.hero-banner__title--desktop{display:none}@media screen and (min-width:990px){.hero-banner__title--desktop{display:block}}.hero-banner__title--mobile{display:block}@media screen and (min-width:990px){.hero-banner__title--mobile{display:none}}.hero-banner__cta{color:#fff;display:inline-block;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.06em;line-height:1;margin-top:2.4rem;text-decoration:underline;text-transform:uppercase;text-underline-offset:.3em}@media screen and (min-width:990px){.hero-banner__cta{font-size:1.4rem}}