.hero-scroll-reveal{--hero-scroll-progress: 0;--hero-frame-radius: clamp(24px, 2vw, 32px);--hero-image-scale-start: .9;--hero-image-scale-range: .28;--hero-reveal-inset-y: calc(18% - (18% * var(--hero-scroll-progress)));--hero-reveal-inset-x: calc(22% - (22% * var(--hero-scroll-progress)));position:relative;min-height:205vh}.hero-scroll-reveal__sticky{position:sticky;top:0;display:flex;min-height:84vh;min-height:84svh;height:84vh;height:84svh;overflow:hidden;isolation:isolate}.hero-scroll-reveal__backdrop{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;z-index:0;pointer-events:none;opacity:calc(.36 + (.08 * var(--hero-scroll-progress)));transform:scale(calc(1.18 + (.04 * var(--hero-scroll-progress))));transform-origin:center;will-change:opacity,transform}.hero-scroll-reveal__backdrop-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(26px) grayscale(1)}.hero-scroll-reveal__banner{position:relative;z-index:1;width:100%;min-height:84vh!important;min-height:84svh!important;height:84vh;height:84svh;overflow:hidden}.hero-scroll-reveal__banner .banner__media{top:40%;left:50%;width:min(74vw,1040px);height:min(52svh,560px);max-height:calc(84svh - 14rem);border-radius:var(--hero-frame-radius);overflow:hidden;clip-path:inset(var(--hero-reveal-inset-y) var(--hero-reveal-inset-x) var(--hero-reveal-inset-y) var(--hero-reveal-inset-x) round var(--hero-frame-radius));transform:translate3d(-50%,-50%,0) scale(calc(var(--hero-image-scale-start) + (var(--hero-image-scale-range) * var(--hero-scroll-progress))));transform-origin:center;will-change:clip-path,transform}.hero-scroll-reveal__banner .banner__media>img{border-radius:inherit}.hero-scroll-reveal__banner .banner__box{opacity:calc(.85 + (.15 * var(--hero-scroll-progress)));transform:translate3d(0,calc(3rem + (4rem * var(--hero-scroll-progress))),0);will-change:opacity,transform}@media screen and (max-width:749px){.hero-scroll-reveal{--hero-frame-radius: clamp(16px, 5vw, 24px);--hero-image-scale-start: .92;--hero-image-scale-range: .2;--hero-reveal-inset-y: calc(14% - (14% * var(--hero-scroll-progress)));--hero-reveal-inset-x: calc(14% - (14% * var(--hero-scroll-progress)));min-height:185vh}.hero-scroll-reveal__sticky,.hero-scroll-reveal__banner{min-height:84vh!important;min-height:84svh!important;height:84vh;height:84svh}.hero-scroll-reveal__backdrop{top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:calc(.32 + (.08 * var(--hero-scroll-progress)))}.hero-scroll-reveal__backdrop-image{filter:blur(22px) grayscale(1)}.hero-scroll-reveal__banner .banner__media{top:36%;width:min(84vw,460px);height:min(44svh,500px);max-height:calc(84svh - 24rem)}.hero-scroll-reveal__banner .banner__box{position:relative;z-index:2;padding-bottom:clamp(4.8rem,9svh,7.2rem);transform:translate3d(0,calc(8rem + (3rem * var(--hero-scroll-progress))),0)}.hero-scroll-reveal__banner .banner__buttons{position:relative;z-index:3}}@media(prefers-reduced-motion:reduce){.hero-scroll-reveal{--hero-scroll-progress: 1;min-height:auto}.hero-scroll-reveal__sticky{position:relative;min-height:84vh;min-height:84svh;height:84vh;height:84svh;overflow:hidden}.hero-scroll-reveal__backdrop{opacity:.38;transform:scale(1.18);will-change:auto}.hero-scroll-reveal__banner{min-height:84vh!important;min-height:84svh!important;height:84vh;height:84svh;overflow:hidden}.hero-scroll-reveal__banner .banner__media{top:40%;left:50%;width:min(74vw,1040px);height:min(52svh,560px);max-height:calc(84svh - 14rem);clip-path:inset(0);transform:translate3d(-50%,-50%,0);will-change:auto}.hero-scroll-reveal__banner .banner__box{opacity:1;transform:translate3d(0,7rem,0);will-change:auto}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.hero-scroll-reveal__banner .banner__box{transform:translate3d(0,8rem,0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-scroll-reveal.css.map */