.mt-scroll-showcase{--mt-frame-x: clamp(16px, 1.35vw, 28px);--mt-frame-y-min: clamp(14px, 2svh, 26px);--mt-frame-width: min(calc(100vw - (var(--mt-frame-x) * 2)), var(--mt-frame-max-width));--mt-frame-height: calc(var(--mt-frame-width) / 2);--mt-frame-y: max(var(--mt-frame-y-min), calc((100svh - var(--mt-sticky-top) - var(--mt-frame-height)) * .5));--mt-scroll-progress: 0;--mt-local-progress: 0;background:#fff;color:var(--mt-text-color);font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:max(var(--mt-scroll-length),calc(300svh + (var(--mt-frame-y) * 2)));padding:var(--mt-frame-y) var(--mt-frame-x);position:relative;text-rendering:geometricPrecision}.mt-scroll-showcase,.mt-scroll-showcase *{box-sizing:border-box}.mt-scroll-showcase__pin{background:#07090b;aspect-ratio:2 / 1;height:auto;margin-inline:auto;min-height:0;overflow:hidden;position:sticky;top:calc(var(--mt-sticky-top) + var(--mt-frame-y));width:var(--mt-frame-width);z-index:1}.mt-scroll-showcase__pin:after{background:#fff3;box-shadow:0 0 28px #ffffff1a;content:"";height:1px;left:0;opacity:var(--mt-wipe-edge-opacity, 0);pointer-events:none;position:absolute;right:0;top:var(--mt-wipe-edge-top, 100%);transform:translate3d(0,-.5px,0);z-index:3}.mt-scroll-showcase__media,.mt-scroll-showcase__media-slide,.mt-scroll-showcase__picture,.mt-scroll-showcase__shade,.mt-scroll-showcase__light-sweep,.mt-scroll-showcase__word-stack,.mt-scroll-showcase__content-stack,.mt-scroll-showcase__content,.mt-scroll-showcase__image{top:0;right:0;bottom:0;left:0;position:absolute}.mt-scroll-showcase__media{overflow:hidden;z-index:0}.mt-scroll-showcase__media-slide{clip-path:var(--mt-slide-clip, inset(0 0 100% 0));opacity:var(--mt-slide-opacity, 0);transform:translateZ(0);will-change:clip-path,opacity}.mt-scroll-showcase__media-slide.is-current{z-index:2}.mt-scroll-showcase__picture{background:#07090b;display:block;overflow:hidden}.mt-scroll-showcase__picture:before{content:none;display:none}.mt-scroll-showcase__image{display:block;height:100%;object-fit:contain;object-position:center;position:relative;transform:none;width:100%;will-change:auto;z-index:1}.mt-scroll-showcase__placeholder{align-items:center;background:radial-gradient(circle at 50% 50%,#28313a,#071014 72%);color:#ffffff29;display:flex;font-size:clamp(90px,18vw,260px);font-weight:800;height:100%;justify-content:center;text-transform:uppercase;width:100%}.mt-scroll-showcase__light-sweep{background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.24) 37%,transparent 58%),radial-gradient(circle at calc(18% + (var(--mt-scroll-progress) * 46%)) 36%,rgba(255,236,188,.28),transparent 24%),radial-gradient(circle at calc(82% - (var(--mt-scroll-progress) * 40%)) 82%,rgba(115,194,255,.16),transparent 28%);mix-blend-mode:screen;opacity:.62;pointer-events:none;transform:translate3d(calc((var(--mt-scroll-progress) - .5) * 4%),0,0);z-index:1}.mt-scroll-showcase__shade{background:linear-gradient(90deg,#00000061,#0000000a 42%,#0000001a),linear-gradient(0deg,#0000007a,rgba(0,0,0,var(--mt-overlay-opacity)) 33%,#00000005 70%);pointer-events:none;z-index:2}.mt-scroll-showcase__word-stack{-webkit-mask-image:radial-gradient(ellipse 22% 42% at 50% 53%,transparent 0 61%,#000 78%);mask-image:radial-gradient(ellipse 22% 42% at 50% 53%,transparent 0 61%,#000 78%);pointer-events:none;z-index:3}.mt-scroll-showcase__word{clip-path:var(--mt-word-clip, inset(0 0 100% 0));color:#ffffff2e;font-size:clamp(96px,17vw,290px);font-weight:820;left:clamp(-54px,-2vw,-12px);letter-spacing:0;line-height:.84;opacity:var(--mt-word-opacity, 0);position:absolute;text-transform:uppercase;top:clamp(116px,20svh,180px);transform:translate3d(calc(-1.8% - (var(--mt-scroll-progress) * 1.2%)),0,0);-webkit-user-select:none;user-select:none;will-change:clip-path,opacity;white-space:nowrap}.mt-scroll-showcase__content-stack{pointer-events:none;z-index:4}.mt-scroll-showcase__content{bottom:clamp(46px,6svh,78px);clip-path:var(--mt-content-clip, inset(0 0 100% 0));font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;left:clamp(32px,8.6vw,154px);max-width:min(650px,calc(100% - 76px));opacity:var(--mt-content-opacity, 0);pointer-events:none;right:auto;text-shadow:none;top:auto;transform:translate3d(0,var(--mt-content-y, 18px),0);will-change:clip-path,opacity,transform}.mt-scroll-showcase__content.is-current{pointer-events:auto}.mt-scroll-showcase__eyebrow,.mt-scroll-showcase__subheading{margin:0}.mt-scroll-showcase__eyebrow{font-size:12px;font-weight:500;line-height:1.2;margin-bottom:10px;opacity:.86;text-transform:uppercase}.mt-scroll-showcase__heading{color:inherit;font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(36px,3.25vw,54px);font-weight:520;letter-spacing:0;line-height:1.04;margin:0 0 12px;max-width:24ch;text-shadow:none;text-transform:uppercase}.mt-scroll-showcase__subheading{font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(15px,1.13vw,18px);font-weight:400;line-height:1.42;max-width:430px;opacity:.92;text-shadow:none}.mt-scroll-showcase__cta{align-items:center;color:inherit;display:inline-flex;font-family:Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;gap:9px;margin-top:22px;text-shadow:none;text-decoration:none}.mt-scroll-showcase__cta span[aria-hidden=true]{font-size:24px;line-height:.75;transform:translateY(-1px)}.mt-scroll-showcase__cta:hover,.mt-scroll-showcase__cta:focus-visible{text-decoration:underline;text-underline-offset:5px}.mt-scroll-showcase__rail{align-items:center;display:flex;flex-direction:column;gap:12px;position:absolute;right:clamp(20px,3.2vw,64px);top:50%;transform:translateY(-50%);z-index:5}.mt-scroll-showcase__rail-track{background:#ffffff61;border-radius:999px;height:clamp(168px,25svh,260px);overflow:hidden;position:relative;width:2px}.mt-scroll-showcase__rail-fill{background:#fff;border-radius:inherit;display:block;height:calc(var(--mt-scroll-progress) * 100%);left:0;position:absolute;top:0;width:100%}.mt-scroll-showcase :focus-visible{outline:2px solid currentColor;outline-offset:4px}.mt-scroll-showcase .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.shopify-section:has(>.mt-scroll-showcase)+.shopify-section{margin-top:0}.shopify-section:has(>.mt-scroll-showcase)+.shopify-section .collection-list-wrapper,.shopify-section:has(>.mt-scroll-showcase)+.shopify-section .page-width{padding-top:clamp(14px,1.6vw,24px)!important}@media screen and (max-width:989px){.mt-scroll-showcase__rail{right:18px}}@media screen and (max-width:749px){.mt-scroll-showcase{display:none!important;min-height:0!important;padding:0!important}.mt-scroll-showcase__pin{display:none!important}.mt-scroll-showcase__image{object-position:center;transform:none}.mt-scroll-showcase__shade{background:linear-gradient(0deg,#000000a3,#00000014 46%,#00000005),linear-gradient(90deg,#00000029,#00000005)}.mt-scroll-showcase__content{bottom:126px;left:22px;max-width:min(82vw,330px)}.mt-scroll-showcase__heading{font-size:clamp(32px,8.6vw,42px);line-height:1;max-width:11.5ch}.mt-scroll-showcase__subheading{font-size:13px;line-height:1.36;max-width:28ch}.mt-scroll-showcase__cta{font-size:14px;margin-top:17px}.mt-scroll-showcase__rail-track{height:180px}}@media(prefers-reduced-motion:reduce){.mt-scroll-showcase *,.mt-scroll-showcase *:before,.mt-scroll-showcase *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.mt-scroll-showcase__image,.mt-scroll-showcase__content,.mt-scroll-showcase__light-sweep{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/modtime-scroll-collection-showcase.css.map */