.hero{position:relative;width:100%;overflow:hidden}.hero__track{display:flex;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.hero__slide{position:relative;width:100%;flex-shrink:0}.hero__media{position:relative;width:100%;height:0;padding-bottom:37.5%}.hero__image,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background-alt)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:40px 60px;z-index:2}.hero__content--left{justify-content:flex-start}.hero__content--center{justify-content:center}.hero__content--right{justify-content:flex-end}.hero__content-inner{max-width:600px}.hero__content--left .hero__content-inner{text-align:left}.hero__content--center .hero__content-inner{text-align:center}.hero__content--right .hero__content-inner{text-align:right}.hero__slide .hero__subheading,.hero__slide .hero__heading,.hero__slide .hero__description{color:#fff}.hero__slide[data-text-color=dark] .hero__subheading,.hero__slide[data-text-color=dark] .hero__heading,.hero__slide[data-text-color=dark] .hero__description{color:var(--color-text)}.hero__slide[data-text-color=dark] .btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hero__slide[data-text-color=dark] .btn--secondary{color:var(--color-primary);border-color:var(--color-primary)}.hero__subheading{font-size:.875rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;opacity:.9}.hero__heading{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:16px}.hero__description{font-size:clamp(.875rem,1.5vw,1.125rem);line-height:1.6;margin-bottom:24px;opacity:.9}.hero__buttons{display:flex;gap:14px;flex-wrap:wrap}.hero__content--center .hero__buttons{justify-content:center}.hero__content--right .hero__buttons{justify-content:flex-end}.hero__btn{padding:14px 36px;font-size:.875rem;letter-spacing:.5px}.hero__animate{opacity:0;transform:translateY(20px)}.hero__slide.is-active .hero__animate{animation:heroFadeUp .6s ease forwards}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border-radius:50%;color:var(--color-text);box-shadow:0 2px 8px #0000001a;transition:all .2s;opacity:0}.hero:hover .hero__arrow{opacity:1}.hero__arrow:hover{background:#fff;color:var(--color-primary);box-shadow:0 4px 12px #00000026}.hero__arrow--prev{left:20px}.hero__arrow--next{right:20px}.hero__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px}.hero__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s;padding:0}.hero__dot.is-active{background:#fff;transform:scale(1.3)}.hero__dot:hover{background:#fffc}@media(max-width:1024px){.hero__media{padding-bottom:50%}.hero__content{padding:30px 40px}.hero__content-inner{max-width:480px}.hero__arrow{width:40px;height:40px;opacity:1}.hero__arrow--prev{left:12px}.hero__arrow--next{right:12px}}@media(max-width:768px){.hero__media{padding-bottom:75%}.hero__content{padding:24px 20px 50px;align-items:flex-end}.hero__content--left,.hero__content--center,.hero__content--right{justify-content:center}.hero__content-inner{max-width:100%;text-align:center}.hero__content--left .hero__content-inner,.hero__content--right .hero__content-inner{text-align:center}.hero__buttons{justify-content:center}.hero__subheading{font-size:.75rem;letter-spacing:2px;margin-bottom:8px}.hero__description{margin-bottom:18px}.hero__btn{padding:12px 28px;font-size:.8125rem}.hero__arrow{width:36px;height:36px;opacity:1}.hero__arrow--prev{left:8px}.hero__arrow--next{right:8px}.hero__dots{bottom:14px;gap:8px}.hero__dot{width:8px;height:8px}}@media(max-width:480px){.hero__media{padding-bottom:100%}.hero__content{padding:16px 16px 44px}.hero__btn{padding:10px 24px;font-size:.75rem;width:100%;text-align:center}.hero__buttons{flex-direction:column;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-hero.css.map */