/* Residual industry sites (construction., clothing., manufacturing.joinresidual.com).
   Loaded after site.css. Each palette is fixed: the industry pages have no light/dark toggle. */

/* ---------- Construction: black and safety red ---------- */
:root[data-industry="construction"]{
  --bg:#080808;--bg-2:#0f0f0f;--card:#151515;--card-2:#1c1c1c;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.17);
  --ink:#f7f7f7;--ink-2:#c4c4c4;--ink-3:#8f8f8f;
  --accent-rgb:225,29,46;--on-accent:#fff;--accent:#e11d2e;--accent-hi:#ff3344;--accent-ink:#ff6b76;--accent-soft:rgba(225,29,46,.15);
}
[data-industry="construction"] .hero{background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(225,29,46,.035) 22px 44px)}
[data-industry="construction"] .hero h1 em{color:#ff3344}

/* ---------- Manufacturing: graphite and safety amber ---------- */
:root[data-industry="manufacturing"]{
  --bg:#0b0d10;--bg-2:#11151a;--card:#161b21;--card-2:#1c222a;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --ink:#f2f4f6;--ink-2:#b8c0c8;--ink-3:#87919b;
  --accent-rgb:245,158,11;--on-accent:#1a1204;--accent:#f59e0b;--accent-hi:#fbbf24;--accent-ink:#fcd34d;--accent-soft:rgba(245,158,11,.14);
}
[data-industry="manufacturing"] .hero{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}
[data-industry="manufacturing"] .hero h1 em{color:#fbbf24}

/* ---------- Fashion & apparel: cream, terracotta, saffron, sage, rose ---------- */
:root[data-industry="clothing"]{
  --bg:#faf6f0;--bg-2:#f3ebe0;--card:#fffdf9;--card-2:#f8f1e7;--line:rgba(48,28,18,.10);--line-2:rgba(48,28,18,.18);
  --ink:#21160f;--ink-2:#4e3f36;--ink-3:#7f6e63;
  --accent-rgb:200,74,50;--on-accent:#fff;--accent:#c84a32;--accent-hi:#a93a25;--accent-ink:#b13f29;--accent-soft:rgba(200,74,50,.10);
  --good:#2f7d4f;--good-soft:rgba(47,125,79,.10);--warn:#a8650a;--warn-soft:rgba(168,101,10,.10);--bad:#b8322b;--bad-soft:rgba(184,50,43,.09);
  --c1:#c84a32;--c2:#e2a23b;--c3:#5f9273;--c4:#cf5f88;--c5:#5b5ff0;
  --shadow:0 20px 50px rgba(60,35,20,.10);
}
[data-industry="clothing"] .hero h1 em{background:linear-gradient(90deg,var(--c1),var(--c4) 45%,var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-industry="clothing"] .hero::before{background:radial-gradient(closest-side,rgba(226,162,59,.22),transparent 70%)}
[data-industry="clothing"] .hero::after{content:"";position:absolute;left:-160px;bottom:-220px;width:560px;height:560px;background:radial-gradient(closest-side,rgba(207,95,136,.16),transparent 70%);pointer-events:none}
[data-industry="clothing"] .tier-bar i{background:linear-gradient(90deg,var(--c1),var(--c4),var(--c2))}
[data-industry="clothing"] .deal strong{background:linear-gradient(90deg,var(--ink),var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-industry="clothing"] .value:nth-child(1)::before{background:var(--c1)}
[data-industry="clothing"] .value:nth-child(2)::before{background:var(--c2)}
[data-industry="clothing"] .value:nth-child(3)::before{background:var(--c3)}
[data-industry="clothing"] .value:nth-child(4)::before{background:var(--c4)}
[data-industry="clothing"] .fee-big{background:linear-gradient(90deg,var(--c1),var(--c4),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Legal: navy and gold ---------- */
:root[data-industry="legal"]{
  --bg:#0b1324;--bg-2:#0f1a30;--card:#132039;--card-2:#182845;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --ink:#f5f2ea;--ink-2:#c6c2b6;--ink-3:#9097a6;
  --accent-rgb:201,162,74;--on-accent:#1a1404;--accent:#c9a24a;--accent-hi:#dcb766;--accent-ink:#e3c57f;--accent-soft:rgba(201,162,74,.14);
}
[data-industry="legal"] .hero h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#e3c57f}

/* ---------- Logistics: dark slate and teal ---------- */
:root[data-industry="logistics"]{
  --bg:#0a1316;--bg-2:#0e1a1e;--card:#122126;--card-2:#17292f;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --ink:#eef6f6;--ink-2:#b5c6c8;--ink-3:#839597;
  --accent-rgb:20,184,166;--on-accent:#04201c;--accent:#14b8a6;--accent-hi:#2dd4bf;--accent-ink:#5eead4;--accent-soft:rgba(20,184,166,.14);
}
[data-industry="logistics"] .hero{background-image:radial-gradient(rgba(45,212,191,.12) 1px,transparent 1.5px);background-size:22px 22px}
[data-industry="logistics"] .hero h1 em{color:#2dd4bf}

/* ---------- Accounting: ledger green on off-white ---------- */
:root[data-industry="accounting"]{
  --bg:#f6f8f5;--bg-2:#eef2ec;--card:#ffffff;--card-2:#f3f6f1;--line:rgba(15,40,25,.10);--line-2:rgba(15,40,25,.18);
  --ink:#0f1a14;--ink-2:#3c4a42;--ink-3:#69766d;
  --accent-rgb:4,120,87;--on-accent:#fff;--accent:#047857;--accent-hi:#065f46;--accent-ink:#047857;--accent-soft:rgba(4,120,87,.09);
  --shadow:0 20px 50px rgba(15,40,25,.08);
}
[data-industry="accounting"] .hero{background-image:repeating-linear-gradient(transparent 0 31px,rgba(4,120,87,.07) 31px 32px)}
[data-industry="accounting"] .hero h1 em{color:#047857}

/* ---------- Engineering: blueprint blue and cyan ---------- */
:root[data-industry="engineering"]{
  --bg:#071a33;--bg-2:#0a2140;--card:#0d2749;--card-2:#112e55;--line:rgba(125,211,252,.12);--line-2:rgba(125,211,252,.22);
  --ink:#eef6ff;--ink-2:#b4c7df;--ink-3:#8299b6;
  --accent-rgb:56,189,248;--on-accent:#04172b;--accent:#38bdf8;--accent-hi:#7dd3fc;--accent-ink:#7dd3fc;--accent-soft:rgba(56,189,248,.14);
}
[data-industry="engineering"] .hero{background-image:linear-gradient(rgba(125,211,252,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.10) 1px,transparent 1px),linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.04) 1px,transparent 1px);background-size:140px 140px,140px 140px,28px 28px,28px 28px}
[data-industry="engineering"] .hero h1 em{color:#7dd3fc}

/* ---------- Software: near-black and terminal green ---------- */
:root[data-industry="software"]{
  --bg:#0a0d0b;--bg-2:#0e120f;--card:#121814;--card-2:#171f1a;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.15);
  --ink:#ecf5ee;--ink-2:#b3c2b7;--ink-3:#829286;
  --accent-rgb:34,197,94;--on-accent:#04140a;--accent:#22c55e;--accent-hi:#4ade80;--accent-ink:#86efac;--accent-soft:rgba(34,197,94,.13);
}
[data-industry="software"] .hero{background-image:repeating-linear-gradient(transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}
[data-industry="software"] .hero h1 em{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:-.04em;color:#4ade80}

/* ---------- Agency: magenta, purple and amber on warm white ---------- */
:root[data-industry="agency"]{
  --bg:#fffaf5;--bg-2:#fff1e6;--card:#ffffff;--card-2:#fff6ef;--line:rgba(40,20,30,.10);--line-2:rgba(40,20,30,.18);
  --ink:#1c1018;--ink-2:#4a3a44;--ink-3:#7b6a74;
  --accent-rgb:225,29,116;--on-accent:#fff;--accent:#e11d74;--accent-hi:#be185d;--accent-ink:#be185d;--accent-soft:rgba(225,29,116,.09);
  --c1:#e11d74;--c2:#f59e0b;--c3:#7c3aed;--c4:#0ea5e9;
  --shadow:0 20px 50px rgba(60,20,40,.09);
}
[data-industry="agency"] .hero h1 em{background:linear-gradient(90deg,var(--c1),var(--c3) 55%,var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-industry="agency"] .hero::before{background:radial-gradient(closest-side,rgba(245,158,11,.20),transparent 70%)}
[data-industry="agency"] .tier-bar i{background:linear-gradient(90deg,var(--c1),var(--c3),var(--c2))}
[data-industry="agency"] .value:nth-child(1)::before{background:var(--c1)}
[data-industry="agency"] .value:nth-child(2)::before{background:var(--c2)}
[data-industry="agency"] .value:nth-child(3)::before{background:var(--c3)}
[data-industry="agency"] .value:nth-child(4)::before{background:var(--c4)}
[data-industry="agency"] .fee-big{background:linear-gradient(90deg,var(--c1),var(--c3),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Shared industry components ---------- */
.brand-ind{margin-left:8px;padding:3px 9px;border-radius:999px;font-family:var(--font);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft)}

.values{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.value{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px}
.value::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.value h3{font-size:18px;line-height:1.3}
.value p{margin-top:8px;font-size:15px;color:var(--ink-2)}
.value .lives{margin-top:14px;font-size:12.5px;color:var(--ink-3)}
.value .lives b{font-weight:600;color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-right:6px}
@media(max-width:760px){.values{grid-template-columns:1fr}}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tabs button{appearance:none;cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);font:600 14px/1 var(--font)}
.tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:520px){.brand-ind{display:none}}