/* v320 Services: 2-second LED equalizer intro, then the five service cards
   travel a 3D figure-eight around the 100KomplekSOUND EQ mark. */
#servicesExperience.svc143-ready .svc143-list.svc143-orbit-active{perspective:1100px!important;perspective-origin:50% 46%;transform-style:preserve-3d;min-height:460px;overflow:visible}
#servicesExperience.svc143-ready .svc143-list.svc143-orbit-active .svc143-card{width:21%!important;height:25%!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px!important;border:1px solid #82bdff70!important;box-shadow:0 28px 50px #0007,8px 5px 0 #071a35,10px 6px 0 #8ecaff35!important;transform-origin:center;transition:box-shadow .25s,border-color .25s!important;animation:none!important}
#servicesExperience .svc143-list.svc143-orbit-active .svc143-card img{opacity:.88!important}
#servicesExperience .svc143-list.svc143-orbit-active .svc143-card-title{font-size:clamp(17px,2vw,28px)!important;font-weight:900!important}
#servicesExperience .svc143-list.svc143-orbit-active .svc143-card:focus-visible{outline:3px solid #85d3ff!important;outline-offset:5px}

/* Faint light trail of the figure-eight path. */
#servicesExperience .svc143-list .svc320-trail{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;transform:translateZ(-1px)}
#servicesExperience .svc143-list.svc320-intro .svc320-trail{opacity:0}
/* The brand mark: position and size are driven by the orbit script. */
#servicesExperience.svc143-ready .svc143-list.svc143-orbit-active .svc320-brand{position:absolute!important;margin:0!important;background:none!important;z-index:10!important;overflow:visible;pointer-events:none;animation:none!important;transform-style:preserve-3d;will-change:transform,width,top}
.svc320-led{display:block;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(30,150,255,.55)) drop-shadow(0 0 26px rgba(30,120,255,.22))}
html[data-theme="light"] .svc320-led{filter:drop-shadow(0 0 8px rgba(31,127,230,.35))}

/* Intro: only the meter is on screen for two seconds. */
.svc320-intro-shell .svc143-menu-head{opacity:0;transform:translateY(-10px)}
.svc143-menu-head{transition:opacity .6s ease .35s,transform .6s ease .35s}
#servicesExperience .svc143-list.svc320-intro .svc143-card{opacity:0!important;pointer-events:none!important}
#servicesExperience .svc143-list.svc320-intro{cursor:pointer}

@media(max-width:899px) and (orientation:portrait){
  #servicesExperience.svc143-ready .svc143-list.svc143-orbit-active{min-height:min(520px,62vh)}
  #servicesExperience.svc143-ready .svc143-list.svc143-orbit-active .svc143-card{width:44%!important;height:14%!important;border-radius:16px!important}
  #servicesExperience .svc143-list.svc143-orbit-active .svc143-card-title{font-size:17px!important}
}
@media(max-height:520px) and (orientation:landscape){
  #servicesExperience.svc143-ready .svc143-list.svc143-orbit-active{min-height:250px}
  #servicesExperience.svc143-ready .svc143-list.svc143-orbit-active .svc143-card{width:22%!important;height:34%!important}
}
@media(prefers-reduced-motion:reduce){.svc143-menu-head{transition:none}}