.horizontal-scroll{--horizontal-scroll-ink: #1d1d1f;--horizontal-scroll-muted: rgba(29, 29, 31, .68);--horizontal-scroll-accent: #0066cc;position:relative;overflow:clip;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.horizontal-scroll__intro,.horizontal-scroll__outro{box-sizing:border-box;display:grid;place-items:center;padding:var(--horizontal-scroll-padding-top) 2.4rem var(--horizontal-scroll-padding-bottom);text-align:center}.horizontal-scroll__intro{min-height:var(--horizontal-scroll-intro-height, var(--horizontal-scroll-bookend-height));background:var(--horizontal-scroll-intro-background, #fff);color:var(--horizontal-scroll-intro-text, var(--horizontal-scroll-ink))}.horizontal-scroll__outro{min-height:var(--horizontal-scroll-outro-height, var(--horizontal-scroll-bookend-height));background:var(--horizontal-scroll-outro-background, #fff);color:var(--horizontal-scroll-outro-text, var(--horizontal-scroll-ink))}.horizontal-scroll__intro-inner,.horizontal-scroll__outro-inner{width:min(98rem,100%)}.horizontal-scroll__eyebrow{margin:0 0 1.2rem;color:var(--horizontal-scroll-eyebrow-color, #0066cc);font-size:1.3rem;line-height:1.29;font-weight:600;letter-spacing:0;text-transform:uppercase}.horizontal-scroll__heading{margin:0;font-size:clamp(3.4rem,5.4vw,7.2rem);line-height:1.07;font-weight:600;letter-spacing:0}.horizontal-scroll__description,.horizontal-scroll__outro-text{max-width:72rem;margin:1.8rem auto 0;font-size:clamp(1.7rem,1.5vw,2.1rem);line-height:1.47}.horizontal-scroll__description{color:var(--horizontal-scroll-intro-muted, var(--horizontal-scroll-muted))}.horizontal-scroll__outro-text{color:var(--horizontal-scroll-outro-muted, var(--horizontal-scroll-muted))}.horizontal-scroll__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;margin-top:2.4rem;padding:1.1rem 2.2rem;border-radius:9999px;background:var(--horizontal-scroll-button-background, var(--horizontal-scroll-accent));color:var(--horizontal-scroll-button-text, #fff);font-size:1.7rem;line-height:1.24;text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}.horizontal-scroll__button:hover{background:var(--horizontal-scroll-button-hover-background, #0071e3);color:var(--horizontal-scroll-button-hover-text, #fff)}.horizontal-scroll__button:active{transform:scale(.96)}.horizontal-scroll__button:focus-visible{outline:.2rem solid #0071e3;outline-offset:.3rem}.horizontal-scroll__track-section{min-height:var(--horizontal-scroll-height);position:relative}.horizontal-scroll__sticky{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.horizontal-scroll__track{width:max-content;height:100%;display:flex;margin:0;padding:0;list-style:none;will-change:transform}.horizontal-scroll__panel{width:100vw;height:100vh;height:100svh;flex:0 0 100vw;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--panel-background, #f5f5f7);color:var(--panel-text, var(--horizontal-scroll-ink));isolation:isolate}.horizontal-scroll__panel:before{content:"";position:absolute;inset:auto 0 0;height:22%;background:#0000000a;z-index:-1}.horizontal-scroll__panel-heading{max-width:96vw;margin:0;position:relative;bottom:var(--panel-heading-offset, var(--horizontal-scroll-panel-heading-offset, 4vh));color:var(--panel-text, var(--horizontal-scroll-ink));font-size:clamp(4rem,var(--panel-heading-size, var(--horizontal-scroll-panel-heading-size, 10vw)),var(--panel-heading-max, var(--horizontal-scroll-panel-heading-max, 16rem)));line-height:.92;font-weight:600;letter-spacing:0;text-align:center;white-space:nowrap;z-index:1;will-change:transform}.horizontal-scroll__panel-subtitle{position:absolute;top:var(--panel-subtitle-top, var(--horizontal-scroll-panel-subtitle-top, 7vh));left:50%;width:min(64rem,calc(100vw - 4.8rem));margin:0;transform:translate(-50%);color:color-mix(in srgb,var(--panel-text, #1d1d1f) 72%,transparent);font-size:clamp(1.5rem,1.35vw,2rem);line-height:1.35;text-align:center;z-index:3}.horizontal-scroll__image-link,.horizontal-scroll__image-wrap{width:min(var(--horizontal-scroll-panel-image-max-px, 960px),var(--panel-image-max, var(--horizontal-scroll-panel-image-max, 80rem)),var(--panel-image-width, var(--horizontal-scroll-panel-image-width, 70vw)));height:var(--panel-image-height, var(--horizontal-scroll-panel-image-height, 70vh));max-width:calc(100vw - 4.8rem);max-height:calc(100svh - 8rem);position:absolute;left:50%;bottom:var(--panel-image-bottom, var(--horizontal-scroll-panel-image-bottom, 0));display:block;transform:translate(-50%,var(--panel-subtitle-image-gap, var(--horizontal-scroll-panel-subtitle-image-gap, 0px)));z-index:2}.horizontal-scroll__image{width:100%;height:100%;display:block;object-fit:var(--horizontal-scroll-panel-image-fit, cover);object-position:var(--horizontal-scroll-panel-image-position, center bottom);transform:scale(var(--panel-image-zoom, var(--horizontal-scroll-panel-image-zoom, 1)));transform-origin:var(--horizontal-scroll-panel-image-position, center bottom);filter:drop-shadow(0 2.8rem 4.8rem rgba(0,0,0,.22))}.horizontal-scroll__placeholder{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom}@media(prefers-reduced-motion:reduce){.horizontal-scroll__track-section{min-height:auto}.horizontal-scroll__sticky{height:auto;position:relative}.horizontal-scroll__track{width:auto;display:grid;transform:none!important}.horizontal-scroll__panel{min-height:78vh}.horizontal-scroll__panel-heading{transform:none!important}}@media(max-width:749px){.horizontal-scroll__intro,.horizontal-scroll__outro{padding-inline:2rem}.horizontal-scroll__intro{min-height:var(--horizontal-scroll-intro-height-mobile, var(--horizontal-scroll-intro-height, var(--horizontal-scroll-bookend-height)))}.horizontal-scroll__outro{min-height:var(--horizontal-scroll-outro-height-mobile, var(--horizontal-scroll-outro-height, var(--horizontal-scroll-bookend-height)))}.horizontal-scroll__heading{font-size:clamp(3.2rem,10vw,4.2rem)}.horizontal-scroll__track-section{min-height:auto}.horizontal-scroll__sticky{height:auto;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.horizontal-scroll__sticky::-webkit-scrollbar{display:none}.horizontal-scroll__track{height:auto;transform:none!important}.horizontal-scroll__panel{min-height:var(--horizontal-scroll-panel-mobile-height, 70svh);height:var(--horizontal-scroll-panel-mobile-height, 70svh);scroll-snap-align:start}.horizontal-scroll__panel-heading{max-width:92vw;bottom:2rem;font-size:clamp(3.8rem,var(--horizontal-scroll-panel-heading-mobile-size, 14vw),8rem);white-space:normal;overflow-wrap:anywhere;transform:none!important}.horizontal-scroll__panel-subtitle{top:4.8rem;width:calc(100vw - 4rem);font-size:1.7rem}.horizontal-scroll__image-link,.horizontal-scroll__image-wrap{width:min(44rem,var(--horizontal-scroll-panel-image-mobile-width, 90vw));height:var(--horizontal-scroll-panel-image-mobile-height, 60vh);max-height:calc(var(--horizontal-scroll-panel-mobile-height, 70svh) - 8rem);transform:translate(-50%,var(--panel-subtitle-image-gap-mobile, var(--horizontal-scroll-panel-subtitle-image-gap-mobile, var(--panel-subtitle-image-gap, var(--horizontal-scroll-panel-subtitle-image-gap, 0px)))))}.horizontal-scroll__image{transform:scale(var(--horizontal-scroll-panel-image-mobile-zoom, var(--horizontal-scroll-panel-image-zoom, 1)))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/horizontal-scroll.css.map */