body[data-theme=dark] .hero-slide .detail,body[data-theme=dark] .hero-slide .slide-title,body[data-theme=dark] .hero-slide .title{filter:invert(100%)}.hero{padding:0 var(--side-padding)}.hero .hero-row{height:100%}.hero .hero-swiper{height:100%}.hero .swiper-wrapper{align-items:center}.hero .hero-slide{border-radius:var(--border-radius-medium);border:1px solid var(--black);position:relative;display:block;min-height:500px;height:100%;opacity:.2;transition:opacity .9s ease-in-out}.hero .hero-slide .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--black-no-change);border-radius:var(--border-radius-large);z-index:-1}.hero .hero-slide .slide-wrap{display:grid;grid-template-columns:5fr 4fr;grid-gap:var(--side-padding);align-items:stretch;height:100%;position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.hero .hero-slide .left{display:flex;flex-direction:column;justify-content:space-between;padding:20px 0 20px 20px}.hero .hero-slide .left .upper{line-height:1.2}.hero .hero-slide .left .upper h2{color:var(--white-no-change);font-size:1.6rem;margin:0 0 4px 0}.hero .hero-slide .left .upper p{color:var(--grey);font-size:1.6rem}.hero .hero-slide .left .lower{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:20%}.hero .hero-slide .left .detail{color:var(--grey);font-size:.8rem;text-transform:uppercase}.hero .hero-slide .right{display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}.hero .hero-slide .right .image{width:100%;max-width:460px;max-height:80%;aspect-ratio:1/1;border-radius:var(--border-radius-medium);margin:0}.hero .hero-slide .right .product-card{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.hero .hero-slide .right .product-card .image{display:block;width:100%;aspect-ratio:1/1;cursor:pointer}.hero .hero-slide .right .product-card .title{color:var(--white-no-change);text-align:left;display:block;width:100%;margin:0 0 10px 0}.hero .hero-slide .right .product-card .title h2{display:flex;flex-direction:row;align-items:center;gap:6px}.hero .swiper-slide-active{opacity:1}.hero .hero-navigation .swiper-button-next{bottom:20px!important;right:20px!important;top:auto!important;background:var(--black);border:1px solid var(--white);border-radius:100px;aspect-ratio:1/1;width:100px;height:100px;padding:10px;transition:border .2s ease-in-out}.hero .hero-navigation .swiper-button-next svg{width:70%}.hero .hero-navigation .swiper-button-next path{transition:fill .2s ease-in-out;fill:var(--white)}@media screen and (min-width:1200px){.hero .hero-navigation .swiper-button-next{width:120px;height:120px;padding:20px;bottom:20px!important;right:20px!important}}.hero .hero-navigation .swiper-button-next:hover{border:1px solid var(--accent)}.hero .hero-navigation .swiper-button-next:hover path{fill:var(--accent)!important}.hero .hero-navigation .swiper-button-next:after{display:none}@media screen and (max-width:767px){.hero{height:100%;display:block}.hero .hero-slide{height:auto;display:block}.hero .hero-slide .slide-wrap{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-gap:20px;height:100%;position:relative}.hero .hero-slide .hero-slide{height:100%!important}.hero .hero-slide .left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 20px 0 20px}.hero .hero-slide .left .upper{line-height:1.2}.hero .hero-slide .left .upper h2{font-size:1.2rem;margin:0 0 4px 0}.hero .hero-slide .left .upper p{color:var(--grey);font-size:.9rem}.hero .hero-slide .left .lower{width:100%}.hero .hero-slide .left .detail{font-size:.7rem}.hero .hero-slide .right{padding:0 20px 20px 20px}.hero .hero-slide .right .image{max-height:100%;max-width:100%}}