.section-tri-sole-motion-hero:has(.tri-sole-motion){--tsm-ink: #ffffff;--tsm-muted: rgba(255, 255, 255, .82);--tsm-accent: #e63946;--tsm-sale-yellow: #f5c518;--tsm-script-font: "Caveat", "Brush Script MT", "Segoe Script", cursive;--tsm-banner-max-height: 50vh;padding:0!important;margin:0}.tri-sole-motion.banner--adapt_image{position:relative;width:100%;height:var(--tsm-banner-max-height, 50vh);aspect-ratio:auto;max-height:var(--tsm-banner-max-height, 50vh);min-height:0}.tri-sole-motion:has(.tri-sole-motion__slide--premium).banner--adapt_image{height:var(--tsm-banner-max-height, 50vh);max-height:var(--tsm-banner-max-height, 50vh)}.tri-sole-motion{position:relative;overflow:hidden;color:var(--tsm-ink);isolation:isolate}.tri-sole-motion__track{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tri-sole-motion__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .85s cubic-bezier(.22,1,.36,1),visibility .85s}.tri-sole-motion__slide.is-active{opacity:1;visibility:visible;z-index:1}.tri-sole-motion__media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000}.tri-sole-motion__media picture,.tri-sole-motion__media img{display:block;width:100%;height:100%}.tri-sole-motion.main_slider.banner--adapt_image .tri-sole-motion__media img,.tri-sole-motion.main_slider .tri-sole-motion__media img.tri-sole-motion__img{object-fit:cover!important;object-position:center center!important}.tri-sole-motion__slide--premium .tri-sole-motion__media{background-color:#1a1a1a}.tri-sole-motion__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.22) 42%,transparent 62%),linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 38%,transparent 68%,rgba(0,0,0,.28) 100%)}.tri-sole-motion__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(3.5rem,8vh,5rem) clamp(1.5rem,5vw,4rem) clamp(2rem,5vh,3rem);max-width:1440px;width:100%;margin:0 auto;pointer-events:none}.tri-sole-motion__copy{max-width:min(100%,36rem)}.tri-sole-motion__content a{pointer-events:auto}.tri-sole-motion__headline-stack{transform:rotate(-9deg);transform-origin:left bottom;margin:0 0 clamp(.85rem,2vw,1.35rem)}.tri-sole-motion__brand{margin:0 0 .1em;padding:0;font-family:var(--tsm-script-font);font-size:clamp(1.65rem,4.5vw,2.85rem);font-weight:600;font-style:normal;letter-spacing:.02em;text-transform:none;line-height:1;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.35)}.tri-sole-motion__brand:before{content:none;display:none}.tri-sole-motion__headline{display:flex;flex-direction:column;gap:0;margin:0;max-width:none;line-height:.9}.tri-sole-motion__line{display:block;font-family:var(--font-heading-family, sans-serif);font-weight:900;letter-spacing:-.03em;text-transform:uppercase;line-height:.88}.tri-sole-motion__line--accent{font-size:clamp(2.35rem,9.5vw,5.75rem);color:var(--tsm-sale-yellow);text-shadow:0 3px 0 rgba(0,0,0,.18),0 10px 32px rgba(0,0,0,.35)}.tri-sole-motion__line--hero{font-size:clamp(2.85rem,11vw,7.25rem);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.15),0 12px 40px rgba(0,0,0,.4)}.tri-sole-motion__sub{margin:0;max-width:34ch;font-size:clamp(.875rem,1.7vw,1rem);font-weight:400;line-height:1.6;color:var(--tsm-muted);text-shadow:0 2px 16px rgba(0,0,0,.4);text-wrap:balance}.tri-sole-motion__actions{margin-top:clamp(1rem,2.5vw,1.35rem)}.tri-sole-motion__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.85rem 2rem;border:0;border-radius:999px;background:var(--tsm-sale-yellow);color:#111;font-size:calc(var(--font-body-scale, 1) * 13px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 28px #00000038;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.tri-sole-motion__cta:hover{background:#fff;color:#111;transform:translateY(-2px);box-shadow:0 14px 32px #00000047}.tri-sole-motion__slide.is-active .tri-sole-motion__headline-stack{animation:tsmStackReveal .85s cubic-bezier(.22,1,.36,1) both}.tri-sole-motion__slide.is-active .tri-sole-motion__sub,.tri-sole-motion__slide.is-active .tri-sole-motion__actions{animation:tsmTextReveal .8s cubic-bezier(.22,1,.36,1) both}.tri-sole-motion__slide.is-active .tri-sole-motion__sub{animation-delay:.12s}.tri-sole-motion__slide.is-active .tri-sole-motion__actions{animation-delay:.2s}@keyframes tsmStackReveal{0%{opacity:0;transform:rotate(-9deg) translateY(28px)}to{opacity:1;transform:rotate(-9deg) translateY(0)}}@keyframes tsmTextReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tri-sole-motion__nav{position:absolute;z-index:3;left:50%;bottom:clamp(.85rem,2vw,1.25rem);transform:translate(-50%);display:flex;align-items:center;gap:.55rem}.tri-sole-motion__dot{width:2rem;height:3px;padding:0;border:0;border-radius:2px;background:#ffffff59;cursor:pointer;transition:background .3s ease,width .3s ease}.tri-sole-motion__dot.is-active{width:2.75rem;background:#fff}.tri-sole-motion__arrows{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.tri-sole-motion__arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0003;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease}.tri-sole-motion__arrow:hover{background:#00000073;border-color:#ffffffb3}.tri-sole-motion__arrow--prev{left:clamp(.75rem,2vw,1.5rem)}.tri-sole-motion__arrow--next{right:clamp(.75rem,2vw,1.5rem)}.tri-sole-motion__arrow svg{width:1rem;height:1rem}.tri-sole-motion__slide--light .tri-sole-motion__shade{background:linear-gradient(105deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.28) 42%,transparent 62%),linear-gradient(180deg,#ffffff73,#ffffff14 38%,#0000001f)}.tri-sole-motion__slide--light{--tsm-ink: #0a0a0a;--tsm-muted: rgba(10, 10, 10, .72)}.tri-sole-motion__slide--light .tri-sole-motion__brand{color:#111;text-shadow:0 2px 12px rgba(255,255,255,.45)}.tri-sole-motion__slide--light .tri-sole-motion__line--accent{color:#e6a800;text-shadow:0 3px 0 rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.12)}.tri-sole-motion__slide--light .tri-sole-motion__line--hero{color:#0a0a0a;text-shadow:0 3px 0 rgba(255,255,255,.35),0 8px 24px rgba(0,0,0,.1)}.tri-sole-motion__slide--light .tri-sole-motion__sub{color:#0a0a0ac7;text-shadow:none}.tri-sole-motion__slide--light .tri-sole-motion__cta{background:var(--tsm-sale-yellow);color:#111;box-shadow:0 8px 24px #0000001f}.tri-sole-motion__slide--light .tri-sole-motion__dot{background:#0a0a0a40}.tri-sole-motion__slide--light .tri-sole-motion__dot.is-active{background:#0a0a0a}.tri-sole-motion__slide--premium .tri-sole-motion__shade{display:none}.tri-sole-motion__slide--premium .tri-sole-motion__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.tri-sole-motion__slide--premium .tri-sole-motion__media picture,.tri-sole-motion__slide--premium .tri-sole-motion__media img{pointer-events:none}.tri-sole-motion__img--mobile{display:none}@media screen and (max-width:749px){.tri-sole-motion.banner--adapt_image:has(.tri-sole-motion__img--mobile){height:auto;aspect-ratio:819 / 1024;max-height:75vh;min-height:55vh}.tri-sole-motion:has(.tri-sole-motion__slide--premium).banner--adapt_image:has(.tri-sole-motion__img--mobile){height:auto;max-height:75vh}.tri-sole-motion__img--desktop{display:none!important}.tri-sole-motion__img--mobile{display:block!important;object-fit:cover!important;object-position:center top!important}.tri-sole-motion__content{padding-bottom:clamp(3rem,9vh,3.5rem)}.tri-sole-motion__arrows{display:none}.tri-sole-motion__headline-stack{transform:rotate(-7deg)}.tri-sole-motion__brand{font-size:clamp(1.35rem,7vw,1.85rem)}.tri-sole-motion__line--accent{font-size:clamp(1.85rem,11vw,2.75rem)}.tri-sole-motion__line--hero{font-size:clamp(2.2rem,13vw,3.35rem)}.tri-sole-motion__sub{font-size:clamp(.8125rem,3.4vw,.9375rem);max-width:30ch}.tri-sole-motion__cta{min-height:2.75rem;padding:.75rem 1.5rem;font-size:calc(var(--font-body-scale, 1) * 11px)}@keyframes tsmStackReveal{0%{opacity:0;transform:rotate(-7deg) translateY(20px)}to{opacity:1;transform:rotate(-7deg) translateY(0)}}}@media(prefers-reduced-motion:reduce){.tri-sole-motion__slide{transition:none}.tri-sole-motion__slide.is-active .tri-sole-motion__headline-stack,.tri-sole-motion__slide.is-active .tri-sole-motion__sub,.tri-sole-motion__slide.is-active .tri-sole-motion__actions{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-tri-sole-motion-hero.css.map */