@font-face{font-family:Sora;src:url(hsw5-sora.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url(hsw5-manrope.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap}.content-section{--section-ink: #14171a;--section-body: #333a40;--section-muted: #6b747b;--section-line: #e1e5e7;--section-page: #f6f8f8;--section-lime: #a7d129;--section-lime-dark: #779713;--section-orange: #ff9f45;--section-white: #fff;--section-radius-sm: 10px;--section-radius-md: 14px;--section-radius-lg: 20px;--section-radius-xl: 28px;--section-font-body: Manrope, "Segoe UI", system-ui, sans-serif;--section-font-display: Sora, "Segoe UI", system-ui, sans-serif;color:var(--section-body);font-family:var(--section-font-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.content-section *,.content-section *:before,.content-section *:after{box-sizing:border-box}.content-section img,.content-section video{display:block;width:100%}.content-section a{color:inherit}.content-section :where(button,input,select,textarea){font-family:inherit}.content-section__container{margin-inline:auto}.content-section__eyebrow{margin:0 0 10px;color:var(--section-eyebrow-color, var(--section-lime-dark));font-family:var(--section-font-body);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.content-section__heading{margin:0;color:var(--section-ink);font-family:var(--section-font-display);font-size:clamp(32px,5vw,56px);font-weight:500;letter-spacing:-.02em;line-height:1.08}.content-section__heading-group{white-space:nowrap}.content-section__heading--medium{font-size:clamp(28px,4vw,44px)}.content-section__copy{color:var(--section-body);font-size:17px;line-height:1.6}.content-section__copy>*:first-child{margin-top:0}.content-section__copy>*:last-child{margin-bottom:0}.content-section__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:0;border-radius:var(--section-radius-sm);background:var(--section-orange);box-shadow:0 2px 6px #14171a14;color:#fff;font-size:15px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;transition:transform .18s ease,filter .18s ease}.content-section__button:hover{filter:brightness(.96);transform:translateY(-1px)}.content-section__button--lime{background:var(--section-lime);color:var(--section-ink)}.content-section__button--dark{background:var(--section-ink)}.content-section__section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.media-carousel{padding:64px 0;overflow:hidden;background:var(--section-background, var(--section-page))}.media-carousel>.content-section__container{width:min(1400px,100%);padding-inline:32px}.media-carousel__viewport{overflow:hidden}.media-carousel__track{display:flex;gap:var(--media-carousel-gap, 16px);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.media-carousel__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.media-carousel__track.is-carousel-animating{scroll-behavior:auto;scroll-snap-type:none}.media-carousel__track::-webkit-scrollbar{display:none}.media-carousel__track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.media-carousel__slide :is(a,button):not(.media-carousel__link){position:relative;z-index:3}.media-carousel__slide{position:relative;flex:0 0 min(90%,1080px);aspect-ratio:16 / 9;overflow:hidden;border-radius:24px;background:var(--section-ink);scroll-snap-align:start;color:#fff}.media-carousel__slide--narrow{flex-basis:min(50%,500px)}.media-carousel--bands .media-carousel__viewport,.media-carousel--accessories .media-carousel__viewport{aspect-ratio:1.975 / 1}.media-carousel--bands .media-carousel__track,.media-carousel--accessories .media-carousel__track{height:100%}.media-carousel--bands .media-carousel__slide,.media-carousel--accessories .media-carousel__slide{height:100%;aspect-ratio:auto}.media-carousel--bands .media-carousel__slide--narrow,.media-carousel--accessories .media-carousel__slide--narrow{flex-basis:40.5%}.media-carousel--controlled .media-carousel__slide,.media-carousel--controlled .media-carousel__slide--narrow{flex-basis:var(--media-carousel-slide-width)}.media-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0}.media-carousel__media img,.media-carousel__media video{height:100%;object-fit:cover;transition:transform .5s ease}.media-carousel__slide:hover .media-carousel__media img{transform:scale(1.025)}.media-carousel__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.media-carousel__shade{position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0c0e10c7)}.media-carousel__caption{position:absolute;inset:auto 0 0;z-index:1;padding:48px 28px 24px;font-family:Manrope,Segoe UI,system-ui,sans-serif}.media-carousel--text-heading .media-carousel__caption{font-family:Sora,Segoe UI,system-ui,sans-serif}.media-carousel--text-system .media-carousel__caption{font-family:Segoe UI,system-ui,sans-serif}.media-carousel .content-section__heading{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}.media-carousel__caption h3{margin:4px 0 0;color:#fff;font-family:inherit;font-size:min(var(--media-carousel-slide-text-size, 24px),clamp(18px,2.2vw,24px));font-style:var(--media-carousel-slide-text-style, normal);font-weight:var(--media-carousel-slide-text-weight, 600);letter-spacing:var(--media-carousel-slide-text-letter-spacing, 0);line-height:1.35;text-transform:var(--media-carousel-slide-text-transform, none)}.media-carousel__caption p{margin:8px 0 0;color:#ffffffd6;font-family:inherit}.media-carousel__navigation{display:grid;min-height:52px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-top:20px}.media-carousel--bands .media-carousel__navigation,.media-carousel--accessories .media-carousel__navigation{margin-top:24px}.media-carousel__navigation--no-button{min-height:36px}.media-carousel__controls{display:flex;grid-column:3;grid-row:1;justify-self:end;gap:10px}.media-carousel .media-carousel__button{min-height:var(--media-carousel-button-height, 52px);height:var(--media-carousel-button-height, 52px);grid-column:1;grid-row:1;justify-self:start;padding-inline:var(--media-carousel-button-padding-x, 22px);border:var(--media-carousel-button-border-width, 1px) solid var(--media-carousel-button-border, #a7d129);border-radius:var(--media-carousel-button-radius, 14px);background:var(--media-carousel-button-bg, #a7d129);box-shadow:var(--media-carousel-button-shadow, 0 2px 6px rgba(20,23,26,.06));color:var(--media-carousel-button-color, #14171a);font-size:var(--media-carousel-button-font-size, 16px);font-weight:var(--media-carousel-button-font-weight, 700);letter-spacing:-.005em}.media-carousel .media-carousel__button:hover{background:var(--media-carousel-button-hover-bg, #9fc627);color:var(--media-carousel-button-hover-color, #14171a);filter:none;transform:none}.media-carousel--button-font-display .media-carousel__button{font-family:Sora,Segoe UI,system-ui,sans-serif}.media-carousel--button-font-system .media-carousel__button{font-family:Segoe UI,system-ui,sans-serif}.media-carousel__dots{display:flex;grid-column:2;grid-row:1;align-items:center;justify-self:center;gap:12px;padding:13px 20px;border-radius:999px;background:#eef1f2}.media-carousel__navigation--button-center .media-carousel__button{grid-column:2;justify-self:center}.media-carousel__navigation--button-center .media-carousel__dots{grid-column:1;justify-self:start}.media-carousel__dots button{position:relative;width:8px;height:8px;overflow:hidden;padding:0;border:0;border-radius:999px;background:#99a2a8;cursor:pointer;transition:width .18s ease,background-color .18s ease}.media-carousel__dots button.is-active{width:52px;background:#c4cbcf}.media-carousel__dot-progress{display:block;width:100%;height:100%;border-radius:inherit;background:#ff9f45;transform:scaleX(0);transform-origin:left center;opacity:0}.media-carousel__dots button.is-active .media-carousel__dot-progress{opacity:1;transform:scaleX(1)}[data-media-carousel][data-autoplay=true].is-autoplay-progressing .media-carousel__dots button.is-active .media-carousel__dot-progress{animation:media-carousel-progress var(--media-carousel-autoplay-duration, 6s) linear forwards}[data-media-carousel].is-autoplay-paused .media-carousel__dot-progress{animation-play-state:paused!important}@keyframes media-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.media-carousel__footer{margin-top:24px}.media-carousel__control{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:999px;background:#eef1f2;color:var(--section-ink);cursor:pointer}.media-carousel__control svg{width:18px;height:18px;fill:currentcolor}.media-carousel__control svg[fill=none]{fill:none}.media-carousel__control>span{font-size:23px;line-height:1}.media-carousel__control:disabled{opacity:.35;cursor:default}@media(max-width:767px){.content-section__container{width:100%}.media-carousel{padding:48px 0}.media-carousel>.content-section__container{padding-inline:16px}.media-carousel__slide,.media-carousel__slide--narrow{flex-basis:90%;min-height:0;aspect-ratio:5 / 4;border-radius:16px}.media-carousel--bands .media-carousel__viewport,.media-carousel--accessories .media-carousel__viewport{aspect-ratio:1.389 / 1}.media-carousel--bands .media-carousel__slide,.media-carousel--accessories .media-carousel__slide{aspect-ratio:auto}.media-carousel--bands .media-carousel__slide--narrow,.media-carousel--accessories .media-carousel__slide--narrow{flex-basis:57.6%}.media-carousel--controlled .media-carousel__slide,.media-carousel--controlled .media-carousel__slide--narrow{flex-basis:var(--media-carousel-slide-width)}.media-carousel--materials .media-carousel__track{gap:4px}.media-carousel--materials.media-carousel--controlled .media-carousel__slide{flex-basis:calc(var(--media-carousel-slide-width) - 4px)}.media-carousel--bands .media-carousel__track,.media-carousel--accessories .media-carousel__track{gap:.5%}.media-carousel__dots{gap:8px;padding:9px 14px}.media-carousel__dots button{width:6px;height:6px}.media-carousel__dots button.is-active{width:34px}.media-carousel--materials .media-carousel__navigation{position:relative;display:flex;min-height:36px;align-items:center;justify-content:center;margin-top:20px}.media-carousel--materials .media-carousel__dots button{width:8px;height:8px}.media-carousel--materials .media-carousel__dots button.is-active{width:52px}.media-carousel--materials .media-carousel__controls{position:absolute;inset:50% 0 auto;display:flex;width:100%;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.media-carousel--materials .media-carousel__control{pointer-events:auto}.media-carousel--materials .media-carousel__control svg{width:16px;height:16px}.media-carousel--bands .media-carousel__navigation,.media-carousel--accessories .media-carousel__navigation{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.media-carousel--bands .media-carousel__controls,.media-carousel--accessories .media-carousel__controls{display:none}}@media(prefers-reduced-motion:reduce){.content-section *{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/240/assets/media-carousel.css.map */