.hero{height:680px;position:relative;overflow:hidden}.hero .page-width{height:100%}.hero__wrapper{height:100%;text-align:center;display:flex;align-items:center;position:relative}.hero__wrapper--center{justify-content:center}.hero__wrapper--right{justify-content:flex-end}.hero__contents{width:50%;display:grid}.hero__container{grid-area:1 / 1;align-self:center;color:#fff;position:relative;opacity:0;visibility:hidden;transition:opacity var(--hero-fade, 1s) ease,visibility var(--hero-fade, 1s)}.hero__container.is-active{opacity:1;visibility:visible}.hero__container--dark{color:#000}.hero__container svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero svg{fill:none}.hero .c_{color:transparent}#feel-magic-split{height:0}.hero__subtitle{margin:0 0 13px}.hero__text{margin:0 0 40px}.hero__link{color:#fff;position:relative;z-index:3}.hero__container--dark .hero__link{color:#000}@media screen and (max-width:768px){.hero{height:550px}.hero__contents{width:100%}.hero__container svg{width:310px;height:auto}#feel-magic-split{font-size:16px}}.hero__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__slider .swiper-wrapper{height:100%}.hero__slide{position:relative;height:100%;overflow:hidden}.hero__slide-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__dots{position:absolute;left:0;bottom:45px;width:100%;z-index:3;display:flex;justify-content:center;gap:20px;color:#fff}.hero__dots--dark{color:#000}.hero__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.6;cursor:pointer;transition:opacity .25s ease}.hero__dot:hover,.hero__dot.is-selected{opacity:1}.hero__dot svg{position:absolute;top:-6px;left:-6px;width:20px;height:20px;transform:rotate(-90deg);visibility:hidden}.hero__dot circle{stroke-dasharray:58 58;stroke-dashoffset:58}.hero__dot.is-selected svg{visibility:visible}.hero__dot.is-selected circle{stroke-dashoffset:0;transition:stroke-dashoffset var(--dot-speed, 5s) linear}@media(prefers-reduced-motion:reduce){.hero__dot.is-selected circle{transition:none}}@media screen and (max-width:768px){.hero__dots{bottom:25px}}.hero>.page-width{position:relative;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-hero.css.map */