.cable-scene{min-height:560px;background:radial-gradient(ellipse at 50% 45%,#eff9ff,#ccdce8);border-radius:28px;box-shadow:0 35px 85px #183f5f20}.cable-scene canvas{width:100%;height:100%;position:absolute;inset:0;display:block;animation:scene-enter 1.7s ease-out both}.cable-scene:before{display:none}.scene-caption{pointer-events:none;bottom:28px;font-size:10px}.webgl-fallback{background:linear-gradient(140deg,#172b3a,#4689ad)}
.service{position:relative;overflow:hidden;isolation:isolate;background:#edf3f8!important;transform-style:flat;min-height:425px}.service:before{content:'';position:absolute;inset:-20px;z-index:-2;background-size:cover;background-position:center;animation:service-pan 16s ease-in-out infinite alternate;will-change:transform;opacity:.7}.service:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f4f8fbd9 0%,#f4f8fbeb 48%,#f4f8fbfa 100%)}.service:nth-child(1):before{background-image:url('projects/gallery/cat6-prewire.webp')}.service:nth-child(2):before{background-image:url('projects/gallery/fiber-splicing.webp');animation-delay:-3s}.service:nth-child(3):before{background-image:url('projects/gallery/security-camera-installation.webp');animation-delay:-6s}.service:nth-child(4):before{background-image:url('projects/gallery/modern-video-doorbell.webp');animation-delay:-8s}.service:nth-child(5):before{background-image:url('projects/gallery/ceiling-access-point.webp');animation-delay:-11s}.service:nth-child(6):before{background-image:url('projects/gallery/structured-media-panel.webp');animation-delay:-5s}.service:hover:before{opacity:1}.service svg{filter:drop-shadow(0 4px 10px #0089de35)}.service .number{color:#456174}.service h3{max-width:95%}.service p{color:#4b6072}.service-cta{background:#edf6fc!important}html[data-theme=dark] .service{background:#17232e!important}html[data-theme=dark] .service:after{background:linear-gradient(180deg,#0c1a26bb,#101c28e8 48%,#101923fa)}html[data-theme=dark] .service p{color:#c0cedb}html[data-theme=dark] .service .number{color:#96b3c9}html[data-theme=dark] .cable-scene{background:radial-gradient(ellipse at 50% 40%,#254458,#0a141e)}@keyframes service-pan{0%{transform:scale(1.02) translate3d(-5px,4px,0)}100%{transform:scale(1.17) translate3d(8px,-8px,0)}}@keyframes scene-enter{from{opacity:0;transform:scale(.87) translateY(35px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:760px){.cable-scene{min-height:420px}.service{min-height:390px}}@media(prefers-reduced-motion:reduce){.service:before,.cable-scene canvas{animation:none;will-change:auto}}