/* Home appliances & electronics: the store after dark — appliances drawn in line light, status LEDs, a dot-matrix headline.
   Palette: deep navy with cyan and lime indicator lights. Font: Handjet. */
body.skin-electronics{--bg:#070B12;--card:#0E1522;--card-2:#131C2C;--border:#1E2A3D;--fg:#E6F1FF;--secondary-fg:#C7D6EA;--muted:#8DA2BF;
  --primary:#22D3EE;--on-primary:#04121A;--accent:#A3E635;--i-font:"Handjet";--i-w:700;--i-r:12px}
.skin-electronics .ih{padding-bottom:clamp(150px,20vw,260px)}
.skin-electronics .ih h1{font-size:clamp(54px,8.4vw,116px);line-height:1;letter-spacing:.02em}
.skin-electronics .sx-head h2{font-size:clamp(38px,5vw,64px)}
.skin-electronics .ih-art{place-items:end center;padding-bottom:3vh}
.skin-electronics .ih-art .art{width:min(1100px,100vw);max-height:34%}
.skin-electronics .ap rect,.skin-electronics .ap path,.skin-electronics .ap circle:not(.led){fill:none;stroke:#2B3A52;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.js.ready .skin-electronics .ap :not(.led){animation:el-draw 1.6s var(--ease-out) forwards,el-on .6s ease 1.6s forwards}
.js.ready .skin-electronics .ap:nth-child(2) :not(.led){animation-delay:.2s,1.8s}
.js.ready .skin-electronics .ap:nth-child(3) :not(.led){animation-delay:.4s,2s}
.js.ready .skin-electronics .ap:nth-child(4) :not(.led){animation-delay:.6s,2.2s}
@keyframes el-draw{to{stroke-dashoffset:0}}
@keyframes el-on{to{stroke:#3E6E8C}}
.skin-electronics .led{fill:var(--accent);animation:el-blink 2s steps(1,end) infinite}
.skin-electronics .ap:nth-child(2) .led{animation-delay:.5s;fill:var(--primary)}
.skin-electronics .ap:nth-child(3) .led{animation-delay:1s}
@keyframes el-blink{50%{opacity:.2}}
/* clients: shelf labels with viewfinder corners */
.skin-electronics .ir-list li,.skin-electronics .is-list li{border-color:var(--border);
  background:linear-gradient(var(--primary),var(--primary)) 0 0/14px 2px,linear-gradient(var(--primary),var(--primary)) 0 0/2px 14px,
  linear-gradient(var(--primary),var(--primary)) 100% 100%/14px 2px,linear-gradient(var(--primary),var(--primary)) 100% 100%/2px 14px,var(--card);background-repeat:no-repeat}
.skin-electronics .ir-list li{font:700 26px/1 "Handjet",var(--font-body);letter-spacing:.03em}
.skin-electronics .is-list h3{font-size:clamp(26px,2.4vw,32px)}
.skin-electronics .is-ico{background:#04121A;border:1px solid var(--primary);color:var(--primary)}