.container-walkthrough{position:relative;background:linear-gradient(135deg,#1a1a1c,#0b0b0c);perspective:1400px}.container-walkthrough__spacer{height:400vh}.container-walkthrough__sticky{position:sticky;top:0;height:100vh;overflow:hidden;transform-style:preserve-3d}.container-walkthrough__frame{position:relative;width:100%;height:100%;transform-style:preserve-3d}.container-walkthrough__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;background:linear-gradient(135deg,#232326,#0e0e10);transform:scale(1.08) translateZ(-60px) rotateY(6deg);transition:opacity .5s ease-out,transform 1.1s cubic-bezier(.16,.84,.44,1);will-change:opacity,transform;backface-visibility:hidden;color:transparent}.container-walkthrough__img.is-active{opacity:1;transform:scale(1) translateZ(0) rotateY(0)}.container-walkthrough__img.is-exiting{opacity:0;transform:scale(.96) translateZ(-40px) rotateY(-6deg)}.container-walkthrough__overlay{position:absolute;left:0;right:0;bottom:0;padding:3rem 2rem 2.5rem;background:linear-gradient(to top,#000000a6,#0000);color:#fff;text-align:center;transform:translateZ(40px)}.container-walkthrough__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;opacity:.8;margin:0 0 .4rem}.container-walkthrough__title{font-size:clamp(1.5rem,4vw,2.75rem);margin:0 0 1rem;font-weight:600}.container-walkthrough__progress{width:min(320px,60vw);height:3px;background:#ffffff40;border-radius:999px;margin:0 auto .6rem;overflow:hidden}.container-walkthrough__progress-bar{display:block;height:100%;width:0%;background:#fff;border-radius:999px;transition:width .1s linear}.container-walkthrough__hint{font-size:.8rem;opacity:.7;margin:0}@media(prefers-reduced-motion:reduce){.container-walkthrough__img{transition:opacity .2s linear;transform:none!important}.container-walkthrough__overlay{transform:none!important}}@media(max-width:750px){.container-walkthrough{perspective:none}.container-walkthrough__img{transform:scale(1.05)}.container-walkthrough__img.is-active{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/container-walkthrough.css.map */