.hero.wrapper,.hero.wrapper>div{width:100vw;height:100dvh}@media screen and (min-width: 750px){.hero.wrapper,.hero.wrapper>div{max-height:60vw}}@media screen and (max-width: 749px){.hero.wrapper,.hero.wrapper>div{max-height:200vw}}.hero.wrapper{position:relative;overflow:hidden}.hero.wrapper>div{position:absolute;top:0;left:0;z-index:2}.hero .container{display:flex;position:absolute;bottom:0;height:100%;width:100%;max-width:1200px;left:50%;transform:translate(-50%);z-index:1}.hero-image{position:absolute;bottom:0;width:auto;z-index:2;transform:translate(-50%)}.hero-content{position:absolute;bottom:0;height:100%;width:100%;padding:0 5%;z-index:3;display:flex;flex-direction:column}.hero-content .box{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 750px){.hero-content .box{max-width:420px;width:67%}}@media screen and (max-width: 749px){.hero-content .box{width:67%}.hero-content .box .blur,.hero-content .box .opacity,.hero-content .box .color{padding:15px}}@media screen and (min-width: 750px){.desktop-top-left{justify-content:flex-start;align-items:flex-start}.desktop-top-center{justify-content:flex-start;align-items:center}.desktop-top-right{justify-content:flex-start;align-items:flex-start}.desktop-middle-left{justify-content:flex-start;align-items:flex-end}.desktop-middle-left{justify-content:center;align-items:flex-start}.desktop-middle-center{justify-content:center;align-items:center}.desktop-middle-right{justify-content:center;align-items:flex-start}.desktop-bottom-left{justify-content:flex-end;align-items:flex-start}.desktop-bottom-center{justify-content:flex-end;align-items:center}.desktop-bottom-right{justify-content:flex-end;align-items:flex-start}}@media screen and (max-width: 749px){.mobile-top-left{justify-content:flex-start;align-items:flex-start}.mobile-top-center{justify-content:flex-start;align-items:center}.mobile-top-right{justify-content:flex-start;align-items:flex-start}.mobile-middle-left{justify-content:flex-start;align-items:flex-end}.mobile-middle-left{justify-content:center;align-items:flex-start}.mobile-middle-center{justify-content:center;align-items:center}.mobile-middle-right{justify-content:center;align-items:flex-start}.mobile-bottom-left{justify-content:flex-end;align-items:flex-start}.mobile-bottom-center{justify-content:flex-end;align-items:center}.mobile-bottom-right{justify-content:flex-end;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/31ko-new-hero.css.map */