.scroll-360-section{position:relative}.scroll-360-main{position:relative;height:100vh;display:flex;align-items:center;justify-content:center}.scroll-360-sticky{width:67%;display:flex;align-items:center;justify-content:center}.scroll-360-image-container{position:relative;width:100%;aspect-ratio:2 / 1;will-change:transform;backface-visibility:hidden}.scroll-360-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;object-fit:contain;opacity:0}.scroll-360-frame:first-child{opacity:1}.scroll-360-content{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-360-block{position:absolute;opacity:0;transform:translateY(40px);transition:all .4s ease;max-width:18.8vw}.scroll-360-block.active{opacity:1}.scroll-360-parts{object-fit:cover}.scroll-360-text-container{margin-top:7px}.scroll-360-text-container h3{color:#fff;font-size:calc(12px + (18 - 12) * (100vw - 375px) / (1440 - 375));font-weight:600;line-height:100%;display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;border-radius:5px;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:capitalize}.scroll-360-text-container p{color:#fff;font-size:calc(12px + (16 - 12) * (100vw - 375px) / (1440 - 375));font-weight:400;line-height:170%;letter-spacing:.12px;display:flex;padding:12px;align-items:center;text-transform:capitalize;margin-top:7px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff1c;-webkit-backdrop-filter:blur(4.800000190734863px);backdrop-filter:blur(4.800000190734863px)}.pos-left{left:5%;top:50%;transform:translateY(-50%)}.pos-right{right:5%;top:50%;transform:translateY(-50%)}.scroll-360-hero-text{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#ffffff26 -38.71%,#ffffff08 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:calc(120px + (220 - 120) * (100vw - 375px) / (1440 - 375));font-weight:750;line-height:100%;letter-spacing:2.2px;text-transform:uppercase;pointer-events:none;z-index:0}@media(max-width:767px){.scroll-360-sticky{width:100%}.scroll-360-hero-text{transform:translateY(-50%) rotate(-90deg);letter-spacing:1.353px;background:linear-gradient(180deg,#ffffff26 -38.71%,#ffffff08 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-360-image-container{aspect-ratio:1 / 1;transform:scale(1.2)}.scroll-360-block{max-width:112px}.scroll-360-text-container h3{padding:6px;min-height:48px;align-items:flex-start}.scroll-360-text-container p{padding:8px;min-height:141px;align-items:flex-start}.pos-left{left:4%;top:95%;transform:translateY(-95%)}.pos-top{left:50%;top:95%;transform:translate(-50%,-95%)}.pos-right{right:4%;top:95%;transform:translateY(-95%)}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/360-scroll.css.map */