.video-pin-section{position:relative;width:100%;overflow:hidden}.video-pin__container{position:relative;width:100%}.video-pin__fixed-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}.video-pin__scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;z-index:1}.video-pin__scene[data-scene-active=true]{opacity:1;z-index:10}.video-pin__content{position:relative;width:100%;height:100%}.video-pin__video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-pin__video{width:100%;height:100%;object-fit:cover;display:block}.video-pin__text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(80px);transition:opacity .6s ease,transform .6s ease;z-index:20;pointer-events:none}.video-pin__text-content{max-width:1200px;width:90%;text-align:center;padding:40px}@media (max-width: 767px){.video-pin__text-content{padding:20px;width:95%}.video-pin__text-title{font-size:24px;line-height:1.3;margin-bottom:12px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-pin__text-desc{font-size:16px;line-height:1.5;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}}@media (min-width: 768px){.video-pin__text-content{padding:60px}.video-pin__text-title{font-size:48px;line-height:1.2;margin-bottom:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.video-pin__text-desc{font-size:20px;line-height:1.6;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.3);max-width:800px;margin:0 auto}}.video-pin__text-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;margin-bottom:20px}.video-pin__text-desc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}.video-pin__scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:30;color:#fff;font-size:14px;text-align:center;opacity:.8;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.video-pin__scene-indicator{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:10px}.video-pin__indicator-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.video-pin__indicator-dot.active{background:#fff;transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/98/assets/video-pin-scroller.css.map */