.filament-sensor-section{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.sensor-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sensor-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .8s ease-in}.sensor-canvas-container.loaded{opacity:1}.sensor-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;will-change:transform;backface-visibility:hidden}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000004d,#0000001a,#0000004d);z-index:3;pointer-events:none}.sensor-content-container{position:relative;z-index:4;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 5% 0 65%}.text-content{color:#fff;max-width:800px;width:100%;text-align:center;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.text-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(30px);width:100%;opacity:0;transition:opacity .8s ease,transform .8s ease;text-align:center}.text-section.active{opacity:1;transform:translate(-50%,-50%) translateY(0)}.filament-sensor-section .section-title{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#42a5f5,#1de9b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(66,165,245,.3)}.filament-sensor-section .section-description{font-family:Open Sans,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:300;line-height:1.6;color:#ffffffe6;margin-bottom:0;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.sensor-canvas-container{width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;left:0}.sensor-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sensor-background{width:100vw;height:100vh;overflow:hidden}.sensor-content-container{padding:0 5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;display:flex;align-items:center;justify-content:center}.text-content{max-width:100%;min-height:auto;text-align:center;padding:20px}.section-title{font-size:1.8rem;margin-bottom:.8rem;line-height:1.2}.section-description{font-size:.9rem;line-height:1.4;margin:0}}@media (max-width: 480px){.section-title{font-size:1.8rem}.section-description{font-size:.9rem;line-height:1.5}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion: reduce){.sensor-canvas{animation:none}}@media (prefers-contrast: high){.section-title{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ir3-filament-sensor.css.map */