.ir3-video-scroll{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;min-height:500px;overflow:hidden;z-index:1;background:#000;opacity:0;transition:opacity .8s ease-in-out}.ir3-video-scroll[data-lazy-state=idle] .video-container,.ir3-video-scroll[data-lazy-state=loading] .video-container{opacity:0}.ir3-video-scroll[data-lazy-state=loaded] .video-container,.ir3-video-scroll[data-lazy-state=playing] .video-container{opacity:1}.background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate3d(-50%,-50%,0);object-fit:cover;z-index:1;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-webkit-filter:blur(0);filter:blur(0)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0006,#0003,#0006);z-index:2;pointer-events:none}.video-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:80%;background:linear-gradient(to bottom,#000 0% 0%,#000 0% 0%,#0000);opacity:0;z-index:3;pointer-events:none;will-change:opacity;transition:opacity 1.5s ease-in-out}.video-overlay.mask-visible:after{opacity:1!important}.video-overlay.mask-visible{min-height:400px}.content-container{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 5%}.content-wrapper{text-align:center;max-width:1000px;opacity:0;transform:translateY(60px);will-change:transform,opacity}.video-title{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;line-height:1.1;margin:0 0 2rem;letter-spacing:-.01em;text-shadow:0 4px 30px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,currentColor 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;background-clip:text;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.video-description{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:400;line-height:1.6;opacity:.95;text-shadow:0 2px 20px rgba(0,0,0,.6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:700px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-in-out}.video-placeholder.hidden{opacity:0;pointer-events:none}.placeholder-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1af2,#2d2d2de6,#1a1a1af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.placeholder-content{position:relative;z-index:3;text-align:center;color:#fffc}.placeholder-spinner{width:40px;height:40px;border:3px solid transparent;border-top:3px solid rgba(255,255,255,.8);border-right:3px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:1rem;background:transparent;box-sizing:border-box}.placeholder-text{font-size:1rem;font-weight:400;margin:0;opacity:.8;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;color:#fff;font-size:1.2rem;opacity:0;text-align:center;transition:opacity .3s ease-in-out;pointer-events:none}.video-loading.visible{opacity:1}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1024px){.content-container{padding:0 6%}.video-title{margin-bottom:1.8rem}}@media screen and (max-width: 768px){.ir3-video-scroll{height:auto!important;min-height:100vh;padding:3rem 0}.content-container{padding:0 5%;position:static;height:auto;display:flex;align-items:center;justify-content:center;min-height:100vh}.content-wrapper{transform:translateY(0);position:relative;z-index:10;max-width:100%;width:100%}.video-title{margin-bottom:1.5rem;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.2;letter-spacing:-.005em;white-space:normal;text-align:center}.video-description{font-size:clamp(.9rem,3.5vw,1.1rem);line-height:1.5;max-width:100%;text-align:center;margin:0 auto}}@media screen and (max-width: 480px){.ir3-video-scroll{padding:2rem 0;min-height:100vh}.content-container{padding:0 4%;min-height:100vh}.content-wrapper{max-width:100%;padding:1rem 0}.video-title{margin-bottom:1rem;font-size:clamp(1.3rem,5.5vw,1.8rem);line-height:1.3}.video-description{font-size:clamp(.85rem,3.2vw,1rem);line-height:1.6;margin-top:.5rem}}@media screen and (max-width: 375px){.content-container{padding:0 3%}.video-title{font-size:clamp(1.2rem,5vw,1.6rem);margin-bottom:.8rem}.video-description{font-size:clamp(.8rem,3vw,.95rem);line-height:1.7}}@media (max-width: 768px){.placeholder-content{padding:1rem}.placeholder-spinner{width:30px;height:30px;border:2px solid transparent;border-top:2px solid rgba(255,255,255,.8);border-right:2px solid rgba(255,255,255,.3);margin-bottom:.8rem}.placeholder-text{font-size:.9rem}.loading-spinner{width:30px;height:30px}.video-loading{font-size:1rem}.placeholder-blur-bg{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}.ir3-video-scroll *{box-sizing:border-box}.ir3-video-scroll{transform:translateZ(0);-webkit-transform:translateZ(0);contain:layout style paint;overflow:hidden}.video-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;contain:strict}.content-wrapper{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;contain:layout style}@media (prefers-reduced-motion: reduce){.content-wrapper{transform:none;opacity:1}.background-video{will-change:auto}.loading-spinner{animation:none}}@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi){.video-title,.video-description{text-shadow:0 1px 15px rgba(0,0,0,.4)}}.no-video .ir3-video-scroll{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.no-video .video-container{display:none}.ir3-video-scroll:focus-within{outline:2px solid rgba(255,255,255,.5);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ir3-video-scroll.css.map */