.kt-hero{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;text-align:left}.kt-hero__content{min-height:36rem;height:100vh;align-items:flex-start;justify-content:flex-start;z-index:2;width:100%;padding:4rem 6%;display:flex;position:relative}main.content-for-layout>:first-child .kt-hero .kt-hero__box{padding-top:5rem}.kt-hero.kt--light_avallon h2,.kt-hero.kt--dark_avallon h2{font-family:avallon,Futura,"sans-serif";font-weight:400}.kt--light h2,.kt--light p,.kt--light_avallon h2,.kt--light_avallon p{color:#fff}.kt-hero__media.animate--zoom-in{clip-path:inset(0px)}.kt-hero__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.kt-hero__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (min-width:750px){.kt-hero{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}}@media screen and (max-width:749px){.kt-hero{flex-direction:row;flex-wrap:wrap}}.kt-hero__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (min-width:750px){.kt-hero__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .kt-hero__media:not(.placeholder){height:auto}.banner--mobile-bottom .kt-hero__media{position:absolute!important}@media screen and (max-width:749px){.banner--mobile-bottom .kt-hero__media{position:relative}.kt-hero:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.kt-hero:before{display:none!important}}.kt-hero__box{padding:0;position:relative;height:fit-content;width:100%;word-wrap:break-word;z-index:1}.kt-banner:after,.kt-hero__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.kt-hero__box>*+.banner__text{margin-top:5rem}.kt-hero__box p{margin:2.4rem 0 3rem}.kt-hero__box>*:first-child{margin-top:0}.banner__heading{margin-bottom:0}.kt-hero__box .banner__heading+*{margin-top:0}@media screen and (max-width:749px){.kt-hero img{width:100vw;aspect-ratio:var(--kt-aspect-ratio-image-mobile);object-position:50% 50%}}@media screen and (min-width:750px){.kt-hero__content{padding:3vw 6%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kt-hero.css.map */