.process-scroll{--ps-height: 78vh;--ps-height-mobile: 72svh;--ps-interval: 4s;display:block;position:relative;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;background:#111;color:#fff}.section-process-scroll{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.process-scroll--small{--ps-height: 56vh;--ps-height-mobile: 62svh}.process-scroll--medium{--ps-height: 70vh;--ps-height-mobile: 70svh}.process-scroll--large{--ps-height: 84vh;--ps-height-mobile: 78svh}.process-scroll__nav{position:absolute;top:1.6rem;left:1.6rem;z-index:3;display:flex;flex-wrap:wrap;gap:.8rem;max-width:calc(100% - 3.2rem);box-sizing:border-box}.process-scroll__btn{min-height:3.6rem;padding:0 1.4rem;border:1px solid rgba(255,255,255,.55);background:#00000047;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-sizing:border-box;cursor:pointer}.process-scroll__btn:hover,.process-scroll__btn:focus-visible{background:#fff;color:#111}.process-scroll__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.process-scroll__btn:disabled{opacity:.35;cursor:default;background:#0000002e;color:#fff}.process-scroll__scroller{display:flex;width:100%;max-width:100%;min-width:0;height:var(--ps-height-mobile);min-height:0;max-height:88svh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.process-scroll__scroller::-webkit-scrollbar{display:none}.process-scroll__scroller.is-dragging{scroll-behavior:auto;cursor:grabbing}.process-scroll__card{position:relative;flex:0 0 100%;width:100%;max-width:100%;min-width:0;height:100%;overflow:hidden;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.process-scroll__media,.process-scroll__media img,.process-scroll__image,.process-scroll__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%}.process-scroll__media img,.process-scroll__image{object-fit:cover;object-position:center}.process-scroll__placeholder{background:#1c1c1c}.process-scroll__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#0000001f 42%,#0000009e);pointer-events:none}.process-scroll__content{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;padding:2.4rem 2rem calc(2.8rem + env(safe-area-inset-bottom));box-sizing:border-box}.process-scroll__eyebrow,.process-scroll__heading,.process-scroll__text{max-width:100%;overflow-wrap:break-word}.process-scroll__eyebrow{margin:0 0 .6rem;color:#ffffffd1;font-size:1.2rem;font-weight:600;letter-spacing:.02em}.process-scroll__heading{margin:0;color:#fff;font-family:var(--font-heading-family, inherit);font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.process-scroll__text{margin:1rem 0 0;color:#ffffffe6;font-size:1.45rem;line-height:1.45}.process-scroll__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:inherit;text-decoration:none}.process-scroll__progress{position:absolute;left:0;right:0;bottom:0;z-index:4;height:.3rem;overflow:hidden;background:#ffffff47}.process-scroll__progress-bar{display:block;width:0;height:100%;background:#fff}.process-scroll.is-playing .process-scroll__progress-bar{animation:ps-progress var(--ps-interval) linear forwards}@keyframes ps-progress{0%{width:0}to{width:100%}}.process-scroll__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media screen and (max-width:749px){.process-scroll__card{flex:0 0 100%;width:100%;max-width:100%;min-width:0}.process-scroll__heading{font-size:clamp(2.2rem,8vw,3rem)}.process-scroll__text{font-size:1.4rem}}@media screen and (min-width:750px){.process-scroll__nav{top:2.4rem;left:2.4rem}.process-scroll__scroller{height:var(--ps-height);min-height:52rem;max-height:90vh}.process-scroll__card{flex:0 0 100%;width:100%;max-width:100%;min-width:0}.process-scroll__content{max-width:46rem;padding:3.2rem 3.2rem 3.6rem}.process-scroll__heading{font-size:clamp(3rem,3vw,4.2rem)}.process-scroll__text{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.process-scroll__scroller{scroll-behavior:auto}.process-scroll.is-playing .process-scroll__progress-bar{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/process-scroll.css.map */