.ar-hero-loop{position:relative;isolation:isolate;overflow:hidden;min-height:var(--ar-hero-min-h, 80svh);display:grid;align-items:center}.ar-hero-loop__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ar-hero-bg, transparent);pointer-events:none}.ar-hero-loop__bg-media{position:absolute;top:0;right:0;bottom:0;left:0}.ar-hero-loop__bg-media>picture{display:block;width:100%;height:100%}.ar-hero-loop__bg-img{width:100%;height:100%;object-fit:cover;display:block}.ar-hero-loop__bg-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ar-color-black);opacity:var(--ar-hero-overlay, 0)}.ar-hero-loop--fixed .ar-hero-loop__bg{clip-path:inset(0)}.ar-hero-loop--fixed .ar-hero-loop__bg-media{position:fixed;top:0;right:0;bottom:0;left:0}.ar-hero-loop--text-white{color:var(--ar-color-white)}.ar-hero-loop--text-black{color:var(--ar-color-black)}.ar-hero-loop--text-white :is(.ar-ds-title,.ar-ds-subtitle,.ar-ds-body,.ar-ds-block-title,.ar-type-eyebrow,.ar-hero-loop__status):not(#ar-hero-loop){color:var(--ar-color-white)!important}.ar-hero-loop--text-black :is(.ar-ds-title,.ar-ds-subtitle,.ar-ds-body,.ar-ds-block-title,.ar-type-eyebrow,.ar-hero-loop__status):not(#ar-hero-loop){color:var(--ar-color-black)!important}.ar-hero-loop--text-white .ar-hero-loop__button:not(#ar-hero-loop){background:var(--ar-color-white)!important;border-color:var(--ar-color-white)!important;color:var(--ar-color-black)!important}.ar-hero-loop__eyebrow{margin:0;color:inherit}.ar-hero-loop__title{margin:0;text-wrap:balance}.ar-hero-loop__subtitle{margin:0;max-width:46ch;text-wrap:pretty}.ar-hero-loop__button{justify-self:start}.ar-hero-loop__placeholder{width:100%;height:100%;background:color-mix(in srgb,currentColor 8%,transparent)}.ar-hero-loop__controls{display:flex;align-items:center;gap:10px}.ar-hero-loop__controls--center{justify-content:center}.ar-hero-loop__status{min-width:4ch;margin-right:6px;font-size:12px;letter-spacing:.14em;font-variant-numeric:tabular-nums}.ar-hero-loop__arrow{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:var(--ar-radius-button, 2px);background:transparent;color:inherit;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.ar-hero-loop__arrow:after{display:none!important}@media(hover:hover){.ar-hero-loop__arrow:hover{background:currentColor;border-color:currentColor}.ar-hero-loop__arrow:hover svg{color:var(--ar-hero-arrow-hover, var(--ar-color-white))}.ar-hero-loop--text-white .ar-hero-loop__arrow:hover svg{color:var(--ar-color-black)}}.ar-hero-loop__dots{display:flex;align-items:center;gap:8px;padding-inline:8px}.ar-hero-loop__dot{width:6px;height:6px;min-height:0;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.28;cursor:pointer;transition:opacity .3s ease,width .3s ease,border-radius .3s ease}.ar-hero-loop__dot:after{display:none!important}.ar-hero-loop__dot[aria-current=true]{width:22px;border-radius:3px;opacity:1}[data-ar-loop-viewport]{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}[data-ar-loop-viewport]:focus-visible{outline:1px solid currentColor;outline-offset:6px}.ar-hero-loop.is-dragging [data-ar-loop-viewport]{cursor:grabbing}[data-ar-loop-viewport] img{-webkit-user-drag:none;pointer-events:none}.ar-hero-ribbon__word{position:absolute;left:50%;top:50%;translate:-50% -50%;white-space:nowrap;font-family:var(--ar-font-display);font-size:clamp(90px,19vw,320px);line-height:.8;letter-spacing:-.02em;color:currentColor;opacity:.07}.ar-hero-ribbon__inner{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:end;column-gap:clamp(28px,4vw,72px);width:min(100% - (var(--ar-container-padding) * 2),var(--ar-page-width))}.ar-hero-ribbon__copy{display:grid;gap:var(--ar-ds-section-gap, 24px);align-content:end;padding-bottom:8px}.ar-hero-ribbon__captions{display:grid;min-height:7.5em;align-content:start}.ar-hero-ribbon__caption[hidden]{display:none}.ar-hero-ribbon__caption{grid-area:1 / 1;display:grid;gap:8px;max-width:34ch}.ar-hero-ribbon__caption.is-active{animation:ar-hero-caption-in .6s cubic-bezier(.2,.7,.2,1) both}.ar-hero-ribbon__caption-title,.ar-hero-ribbon__caption-text{margin:0}.ar-hero-ribbon__caption-title:not(#ar-hero-loop){font-family:var(--ar-font-display)!important;font-size:clamp(20px,1.8vw,26px)!important;line-height:1.15}.ar-hero-ribbon__caption-text{opacity:.8}.ar-hero-ribbon__caption-link{justify-self:start;margin-top:4px;color:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}@keyframes ar-hero-caption-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ar-hero-ribbon__stage{display:grid;gap:22px;min-width:0;margin-right:calc(-1*max(var(--ar-container-padding),(100vw - var(--ar-page-width)) / 2))}.ar-hero-ribbon__viewport{container-type:inline-size;overflow:hidden;padding-block:4px}.ar-hero-ribbon__track{--ar-ribbon-small: 27cqi;--ar-ribbon-large: 46cqi;--ar-ribbon-gap: clamp(12px, 1.6vw, 24px);display:flex;align-items:flex-end;gap:var(--ar-ribbon-gap);transform:translate3d(calc(var(--ar-loop-position, 0) * -1 * (var(--ar-ribbon-small) + var(--ar-ribbon-gap)) + var(--ar-loop-drag, 0px)),0,0);transition:transform var(--ar-loop-speed, .8s) cubic-bezier(.65,0,.35,1);will-change:transform}.ar-hero-ribbon__slide{flex:0 0 var(--ar-ribbon-small);transition:flex-basis var(--ar-loop-speed, .8s) cubic-bezier(.65,0,.35,1),opacity var(--ar-loop-speed, .8s) ease}.ar-hero-ribbon__slide.is-active{flex-basis:var(--ar-ribbon-large)}.ar-hero-ribbon__slide.is-past{opacity:0}.ar-hero-ribbon__frame{aspect-ratio:var(--ar-ribbon-ratio, .8);overflow:hidden;border-radius:var(--ar-radius-media, var(--ar-radius-card, 2px));background:var(--ar-ribbon-frame-bg, color-mix(in srgb, currentColor 6%, transparent))}.ar-hero-ribbon__frame>picture{display:block;width:100%;height:100%}.ar-hero-ribbon__frame--contain .ar-hero-ribbon__img{object-fit:contain}.ar-hero-ribbon__slide:not(.is-active) .ar-hero-ribbon__frame{aspect-ratio:calc(var(--ar-ribbon-ratio, .8) * 1.08)}.ar-hero-ribbon__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.ar-hero-ribbon__slide.is-active .ar-hero-ribbon__img{transform:none}.ar-hero-ribbon__stage .ar-hero-loop__controls{padding-right:max(var(--ar-container-padding),(100vw - var(--ar-page-width)) / 2);justify-content:flex-start}.ar-hero-loop.is-jumping :is(.ar-hero-ribbon__track,.ar-hero-ribbon__slide,.ar-hero-ribbon__img),.ar-hero-loop.is-dragging .ar-hero-ribbon__track{transition:none!important}@media screen and (max-width:989px){.ar-hero-loop{min-height:var(--ar-hero-min-h-mobile, 0)}.ar-hero-ribbon__inner{grid-template-columns:minmax(0,1fr);row-gap:28px}.ar-hero-ribbon__stage{margin-right:calc(-1 * var(--ar-container-padding))}.ar-hero-ribbon__track{--ar-ribbon-small: 38cqi;--ar-ribbon-large: 66cqi}.ar-hero-ribbon__captions{min-height:6em}.ar-hero-ribbon__word{top:30%;font-size:30vw}}.ar-hero-orbit__inner{justify-items:center;text-align:center;width:min(100% - (var(--ar-container-padding) * 2),var(--ar-page-width))}.ar-hero-orbit__copy{display:grid;gap:var(--ar-ds-section-gap, 20px);justify-items:center;max-width:720px}.ar-hero-orbit__copy .ar-hero-loop__button{justify-self:center}.ar-hero-orbit__copy .ar-hero-loop__subtitle{margin-inline:auto}.ar-hero-orbit__stage{display:grid;gap:clamp(18px,2.4vw,32px);width:100%}.ar-hero-orbit--below .ar-hero-orbit__copy{order:2}.ar-hero-orbit__viewport{--ar-orbit-w: min(var(--ar-orbit-width, 400px), 64vw);position:relative;height:calc(var(--ar-orbit-w) / var(--ar-orbit-ratio, .8) + 44px);margin-inline:calc(-1 * var(--ar-container-padding));overflow:hidden}.ar-hero-orbit__slide{--ar-orbit-step: calc(var(--ar-orbit-w) * var(--ar-orbit-spread, .62));position:absolute;top:0;left:50%;width:var(--ar-orbit-w);display:grid;gap:12px;z-index:calc(10 - var(--ar-loop-abs, 0));transform:translate(calc(-50% + var(--ar-loop-offset, 0) * var(--ar-orbit-step) + var(--ar-loop-drag, 0px))) scale(calc(1 - var(--ar-loop-abs, 0) * .17));transform-origin:50% 60%;opacity:calc(1 - var(--ar-loop-abs, 0) * .14);transition:transform var(--ar-loop-speed, .8s) cubic-bezier(.65,0,.35,1),opacity var(--ar-loop-speed, .8s) ease,filter var(--ar-loop-speed, .8s) ease;filter:saturate(calc(1 - var(--ar-loop-abs, 0) * .25))}.ar-hero-orbit__slide:not(.is-active){cursor:pointer}.ar-hero-orbit__frame{display:block;aspect-ratio:var(--ar-orbit-ratio, .8);overflow:hidden;border-radius:var(--ar-radius-media, var(--ar-radius-card, 2px));background:color-mix(in srgb,currentColor 6%,transparent);box-shadow:0 30px 60px -32px color-mix(in srgb,var(--ar-color-black) 45%,transparent)}.ar-hero-orbit__img{width:100%;height:100%;object-fit:cover;display:block}.ar-hero-orbit__label{margin:0;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase}.ar-hero-orbit__slide.is-active .ar-hero-orbit__label{opacity:1;transform:none;transition-delay:.2s}.ar-hero-loop.is-dragging .ar-hero-orbit__slide{transition:none}@media screen and (max-width:749px){.ar-hero-orbit__viewport{--ar-orbit-w: 64vw}.ar-hero-orbit__slide{--ar-orbit-step: calc(var(--ar-orbit-w) * .58);opacity:calc(1 - var(--ar-loop-abs, 0) * .45)}}@media(prefers-reduced-motion:reduce){.ar-hero-ribbon__track,.ar-hero-ribbon__slide,.ar-hero-ribbon__img,.ar-hero-orbit__slide{transition-duration:.01ms!important}.ar-hero-ribbon__caption.is-active{animation:none}}.ar-hero-loop img{background-color:transparent!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/arake-hero-loop.css.map */