.hero-banner{background-color:var(--bone-deep);position:relative}.hero-banner--viewport-tall{align-items:flex-end;min-height:82vh;display:flex;overflow:hidden}.hero-banner__media-cover{z-index:0;position:absolute;inset:0}.hero-banner__media-cover img,.hero-banner__media-cover video{object-fit:cover;width:100%;height:100%}.hero-banner__content{z-index:1;color:var(--bone);padding-block-end:clamp(3rem,2rem + 4vw,6rem);position:relative}.hero-banner__content h1,.hero-banner__content .text-display{color:var(--bone)}.hero-banner--text-ink .hero-banner__content,.hero-banner--text-ink .hero-banner__content h1,.hero-banner--text-ink .hero-banner__content .text-display{color:var(--ink)}.hero-banner--editorial-bg{display:block;overflow:visible}.hero-banner__media-native{z-index:0;background-color:var(--bone-deep);width:100%;height:min(56.25vw,90dvh);line-height:0;position:relative}.hero-banner__image-native{object-fit:cover;object-position:center 28%;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.hero-banner__image-native--mobile{object-position:center center}.hero-banner__image-native--desktop{object-fit:cover;object-position:center bottom}.hero-banner__hero-img-slot{position:absolute;inset:0;overflow:hidden}.hero-banner__hero-img-slot--mobile{display:block}.hero-banner__hero-img-slot--desktop{display:none}@media (min-width:1024px){.hero-banner__hero-img-slot--mobile{display:none}.hero-banner__hero-img-slot--desktop{display:block}}.hero-banner__content-overlay{z-index:1;color:var(--bone);flex-direction:column;justify-content:flex-end;padding-block:clamp(5.5rem,4rem + 6vw,8rem) clamp(3rem,2rem + 4vw,6rem);display:flex;position:absolute;inset:0}.hero-banner__content-overlay h1,.hero-banner__content-overlay .text-display{color:var(--bone)}.hero-banner--text-ink .hero-banner__content-overlay,.hero-banner--text-ink .hero-banner__content-overlay h1,.hero-banner--text-ink .hero-banner__content-overlay .text-display{color:var(--ink)}.hero-banner__content-overlay .btn-primary,.hero-banner__content-overlay .btn-primary:hover{border-color:#fff}.hero-banner--mobile-fullscreen .hero-banner__media-native{height:100dvh;min-height:100dvh}@media (min-width:1024px){.hero-banner--mobile-fullscreen .hero-banner__media-native{height:min(56.25vw,90dvh);min-height:0}}@media (max-width:1023px){.hero-banner__content-overlay.hero-banner__content-overlay--cta-below{padding-block-end:clamp(2rem,1.25rem + 2.5vw,3.5rem)}.hero-banner--mobile-fullscreen .hero-banner__content-overlay.hero-banner__content-overlay--mobile-cta-center{justify-content:center;align-items:center;padding-block:clamp(5rem,14dvh,8rem);padding-inline:1rem}}