.hero-banner{position:relative;overflow:hidden;min-height:var(--banner-height, 60rem);display:flex;flex-direction:column}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0px)}.hero-banner__image{position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;display:block}@media(prefers-reduced-motion:reduce){.hero-banner__media{clip-path:none}.hero-banner__image{position:absolute;width:100%;height:100%}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--overlay-opacity, .3));pointer-events:none}.hero-banner--no-image{background-color:var(--color-beige)}.hero-banner--no-image.hero-banner--brown{background-color:var(--color-brown)}.hero-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.4rem;padding-top:8rem;padding-bottom:8rem;flex:1;justify-content:center}.hero-banner__content--center{align-items:center;text-align:center}.hero-banner__content--left{align-items:flex-start;text-align:left}.hero-banner__content--right{align-items:flex-end;text-align:right}.hero-banner--text-light .hero-banner__title,.hero-banner--text-light .hero-banner__richtext,.hero-banner--text-light .hero-banner__block-text,.hero-banner--text-light .rte{color:var(--color-beige)}.hero-banner--text-dark .hero-banner__title,.hero-banner--text-dark .hero-banner__richtext,.hero-banner--text-dark .hero-banner__block-text,.hero-banner--text-dark .rte{color:var(--color-brown)}.hero-banner--no-image.hero-banner--brown .hero-banner__title,.hero-banner--no-image.hero-banner--brown .rte{color:var(--color-beige)}.hero-banner__title{margin:0;font-size:5.6rem;line-height:1.05;font-weight:400}.hero-banner__richtext{font-size:2.4rem}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.hero-banner__buttons--center{justify-content:center}.hero-banner__buttons--left{justify-content:flex-start}.hero-banner__buttons--right{justify-content:flex-end}@media(max-width:749px){.hero-banner{min-height:var(--banner-height-mobile, var(--banner-height, 60rem))}.hero-banner__title{font-size:3.6rem}.hero-banner__content{padding-top:5rem;padding-bottom:5rem;gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-banner.css.map */