html.lenis,html.lenis body{height:auto}html.lenis.lenis-smooth{scroll-behavior:auto!important}html.lenis.lenis-stopped{overflow:hidden}reflection-scroll{--reflection-color-text: #2935ba;--reflection-color-background: #1a0b37;--reflection-color-title: #9577cc;--reflection-gradient-inner: #260382;--reflection-gradient-outer: #0e0321;--reflection-page-padding: 12px;--reflection-height: 15vh;position:relative;display:block;min-height:100vh;color:var(--reflection-color-text);font-family:var(--font-primary--family);font-variation-settings:"wght" 400;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--reflection-color-background);overflow:clip}reflection-scroll:before{position:fixed;z-index:10;top:0;left:0;width:100%;height:calc(var(--reflection-height) + 1px);background-image:linear-gradient(0deg,#000000ad,#0f0a179e);box-shadow:0 0 10vh #000c;content:"";pointer-events:none}reflection-scroll.is-loading:after{position:fixed;z-index:11;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:var(--reflection-color-text);content:"";opacity:.4;animation:reflection-scroll-loader .7s linear infinite alternate forwards}reflection-scroll .content{position:relative;width:100%;margin:var(--reflection-height) auto 0;padding:0 var(--reflection-page-padding) 60vh;background-image:var(--reflection-noise-image),radial-gradient(circle,var(--reflection-gradient-inner) 0%,var(--reflection-gradient-outer) 100%);background-size:400px,100% 100vh;background-attachment:fixed}reflection-scroll .wrap{position:fixed;z-index:9;top:0;left:0;width:100%;height:var(--reflection-height);background:var(--reflection-color-background);box-shadow:0 -25px 45px #0000004d;overflow:hidden;pointer-events:none;transform:scaleY(-1)}reflection-scroll .content--reflection{position:absolute;top:0;margin:0 auto;will-change:transform}reflection-scroll .reflection-group{--reflection-title-length: 5;position:relative;isolation:isolate;display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,300px));column-gap:10vw;row-gap:10vh;align-items:start;justify-content:center}reflection-scroll .reflection-group:not(:first-child){margin-top:20vh}reflection-scroll .reflection-group__background{position:absolute;z-index:-1;inset:-5vh calc(-1 * var(--reflection-page-padding));overflow:hidden;pointer-events:none}reflection-scroll .reflection-group__background-image{width:100%;height:100%;object-fit:cover;opacity:var(--reflection-group-background-opacity, .08)}reflection-scroll .item{position:relative;width:100%;margin:0;aspect-ratio:2 / 3;perspective:1000px;transform-style:preserve-3d}reflection-scroll .reflection-group>.item:only-of-type{width:min(100%,300px);grid-column:1 / -1;justify-self:center}reflection-scroll .item__inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform,filter}reflection-scroll .item__img{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden}reflection-scroll .item__img-inner{position:relative;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:contain}reflection-scroll .item__img-inner .placeholder-svg{width:100%;height:100%;background:var(--reflection-gradient-outer);object-fit:cover}reflection-scroll .item__caption{position:absolute;bottom:0;left:0;display:grid;width:100%;place-items:center;mix-blend-mode:plus-lighter}reflection-scroll .item__caption-title,reflection-scroll .content__title{margin:0;font-size:clamp(18px,8vw,36px);text-transform:uppercase;white-space:nowrap}reflection-scroll .item__caption-title{margin:24px 0}reflection-scroll .content__title{display:flex;width:100%;grid-column:1 / -1;justify-content:center;color:var(--reflection-color-title);font-family:var(--font-accent--family);font-size:clamp(24px,min(20vw,calc((100vw - 2 * var(--reflection-page-padding)) / var(--reflection-title-length) * 1.45)),240px);font-style:var(--font-accent--style);font-weight:600;line-height:.5;text-align:center;mix-blend-mode:overlay}@media screen and (min-width:53em){reflection-scroll{--reflection-page-padding: 24px}}@media(prefers-reduced-motion:reduce){reflection-scroll:before,reflection-scroll .wrap{display:none}reflection-scroll.is-loading:after{animation:none}reflection-scroll .content{margin-top:0}}@keyframes reflection-scroll-loader{to{opacity:1;transform:scale3d(.5,.5,1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-reflection-scroll.css.map */