/* V17: lightweight animated technology-light trails; no duplicate image DOM */
#home,#work,#services,#process,#contact{position:relative;isolation:isolate;overflow:hidden}
#home>.wrap,#work>.wrap,#services>.wrap,#process>.wrap,#contact>.wrap{position:relative;z-index:2}
#home::before,#work::before,#services::before,#process::before,#contact::before,
#home::after,#work::after,#services::after,#process::after,#contact::after{
content:"";position:absolute;left:0;top:16%;width:55%;height:2px;z-index:1;
pointer-events:none!important;
background:linear-gradient(90deg,transparent 0%,rgba(58,174,255,.1) 12%,rgba(51,203,255,.65) 60%,rgba(75,255,210,.8) 73%,transparent 100%);
filter:drop-shadow(0 0 7px rgba(61,225,255,.55));
animation:beam-cross 17s linear infinite;
opacity:.5;transform:translate3d(-130%,0,0) rotate(-11deg)
}
#home::after,#work::after,#services::after,#process::after,#contact::after{
top:77%;animation-duration:23s;animation-delay:-9s;opacity:.25;
background:linear-gradient(90deg,transparent,rgba(48,128,255,.2),rgba(103,255,208,.8),transparent)
}
#work::before,#work::after{opacity:.2}
#services::before,#services::after{background:linear-gradient(90deg,transparent,#0f9b9d,#81ffd3,transparent)}
#process::before,#process::after{background:linear-gradient(90deg,transparent,#1766ef,#5ddfff,transparent)}
#contact::before,#contact::after{background:linear-gradient(90deg,transparent,#16a9ff,#58f7d0,transparent)}
@keyframes beam-cross{
from{transform:translate3d(-130%,0,0) rotate(-11deg)}
to{transform:translate3d(270%,0,0) rotate(-11deg)}
}
#work .gallery-tools,#work .projects,#work .gallery-view-tools{position:relative;z-index:3}
#work button,#work select,#work input,#work .cover{touch-action:manipulation;pointer-events:auto;cursor:pointer}
#work .cover .image-device,#work .cover img,#work .cover .card-num{pointer-events:none}
#work .tab,#work .mini-action{min-height:42px}
#work .tab:focus-visible,#work .mini-action:focus-visible,#work .cover:focus-visible{outline:2px solid #5ffbe4;outline-offset:3px}
@media(max-width:700px){
#home::before,#work::before,#services::before,#process::before,#contact::before,
#home::after,#work::after,#services::after,#process::after,#contact::after{width:86%;opacity:.23;animation-duration:23s}
#work .tab,#work .mini-action{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
#home::before,#work::before,#services::before,#process::before,#contact::before,
#home::after,#work::after,#services::after,#process::after,#contact::after{animation:none;opacity:.1;transform:translateX(35%)}
}