.hero-carousel{--hero-text: #292929;--hero-accent: #eb2529;--hero-bg: #ffffff;--hero-thumb-card: rgba(22, 22, 22, .65);--hero-thumb-width: 178px;--hero-thumb-gap: 8px;--hero-thumb-pad: 8px;--hero-thumb-radius: 10px;--hero-thumb-label: 14px;--hero-rail-width: 100%;--hero-rail-bottom: env(safe-area-inset-bottom, 0px);--hero-thumb-pitch: calc(var(--hero-thumb-width) + var(--hero-thumb-gap));--hero-fade-duration: .7s;background-color:var(--hero-bg);display:flex;flex-direction:column}.hero-carousel__band{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,6.15vw,24px);box-sizing:border-box;width:var(--hero-band-width, calc(100% - 32px) );margin-inline:auto;padding:clamp(32px,3.175vw,48px) 0}.hero-carousel__text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.5873vw,24px);min-width:0}.hero-carousel__subheading{margin:0;color:var(--hero-text);font-family:var(--font-heading--family, Manrope, sans-serif);font-weight:400;font-size:clamp(16px,1.1905vw,18px);line-height:1.5556;max-width:719px}.hero-carousel__heading{margin:0;color:var(--hero-text);font-family:var(--font-heading--family, Manrope, sans-serif);font-weight:400;font-size:clamp(24px,6.15vw,35px);line-height:1.375;letter-spacing:0;text-wrap:balance}.hero-carousel__badge{flex-shrink:0;display:block;width:95px;height:auto}@media screen and (max-width:749px){.hero-carousel[data-hide-badge-mobile] .hero-carousel__badge{display:none}}@media screen and (min-width:750px){.hero-carousel[data-hide-badge-desktop] .hero-carousel__badge{display:none}}@media screen and (min-width:750px){.hero-carousel__band{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px;width:var(--hero-band-width, min(var(--narrow-page-width, 90rem), 100% - 150px))}.hero-carousel__heading{max-width:1007px;font-size:clamp(34px,4.762vw,72px);line-height:1.0833;text-wrap:initial}.hero-carousel__badge{width:115px}}.hero-carousel__stage{--hero-zoom-duration: calc(var(--hero-autoplay-speed, 6s) + var(--hero-fade-duration, .7s));position:relative;display:flex;flex-direction:column;width:100%;touch-action:pan-y;aspect-ratio:1512 / 754;min-height:360px}@media screen and (max-width:749px){.hero-carousel__stage{aspect-ratio:390 / 496}}.hero-carousel__stage:focus-visible{outline:2px solid var(--hero-accent);outline-offset:-4px}.hero-carousel__sentinel{position:absolute;inset:auto 0 0 0;height:1px;pointer-events:none}.hero-carousel__viewport{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:clip}.hero-carousel__slides{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;opacity:0}.hero-carousel__slide.is-mounted{display:block}.hero-carousel__slide.is-active{opacity:1;z-index:1;transition:opacity var(--hero-fade-duration, .7s) ease-out;will-change:opacity}.hero-carousel__slide.is-leaving{opacity:1;z-index:0}@media screen and (min-width:750px){.hero-carousel__stage[data-hero-playing] .hero-carousel__slide.is-active .hero-carousel__img,.hero-carousel__stage .hero-carousel__slide.is-leaving .hero-carousel__img{animation:hero-carousel-zoom var(--hero-zoom-duration, 6.9s) linear forwards;will-change:transform}}@keyframes hero-carousel-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-carousel__view-work{position:absolute;left:75%;top:65%;z-index:2;display:flex;align-items:center;justify-content:center;padding:47px 30px;background:#d9d9d91c;border:1px solid rgba(255,255,255,.15);border-radius:60px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s ease,transform .35s ease}.hero-carousel__view-work-text{font-family:var(--font-heading--family, Manrope, sans-serif);font-weight:500;font-size:11px;line-height:18px;color:#fff;white-space:nowrap;text-transform:lowercase;letter-spacing:.04em}@media(pointer:fine){.hero-carousel__stage[data-hero-slide-linked] .hero-carousel__slides:hover,.hero-carousel__stage[data-hero-slide-linked] .hero-carousel__slides:hover *{cursor:none}.hero-carousel__stage[data-hero-slide-linked] .hero-carousel__slides:hover .hero-carousel__view-work{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hero-carousel__slide-link,.hero-carousel__placeholder{display:block;width:100%;height:100%}.hero-carousel__img,.hero-carousel__thumb-img,.hero-carousel__slide-link{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hero-carousel__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-obj-pos-mobile, center center)}@media screen and (min-width:750px){.hero-carousel__img{object-position:var(--hero-obj-pos, center center)}}.hero-carousel__placeholder svg{width:100%;height:100%;object-fit:cover}.hero-carousel__rail-dock{position:absolute;inset:0 0 var(--hero-rail-bottom) 0;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;pointer-events:none}.hero-carousel__rail{position:sticky;bottom:var(--hero-rail-bottom);margin-inline-start:auto;pointer-events:auto;width:var(--hero-rail-width);overflow:hidden;touch-action:pan-y;cursor:grab}.hero-carousel__rail:active{cursor:grabbing}.hero-carousel__rail-track{display:flex;align-items:flex-start;gap:var(--hero-thumb-gap);width:max-content;padding:16px;transform:translate3d(calc(-1 * (var(--hero-slide-count, 1) - 1) * var(--hero-thumb-pitch)),0,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.hero-carousel__rail-track{transition:none}}@media screen and (min-width:750px){.hero-carousel{--hero-thumb-width: clamp(140px, 11.7863vw, 226px);--hero-thumb-gap: clamp(12px, 1.0582vw, 20px);--hero-thumb-pad: clamp(6px, .5291vw, 10px);--hero-thumb-radius: clamp(8px, .6614vw, 13px);--hero-thumb-label: clamp(13px, 1.0582vw, 20px);--hero-rail-width: clamp(372px, 31.5476vw, 606px);--hero-rail-bottom: clamp(26px, 2.1825vw, 42px)}.hero-carousel__rail-track{padding:0}}.hero-carousel__thumb{flex:0 0 auto;box-sizing:border-box;width:var(--hero-thumb-width);display:flex;flex-direction:column;gap:var(--hero-thumb-pad);padding:var(--hero-thumb-pad);margin:0;border:0;border-radius:var(--hero-thumb-radius);background:var(--hero-thumb-card);text-align:start;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.hero-carousel__thumb-media{position:relative;display:block;width:100%;aspect-ratio:162.21 / 99.54;border-radius:var(--hero-thumb-radius);overflow:hidden;opacity:.4;transition:opacity .3s ease}.hero-carousel__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.hero-carousel__thumb-label{display:block;color:#fff;font-family:var(--font-heading--family, Manrope, sans-serif);font-weight:400;font-size:var(--hero-thumb-label);line-height:1.5;opacity:.4;transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:750px){.hero-carousel__thumb-label{font-weight:500}}.hero-carousel__thumb[aria-selected=true] .hero-carousel__thumb-media,.hero-carousel__thumb[aria-selected=true] .hero-carousel__thumb-label{opacity:1}@media(hover:hover){.hero-carousel__thumb:hover .hero-carousel__thumb-media,.hero-carousel__thumb:hover .hero-carousel__thumb-label{opacity:.75}}.hero-carousel__thumb:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hero-carousel__thumb-progress{position:absolute;inset-inline:0;bottom:0;display:block;height:3px;background:#ffffff40}.hero-carousel__thumb-progress-fill{display:block;height:100%;background:var(--hero-accent);transform:scaleX(0);transform-origin:left center}.hero-carousel__stage[data-hero-playing] .hero-carousel__thumb[aria-selected=true] .hero-carousel__thumb-progress-fill{animation:hero-carousel-progress var(--hero-autoplay-speed, 6s) linear forwards}.hero-carousel__stage[data-hero-paused] .hero-carousel__thumb[aria-selected=true] .hero-carousel__thumb-progress-fill,.hero-carousel__stage[data-hero-paused] .hero-carousel__slide.is-active .hero-carousel__img{animation-play-state:paused}.hero-carousel__stage:not([data-hero-autoplay]) .hero-carousel__thumb-progress{display:none}@keyframes hero-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-carousel__thumb-progress{display:none}.hero-carousel__thumb-media,.hero-carousel__thumb-label,.hero-carousel__slide.is-active{transition:none}.hero-carousel__slide.is-active .hero-carousel__img,.hero-carousel__slide.is-leaving .hero-carousel__img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-homepage-hero-carousel.css.map */