/* Hero banner Paragraph. */
.paragraph--hero-banner { padding-block: clamp(5rem, 10vw, 10rem); min-height: min(49.36vw, 53.3125rem); display: grid; align-items: center; isolation: isolate; color: var(--oles-cream); background: var(--oles-dark); }
.paragraph--hero-banner > .oles-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.paragraph--hero-banner .oles-media .contextual-region { position: static; }
.paragraph--hero-banner > .oles-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.paragraph--hero-banner::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('../images/banner-overlay.svg') center / 100% 100%; mix-blend-mode: multiply; }
.paragraph--hero-banner.oles-shading-soft::before { background-image: url('../images/hero-overlay.svg'); }
.paragraph--hero-banner.oles-shading-balanced::before { background-image: url('../images/benefits-overlay.svg'); }
.paragraph--hero-banner .oles-intro { max-width: 62rem; }
#main-wrapper .paragraph--hero-banner .oles-title { font-size: var(--type-display); letter-spacing: .02em; line-height: 1.2; }
.paragraph--hero-banner .oles-title strong { color: inherit; }
.paragraph--hero-banner .oles-label { background: var(--oles-green); color: var(--oles-cream); border: 0; padding: .2em .75em; text-transform: uppercase; font-size: clamp(1rem, 1.39vw, 1.5rem); }
.paragraph--hero-banner .oles-copy { max-width: min(60.5rem, 56vw); margin-inline: auto; }
body.oles-has-hero .paragraph--hero-banner:has(h1) { padding-top: clamp(10rem, 17.36vw, 18.75rem); padding-bottom: clamp(4rem, 8.6vw, 9.3rem); }
@media (max-width: 767px) {
.paragraph--hero-banner { min-height: 32rem; }
.paragraph--hero-banner .oles-copy { max-width: 100%; }
}