.ma-media-arch{padding-top:var(--ma-pt, 60px);padding-bottom:var(--ma-pb, 60px);position:relative;overflow:hidden}.ma-media-arch__heading{font-family:var(--ma-font-display);text-transform:uppercase;text-align:center;color:var(--ma-ink);margin:0 0 32px}.ma-media-arch__scroller{display:block;position:relative;cursor:none}.ma-media-arch__track{--ma-arch-h0: 444px;--ma-arch-h1: 384px;--ma-arch-h2: 325px;--ma-arch-h3: 266px;--ma-arch-dur: .8s;list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-end;gap:20px;height:var(--ma-arch-h0);overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ma-media-arch__scroller.is-dragging .ma-media-arch__card{pointer-events:none}.ma-media-arch__card{--h: var(--ma-arch-h3);position:relative;flex:none;height:var(--h);width:calc(var(--h) * .5631);border-radius:8px;overflow:hidden;background:var(--ma-taupe, #e7e2d8);transform-origin:left bottom}.ma-media-arch__card[data-d="0"]{--h: var(--ma-arch-h0)}.ma-media-arch__card[data-d="1"]{--h: var(--ma-arch-h1)}.ma-media-arch__card[data-d="2"]{--h: var(--ma-arch-h2)}.ma-media-arch__media{display:block;-webkit-user-drag:none;width:100%;height:100%;object-fit:cover;pointer-events:none}.ma-media-arch__media--placeholder{display:none}.ma-media-arch__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff47;pointer-events:none;transition:opacity var(--ma-arch-dur, .8s) ease;z-index:1}.ma-media-arch__card.is-active:after,.ma-media-arch__card:hover:after,.ma-media-arch__card:focus-within:after{opacity:0}.ma-media-arch__sound,.ma-media-arch__hover{z-index:2}.ma-media-arch__sound{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;border:0;background:#2f2a2459;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ma-media-arch__sound svg{width:20px;height:20px}.ma-media-arch__sound[aria-pressed=true]{background:var(--ma-terracotta)}.ma-media-arch__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.ma-media-arch__hover{position:absolute;inset:auto 0 0 0;padding:16px 16px 64px;background:linear-gradient(180deg,#2f2a2400,#2f2a24bf);color:#fff;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.ma-media-arch__card.is-active .ma-media-arch__hover,.ma-media-arch__card:hover .ma-media-arch__hover,.ma-media-arch__card:focus-within .ma-media-arch__hover{opacity:1;transform:none}.ma-media-arch__title{font-family:var(--ma-font-display);font-size:20px;margin:0}.ma-media-arch__blurb{font-family:var(--ma-font-body);font-size:13px;line-height:var(--ma-lh-body);margin:0}.ma-media-arch__cta{align-self:flex-start;height:40px;padding:0 24px;font-size:16px;cursor:pointer}.ma-media-arch__drag{position:absolute;left:0;top:0;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--ma-font-display);font-size:16px;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2}.ma-media-arch__scroller:hover .ma-media-arch__drag{opacity:1}.ma-media-arch__scroller:hover .ma-media-arch__sound,.ma-media-arch__scroller:hover .ma-media-arch__cta{cursor:pointer}@media screen and (min-width:990px){.ma-media-arch__track{padding:0}}@media screen and (max-width:989px){.ma-media-arch__scroller{cursor:auto}.ma-media-arch__drag{display:none}.ma-media-arch__track{--ma-arch-h0: 380px;--ma-arch-h1: 329px;--ma-arch-h2: 278px;--ma-arch-h3: 228px;gap:14px}}@media screen and (max-width:749px){.ma-media-arch__track{--ma-arch-h0: 320px;--ma-arch-h1: 277px;--ma-arch-h2: 234px;--ma-arch-h3: 191px;gap:12px}.ma-media-arch__card{border-radius:6px}.ma-media-arch__sound{width:32px;height:32px;right:8px;bottom:8px}.ma-media-arch__sound svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.ma-media-arch__track{--ma-arch-dur: 0s}.ma-media-arch__hover,.ma-media-arch__drag{transition:none}}.ma-media-arch__progress{position:absolute;left:12px;right:60px;bottom:30px;height:3px;z-index:2;border-radius:3px;background:#ffffff59;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.ma-media-arch__progress>span{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--ma-arch-progress, 0))}.ma-media-arch__card.is-active .ma-media-arch__progress{opacity:1}.ma-media-arch__title{line-height:1.15}@media screen and (max-width:749px){.ma-media-arch__hover{padding:12px 12px 60px;gap:6px}.ma-media-arch__title{font-size:17px}.ma-media-arch__blurb{font-size:12px}.ma-media-arch__cta{height:34px;padding:0 16px;font-size:14px}}.ma-media-arch__card .ma-media-arch__cta{display:none}.ma-media-arch__hover{pointer-events:none}.ma-media-arch__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;background:none;cursor:inherit}.ma-media-arch__open:focus-visible{outline:2px solid var(--ma-terracotta);outline-offset:-4px}.ma-reel{--reel-w: min(420px, 92vw, 43.875vh );width:var(--reel-w);max-width:none;padding:0;border:0;background:transparent;overflow:visible;cursor:auto}.ma-reel::backdrop{background:#2f2a24cc}.ma-reel__media{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:var(--ma-taupe, #e7e2d8)}.ma-reel__el{display:block;width:100%;height:100%;object-fit:cover}.ma-reel__info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:16px;color:#fff}.ma-reel__info .ma-media-arch__cta{display:inline-flex;align-items:center;margin-top:4px}.ma-reel__close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#2f2a248c;color:#fff;display:grid;place-items:center;cursor:pointer}.ma-reel__close svg{width:20px;height:20px}.ma-reel__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.ma-media-arch__track.is-loop{position:relative;display:block;touch-action:pan-y}.ma-media-arch__track.is-loop .ma-media-arch__card{position:absolute;left:0;bottom:0;will-change:transform,width,height;transition:none}.ma-media-arch__track.is-loop .ma-media-arch__card:after{opacity:var(--wash, 1);transition:none}.ma-media-arch__track.is-loop .ma-media-arch__card:hover:after,.ma-media-arch__track.is-loop .ma-media-arch__card:focus-within:after{opacity:0;transition:opacity .25s ease}.ma-media-arch__scroller.is-dragging .ma-media-arch__card,.ma-media-arch__track.is-dragging .ma-media-arch__card{pointer-events:none}.ma-media-arch__scroller{cursor:grab}.ma-media-arch__scroller:active{cursor:grabbing}.ma-media-arch__sound{transition:opacity .25s ease}.ma-media-arch__card:not(.is-active):not(:hover) .ma-media-arch__sound{opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ma-media-arch-v2.css.map */