.axis-scroll-scrub{--axis-scrub-gutter: clamp(1rem, 4vw, 2.5rem);--axis-scrub-line: rgb(var(--color-foreground-rgb) / .18);color:rgb(var(--color-foreground-rgb));background:rgb(var(--color-background-rgb));overflow:clip}.axis-scroll-scrub *,.axis-scroll-scrub *:before,.axis-scroll-scrub *:after{box-sizing:border-box}.axis-scroll-scrub__eyebrow,.axis-scroll-scrub__overlay-heading,.axis-scroll-scrub__overlay-description{margin:0}.axis-scroll-scrub__eyebrow{color:rgb(var(--color-foreground-rgb) / .62);font-family:var(--font-body--family);font-size:.68rem;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.axis-scroll-scrub__track{position:relative;height:var(--axis-scrub-desktop-height);min-height:180vh}.axis-scroll-scrub__sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;border-top:1px solid var(--axis-scrub-line);background:rgb(var(--color-background-rgb))}.axis-scroll-scrub__media{width:min(100%,1280px);padding-inline:var(--axis-scrub-gutter)}.axis-scroll-scrub__video{display:block;width:100%;height:auto;max-height:82svh;object-fit:contain;background:rgb(var(--color-background-rgb));opacity:0;transition:opacity .24s ease}.axis-scroll-scrub__video.is-ready{opacity:1}.axis-scroll-scrub__overlay{position:absolute;left:max(var(--axis-scrub-gutter),calc((100vw - 1280px) / 2 + var(--axis-scrub-gutter)));bottom:clamp(2.4rem,6vw,4.5rem);display:grid;gap:.45rem;max-width:min(22rem,calc(100vw - (var(--axis-scrub-gutter) * 2)));pointer-events:none;will-change:opacity}.axis-scroll-scrub__overlay-heading{max-width:10ch;color:rgb(var(--color-foreground-heading-rgb));font-family:var(--font-heading--family);font-size:clamp(2rem,4vw,3.8rem);font-weight:var(--font-heading--weight);line-height:.95;letter-spacing:var(--font-h2--letter-spacing);text-transform:uppercase;text-wrap:balance}.axis-scroll-scrub__overlay-description{max-width:30ch;color:rgb(var(--color-foreground-rgb) / .68);font-size:clamp(.78rem,1vw,.9rem);line-height:1.5}.axis-scroll-scrub__progress{position:absolute;inset:auto 0 0;height:2px;background:var(--axis-scrub-line);pointer-events:none}.axis-scroll-scrub__progress span{display:block;width:100%;height:100%;background:#800d1d;transform:scaleX(0);transform-origin:left center;will-change:transform}@media(max-width:900px){.axis-scroll-scrub__track{height:var(--axis-scrub-mobile-height);min-height:140vh}.axis-scroll-scrub__media{padding-inline:0}.axis-scroll-scrub__video{width:100%;max-height:100svh;object-fit:cover}.axis-scroll-scrub__overlay{left:var(--axis-scrub-gutter);bottom:2rem}.axis-scroll-scrub__overlay-heading{max-width:12ch}}@media(prefers-reduced-motion:reduce){.axis-scroll-scrub__track{height:auto;min-height:0}.axis-scroll-scrub__sticky{position:relative;min-height:min(100svh,760px)}.axis-scroll-scrub__video{transition:none}.axis-scroll-scrub__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/axis-scroll-scrub.css.map */