/* Factories & manufacturing: the plant floor — hazard tape running, gears turning, chimneys smoking, stencilled labels.
   Palette: UI UX Pro Max "Construction" steel (#64748B) with safety yellow. Font: Noto Kufi Arabic Black. */
body.skin-factories{--bg:#15171A;--card:#1E2125;--card-2:#262A2F;--border:#33383E;--fg:#F2F2F2;--secondary-fg:#D4D4D4;--muted:#A0A4A8;
  --primary:#FACC15;--on-primary:#15171A;--accent:#FB923C;--i-font:"Noto Kufi Arabic";--i-w:900;--i-r:2px}
.skin-factories .btn{border-radius:2px}
.skin-factories .ih{padding-bottom:clamp(160px,22vw,280px)}
.skin-factories .ih h1{font-size:clamp(38px,5.6vw,78px);line-height:1.3}
.skin-factories .ih::after{content:"";position:absolute;inset:auto 0 0;height:18px;z-index:-1;background:repeating-linear-gradient(-45deg,#FACC15 0 20px,#15171A 20px 40px);
  background-size:56.57px 100%;animation:fa-belt 2s linear infinite}
@keyframes fa-belt{to{background-position:56.57px 0}}
.skin-factories .ih-art{place-items:end center;padding-bottom:18px}
.skin-factories .ih-art .art{width:min(1200px,110vw);max-height:50%}
.skin-factories .sky{fill:var(--card);stroke:var(--border);stroke-width:3;stroke-linejoin:round}
.skin-factories .g1,.skin-factories .g2{fill:none;stroke:#454B53;stroke-width:3;transform-box:fill-box;transform-origin:center}
.skin-factories .g1{animation:fa-spin 20s linear infinite}
.skin-factories .g2{animation:fa-spin 13s linear infinite reverse}
.skin-factories .hub{fill:var(--card-2);stroke:#5B626B;stroke-width:3}
@keyframes fa-spin{to{transform:rotate(360deg)}}
.skin-factories .smoke circle{fill:#3A3F46;animation:fa-smoke 3.8s ease-out infinite;animation-delay:var(--d)}
@keyframes fa-smoke{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:.9}100%{opacity:0;transform:translateY(-90px) scale(1.8)}}
.skin-factories .smoke circle{transform-box:fill-box;transform-origin:center}
/* clients: stencilled labels on safety yellow */
.skin-factories .ir-list li{background:var(--primary);color:#15171A;border:0;font:900 19px/1.3 "Noto Kufi Arabic",var(--font-body);letter-spacing:.02em}
/* services: hazard-taped panels with bolts in the corners */
.skin-factories .is-list li,.skin-factories .ic-box{border-top:10px solid transparent;border-image:repeating-linear-gradient(-45deg,#FACC15 0 12px,#15171A 12px 24px) 10 0 0 0 / 10px 0 0 0;
  background:radial-gradient(circle 4px at 16px 26px,#5B626B 98%,transparent),radial-gradient(circle 4px at calc(100% - 16px) 26px,#5B626B 98%,transparent),var(--card)}
.skin-factories .is-ico{border-radius:2px}