.hero-banner{overflow:hidden;position:relative}.hero-banner .carousel__slides{padding:0;margin:0;column-gap:0;min-height:80vh}.hero-banner__slide{position:relative;min-height:100%;align-items:flex-start}.hero-banner__media,.hero-banner__media:before,.hero-banner__media:after{position:absolute;left:0;width:100%}.hero-banner__media{top:0;height:100%;pointer-events:none}.hero-banner__media:has(video[controls]){pointer-events:auto;z-index:1}.hero-banner__media:has(video:not([autoplay])) svg{position:absolute;width:50px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;display:none}.hero-banner__media:before,.hero-banner__media:after{content:"";height:60%;opacity:.6}.hero-banner__media:has(video[controls]):before,.hero-banner__media:has(video[controls]):after{content:none}.hero-banner__slide--overlay .hero-banner__media:before{top:0;background-image:linear-gradient(to bottom,var(--color-grey-dark),transparent)}.hero-banner__slide--overlay .hero-banner__media:after{bottom:0;background-image:linear-gradient(to top,var(--color-grey-dark),transparent)}.hero-banner__media picture,.hero-banner__media img,.hero-banner__media video{object-fit:cover;width:100%;height:100%}.hero-banner__content{padding-top:8rem;padding-bottom:8rem;position:relative;display:flex;z-index:1}.hero-banner__content-inner{max-width:60rem;display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.hero-banner__graphic{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__graphic-inner{position:absolute;transform:translateY(-50%)}@media screen and (max-width:989px){.hero-banner__graphic--hide-mobile{display:none}}@media screen and (max-width:1200px){.hero-banner__graphic-inner img{scale:.9}}.hero-banner__title{font-size:4.8rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin:0;text-shadow:var(--text-shadow);line-height:1}.hero-banner__description{margin:0;font-size:2.2rem;text-shadow:var(--text-shadow);line-height:1.2;margin-bottom:1rem}.hero-banner__description a{color:inherit}.hero-banner__controls-wrapper{position:absolute;left:0;bottom:3.2rem;width:100%}.hero-banner__controls-inner{display:flex;justify-content:flex-end}.hero-banner__controls{display:flex;flex-direction:column;gap:2.4rem;align-items:center}.hero-banner__controls-button{padding:0;border:0;-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;background:transparent;overflow:hidden;color:var(--color-secondary-darken-10);display:flex;align-items:center}.hero-banner__controls-button-icon{width:4.4rem;height:4.4rem;border-radius:50%}.hero-banner__controls-navigation{display:flex;align-items:center;gap:3.2rem}.hero-banner .hero-banner__carousel-tracker{position:static;display:flex;align-items:center;gap:1.6rem;transform:none;height:auto}.hero-banner .hero-banner__carousel-tracker .hero-banner__carousel-tracker-part{width:1.2rem;height:1.2rem;margin:0;border-radius:50%;flex:0 0 1.2rem;background:transparent;border:.2rem solid var(--color-white);opacity:1}.hero-banner .hero-banner__carousel-tracker .hero-banner__carousel-tracker-part.active{background-color:var(--color-white)}.hero-banner__carousel-button{width:2.6rem;height:2.6rem;color:var(--color-white)}.hero-banner .hero-banner__carousel-button-icon{width:2.4rem;height:2.4rem}.hero-banner .hero-banner__carousel-button .hero-banner__carousel-button-icon path{fill:var(--color-white)}@media screen and (min-width:990px){.hero-banner__content{padding:0}.hero-banner__content-inner{max-width:66rem;padding:3rem;position:absolute;top:var(--position-y);left:var(--position-x)}}@media screen and (max-width:1199px){.hero-banner__content{padding-top:4.8rem;padding-bottom:4.8rem}.hero-banner__content-inner{gap:1.4rem}.hero-banner__title{font-size:3.2rem}.hero-banner__description{font-size:1.6rem}}@media screen and (max-width:989px){.hero-banner__controls-wrapper{bottom:1.6rem}.hero-banner__controls{gap:1.6rem}.hero-banner__controls-button-icon{width:3.2rem;height:3.2rem}.hero-banner__carousel-button{display:none}.hero-banner .hero-banner__carousel-tracker{gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/hero-banner.css.map */