.scroll-reveal{--bg-color: #F5F3F0;--text-color: #1A1A1A;position:relative;width:100%}.scroll-reveal__track{position:relative}.scroll-reveal__sticky{position:relative;width:100%;height:100vh;overflow:hidden;background-color:var(--bg-color)}.scroll-reveal__container{position:relative;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:60px 40px}.scroll-reveal__slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;padding:60px 40px}.scroll-reveal:not(.is-initialized) .scroll-reveal__slide:first-child{opacity:1;pointer-events:auto}.scroll-reveal__slide.is-active{pointer-events:auto}.scroll-reveal__image-wrapper{position:absolute;height:clamp(170px,30vh,380px);width:auto;aspect-ratio:3 / 4;z-index:1}@media screen and (min-height:1000px){.scroll-reveal__image-wrapper{height:clamp(240px,36vh,450px)}}@media screen and (min-height:1200px){.scroll-reveal__image-wrapper{height:clamp(260px,38vh,500px)}}.scroll-reveal__image{width:100%;height:100%;overflow:hidden}.scroll-reveal__img{width:100%;height:100%;object-fit:cover}[data-position=top-left]{top:10%;left:8%}[data-position=top-center]{top:10%;left:50%;transform:translate(-50%)}[data-position=top-right]{top:10%;right:8%}[data-position=center-left]{top:50%;left:8%;transform:translateY(-50%)}[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%)}[data-position=center-right]{top:50%;right:8%;transform:translateY(-50%)}[data-position=bottom-left]{bottom:10%;left:8%}[data-position=bottom-center]{bottom:10%;left:50%;transform:translate(-50%)}[data-position=bottom-right]{bottom:10%;right:8%}.scroll-reveal__content{position:relative;z-index:2;text-align:center;width:100%;max-width:900px}.scroll-reveal__slide:has([data-position=bottom-center]) .scroll-reveal__content{align-self:flex-start;margin-top:15vh;margin-bottom:0}.scroll-reveal__slide:has([data-position=top-center]) .scroll-reveal__content{align-self:flex-end;margin-bottom:15vh;margin-top:0}.scroll-reveal__slide:has([data-position=center]) .scroll-reveal__content{align-self:flex-start;margin-top:12vh;margin-bottom:0}.scroll-reveal__heading{display:flex;flex-direction:column;align-items:center;gap:.1em}.scroll-reveal__heading-line-1,.scroll-reveal__heading-line-2{display:block;font-family:var(--font-heading-family, sans-serif);font-size:calc(clamp(2rem,5vw,3.5rem) * var(--heading-scale, 1));font-weight:400;letter-spacing:.02em;line-height:1.2;text-transform:uppercase;color:var(--text-color)}.scroll-reveal__heading-accent{font-family:var(--accent-font, "Playfair Display", Georgia, serif);font-style:var(--accent-style, italic);font-weight:var(--accent-weight, 400);text-transform:lowercase;letter-spacing:0;margin-right:.3em}.scroll-reveal__heading-slot{width:100%}.scroll-reveal__progress{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.scroll-reveal__progress-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--text-color);background:transparent;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.scroll-reveal__progress-dot:hover{transform:scale(1.2)}.scroll-reveal__progress-dot.is-active{background-color:var(--text-color)}@media screen and (max-height:950px){.scroll-reveal__image-wrapper{height:clamp(180px,32vh,320px)}[data-position=bottom-center]{bottom:5%}[data-position=top-center]{top:5%}}@media screen and (max-height:750px){.scroll-reveal__image-wrapper{height:clamp(150px,28vh,260px)}[data-position=center]{top:auto;bottom:5%;left:5%;transform:none}[data-position=top-center]{left:8%;transform:none}[data-position=bottom-center]{left:auto;right:8%;transform:none}}@media screen and (max-height:600px){.scroll-reveal__image-wrapper{height:clamp(95px,22vh,170px)}}@media screen and (max-width:990px){.scroll-reveal__container,.scroll-reveal__slide{padding:40px 24px}.scroll-reveal__image-wrapper{height:clamp(170px,36vh,335px)}[data-position=top-left],[data-position=center-left],[data-position=bottom-left]{left:3%}[data-position=top-right],[data-position=center-right],[data-position=bottom-right]{right:3%}.scroll-reveal__content{max-width:60%}}@media screen and (max-width:990px)and (max-height:700px){.scroll-reveal__image-wrapper{height:clamp(120px,30vh,215px)}.scroll-reveal__content{max-width:55%}}@media screen and (max-width:768px){.scroll-reveal__container,.scroll-reveal__slide{padding:24px 16px}.scroll-reveal__heading-line-1,.scroll-reveal__heading-line-2{font-size:calc(clamp(1.4rem,5.5vw,2rem) * var(--heading-scale, 1))}.scroll-reveal__progress{right:16px;gap:10px}.scroll-reveal__progress-dot{width:8px;height:8px}.scroll-reveal:not(.scroll-reveal--mobile-stacked) .scroll-reveal__image-wrapper{height:clamp(120px,30vh,215px)}.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=top-left],.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=center-left],.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=bottom-left]{left:2%}.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=top-right],.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=center-right],.scroll-reveal:not(.scroll-reveal--mobile-stacked) [data-position=bottom-right]{right:2%}.scroll-reveal:not(.scroll-reveal--mobile-stacked) .scroll-reveal__content{max-width:65%}}@media screen and (max-width:768px){.scroll-reveal--mobile-stacked .scroll-reveal__slide{flex-direction:column;justify-content:center;align-items:center;gap:24px}.scroll-reveal--mobile-stacked .scroll-reveal__image-wrapper{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;height:clamp(170px,36vh,290px);width:auto;order:1}.scroll-reveal--mobile-stacked .scroll-reveal__content{position:relative;max-width:100%;order:2;padding:0 8px;align-self:center;margin-top:0;margin-bottom:0}.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-left]) .scroll-reveal__image-wrapper,.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-center]) .scroll-reveal__image-wrapper,.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-right]) .scroll-reveal__image-wrapper{order:3}.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-left]) .scroll-reveal__content,.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-center]) .scroll-reveal__content,.scroll-reveal--mobile-stacked .scroll-reveal__slide:has([data-position=bottom-right]) .scroll-reveal__content{order:1}}@media screen and (max-width:480px){.scroll-reveal__slide{padding:20px 12px}.scroll-reveal--mobile-stacked .scroll-reveal__slide{gap:20px}.scroll-reveal--mobile-stacked .scroll-reveal__image-wrapper{height:clamp(145px,34vh,240px)}.scroll-reveal:not(.scroll-reveal--mobile-stacked) .scroll-reveal__image-wrapper{height:clamp(95px,24vh,170px)}.scroll-reveal__heading-line-1,.scroll-reveal__heading-line-2{font-size:calc(clamp(1.15rem,6vw,1.5rem) * var(--heading-scale, 1))}.scroll-reveal__progress{right:12px;gap:8px}}@supports not selector(:has(*)){@media screen and (max-width:768px){.scroll-reveal--mobile-stacked .scroll-reveal__image-wrapper{order:1}.scroll-reveal--mobile-stacked .scroll-reveal__content{order:2}}}@media(prefers-reduced-motion:reduce){.scroll-reveal__slide,.scroll-reveal__image-wrapper,.scroll-reveal__content,.scroll-reveal__progress-dot{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/scroll-reveal-section.css.map */