.hero-main{height:calc(100vh - 84px);max-height:642px}.hero-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.hero-top{display:flex;justify-content:space-between}.hero-side-image{width:185px;height:185px;flex-shrink:0;aspect-ratio:1/1}.hero-side-image img{width:100%;height:100%;object-fit:cover;object-position:center left;border-radius:4px}.hero-shop-btn{display:flex;width:200px;height:200px;padding:10px;justify-content:center;align-items:center;gap:6px;flex-shrink:0;background-color:var(--btn-bg);border-radius:1000px;transition:all .2s ease-in-out;text-decoration:none;margin-right:140px}.hero-shop-btn p{text-align:center;color:var(--btn-bt);font-size:16px;font-style:normal;font-weight:600;line-height:115%;letter-spacing:-.32px;text-transform:uppercase}.hero-shop-btn svg{width:20px;height:20px;flex-shrink:0;aspect-ratio:1/1;transition:all .3s ease-in-out}.hero-shop-btn svg path{fill:var(--btn-bt)}.hero-shop-btn:hover{background-color:var(--btn-hv)}.hero-shop-btn:hover svg{transform:rotate(90deg)}.hero-bottom{display:flex;flex-direction:column;gap:18px;position:unset}.hero-menu{display:flex;gap:50px}.hero-link{color:var(--black, #050606);font-size:16px;font-style:normal;font-weight:400;line-height:115%;letter-spacing:-.32px;text-transform:uppercase}.title-image,.title-image img{width:100%;height:auto}.hero-main-media{width:31vw;max-width:477px;height:60%;max-height:404px;flex-shrink:0;position:absolute;left:50%;top:0;transform:translate(-50%)}.hero-main-media img,.hero-main-media video{width:100%;height:100%;object-fit:cover;border-radius:8px}@media screen and (max-width: 1200px){.hero-shop-btn{margin-right:0}}@media screen and (max-width: 989px){.hero-main{height:calc(100lvh - 84px);max-height:848px}.hero-wrapper{flex-direction:column-reverse;gap:32px}.hero-top{display:flex;justify-content:center}.hero-side-image{display:none}.hero-shop-btn{width:160px;height:160px;padding:10px}.hero-shop-btn p{max-width:78px;font-size:14px;letter-spacing:-.28px}.hero-bottom{flex-direction:column-reverse;gap:32px;padding-top:66vw;position:relative}.hero-menu{justify-content:space-between}.hero-main-media{width:92%;max-width:unset;height:70vw;max-height:unset;top:0}.hero-main-media img,.hero-main-media video{border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-banner.css.map */