html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%;height:auto}
.gal-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.gal-wrap::-webkit-scrollbar{display:none}
.gallery .gal-item{scroll-snap-align:center}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  header.scrolled,
  .cap-badge,
  .hero-badge,
  .stat-card,
  .cert-chip,
  .faq-item,
  .quote-card,
  .inq-box,
  .inq-card,
  .foot-badge{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(12,12,18,.96)!important;
  }
}
body.lite-ui .hero-glow,
body.lite-ui .hero-float,
body.lite-ui .card-shine,
body.lite-ui .seal-progress{
  display:none!important;
}
body.lite-ui header.scrolled{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(10,10,10,.96)!important;
}
body.lite-ui .prod-card,
body.lite-ui .cap-item,
body.lite-ui .btn-p,
body.lite-ui .btn-o,
body.lite-ui .f-submit,
body.lite-ui .gal-item img{
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease!important;
}
body.lite-ui .prod-card:hover,
body.lite-ui .cap-item:hover,
body.lite-ui .gal-item:hover img{
  transform:none!important;
}
body.lite-ui .ticker-track{animation-duration:34s!important}
@media (hover:none), (pointer:coarse), (max-width:1024px){
  .hero-glow,
  .hero-float,
  .card-shine,
  .seal-progress{
    display:none!important;
  }
  header.scrolled{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(10,10,10,.96)!important;
  }
  .prod-card,
  .cap-item,
  .btn-p,
  .btn-o,
  .f-submit,
  .gal-item img{
    transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease!important;
  }
  .prod-card:hover,
  .prod-card:active,
  .cap-item:hover,
  .btn-p:hover,
  .btn-o:hover,
  .f-submit:hover,
  .gal-item:hover img{
    transform:none!important;
  }
  .ticker-track{animation-duration:34s!important}
  .gal-track{animation:none!important}
}
@media (max-width:768px){
  .gallery{padding:var(--s7) 0}
  .gal-item{width:min(42vw,168px);height:min(42vw,168px)}
  .hero .ctn{grid-template-columns:1fr!important;gap:var(--s4)!important;padding-top:var(--s12)!important}
  .hero-left{order:1!important}
  .hero-right,.hero-right-3d{order:2!important}
  .prod-grid{grid-template-columns:1fr!important}
}
