.interactive-features-section{--interactive-features-inline-padding: min(7vw, 120px);--interactive-features-block-padding: 40px;--interactive-features-content-height: 1160px;--interactive-features-radius: 8px;height:calc(var(--interactive-features-content-height) + (var(--interactive-features-block-padding) * 2));display:flex;align-items:center;justify-content:center;padding:var(--interactive-features-block-padding) var(--interactive-features-inline-padding);overflow:hidden}.interactive-features-sticky-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.interactive-features-container{width:100%;margin:0;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:32px;height:100%}.features-list{--features-list-inline-padding: 50px;flex:1 1 0;min-height:720px;height:100%;max-height:100%;background-color:#fff;border-radius:var(--interactive-features-radius);display:flex;flex-direction:column;justify-content:flex-start;padding:60px 0;overflow:hidden;flex-shrink:0;position:relative}.features-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.features-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}.features-scroll::-webkit-scrollbar-track{background:transparent!important;display:none!important}.features-scroll::-webkit-scrollbar-thumb{background:transparent!important;display:none!important}.features-scroll::-webkit-scrollbar-corner{background:transparent!important;display:none!important}.feature-item{padding:8px var(--features-list-inline-padding);cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;opacity:.3;scroll-snap-align:center;scroll-snap-stop:always}.feature-item.active{opacity:1;border-left-color:#000}.feature-title{font-family:var(--font-body--family);font-size:44px;font-weight:400;color:#1d1d1d;margin:0 0 6px;line-height:1;letter-spacing:-.025em}.feature-description{font-size:16px;color:#0009;margin:0;line-height:1.5}.features-media{position:relative;flex:1 1 0;min-height:720px;height:100%;max-height:100%;border-radius:var(--interactive-features-radius);overflow:hidden;flex-shrink:0;background-color:#1a1a1a}.feature-media-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .9s ease;pointer-events:none}.feature-media-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--interactive-features-radius)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border-radius:var(--interactive-features-radius)}.placeholder-image svg{width:100px;height:100px;opacity:.2;fill:#fff}.features-intro{padding:0 var(--features-list-inline-padding) 24px;font-size:14px;color:#0000008c;line-height:1.4}@media(max-width:1680px){.interactive-features-container{gap:30px}.feature-title{font-size:40px}}@media(max-width:1440px){.features-list{--features-list-inline-padding: 40px}.feature-title{font-size:36px}}@media(max-width:1400px){.interactive-features-section{--interactive-features-block-padding: 60px;height:auto;min-height:auto;padding:var(--interactive-features-block-padding) var(--interactive-features-inline-padding)}.interactive-features-container{flex-direction:column;gap:40px}.features-list,.features-media{width:100%;max-width:700px;height:auto;min-height:500px;max-height:600px}.features-list{min-height:auto;--features-list-inline-padding: 30px;padding:40px 0}}@media(max-width:1280px){.features-list,.features-media{max-width:650px;max-height:550px}}@media(max-width:1024px){.features-list,.features-media{max-width:600px;max-height:500px}.features-list{--features-list-inline-padding: 20px;padding:30px 0}}@media(max-width:1023px){.interactive-features-section{--interactive-features-inline-padding: 40px}}@media(max-width:768px){.interactive-features-section{--interactive-features-inline-padding: 0;--interactive-features-block-padding: 0;padding:0;height:200vh;height:200dvh;min-height:200vh;min-height:200dvh;display:block;position:relative;overflow:visible}.interactive-features-sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden}.interactive-features-container{position:relative;gap:0;flex-direction:column;height:100%;width:100%;display:flex;align-items:stretch;justify-content:flex-start}.features-list{width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;--features-list-inline-padding: 24px;padding:0;background-color:#fff;border-radius:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.features-scroll{flex:1;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:none}.features-scroll::-webkit-scrollbar{display:none}.feature-item{padding:12px var(--features-list-inline-padding);border-left:3px solid transparent;transition:opacity .3s ease,border-color .3s ease;scroll-snap-align:none;scroll-snap-stop:normal}.feature-item.active{border-left-color:#000}.feature-title{font-size:36px;line-height:1.1}.feature-description{display:none}.features-media{position:absolute;bottom:40px;right:20px;width:50%;max-width:200px;height:auto;min-height:auto;max-height:none;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;z-index:10;box-shadow:0 4px 20px #00000026}.features-intro{display:none}}@media(max-width:480px){.features-list{--features-list-inline-padding: 20px}.features-media{width:45%;max-width:160px;bottom:24px;right:16px}.feature-item{padding:10px var(--features-list-inline-padding)}.feature-title{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/interactive-features.css.map */