/* ==========================================================================
   industrialelectricalbuyer.com — "AMBER SUBSTATION" (dark)
   Dark navy / near-black plant-floor theme with a single amber-orange accent
   and white condensed display headlines. Palette matched to the client's
   reference screenshot (see PALETTE_REQUEST.md).
   Slab display (Bitter), reading serif body (Source Serif 4),
   mono labels/figures (IBM Plex Mono). Left-rail spine layout. ZERO JavaScript.
   Contrast rule: headlines #fff, body #c8cdd8, amber for accents/CTAs ONLY.
   Full brief: /home/ubuntu/iework/ideas.md
   ========================================================================== */

:root{
  --paper:#0b1020;        /* page background — very dark navy */
  --paper-2:#111a2e;      /* raised surface / alternating band */
  --paper-3:#16223a;      /* hover surface */
  --shell:#080d1a;        /* header / footer / deepest band */
  --ink:#ffffff;          /* headline text */
  --ink-2:#c8cdd8;        /* body text */
  --ink-3:#8b93a5;        /* muted / meta text */
  --copper:#e8992f;       /* amber-orange accent */
  --copper-lt:#f5ad4a;    /* amber bright (hover) */
  --copper-dk:#a86a10;    /* amber deep (pressed / shadow) */
  --verdigris:#f0a740;    /* link amber */
  --verdigris-lt:#f8bd68;
  --brass:#d9a24a;        /* softer amber for eyebrows */
  --badge:#2a1e0d;        /* amber-tinted dark badge fill */
  --rule:#222d45;         /* hairline */
  --rule-2:#324061;       /* stronger border */
  --ease:cubic-bezier(0.23,1,0.32,1);
  --wrap:1240px;
  --rail:184px;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--paper)}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink-2);
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px);
}

/* ---------- type ---------- */
h1,h2,h3,h4{
  font-family:Bitter,"Source Serif 4",Georgia,serif;
  color:var(--ink);
  margin:0 0 .5em;
  letter-spacing:-.012em;
  text-wrap:balance;
}
h1{font-weight:800;font-size:clamp(2.05rem,4.4vw,3.35rem);line-height:1.08}
h2{font-weight:700;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.16;margin-top:0}
h3{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:1.22rem;line-height:1.3;color:#eef1f6}
h4{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;font-size:.82rem;
   text-transform:uppercase;letter-spacing:.13em;color:var(--copper)}

p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}

a{color:var(--verdigris);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:rgba(232,153,47,.42);
  transition:text-decoration-thickness 140ms var(--ease),color 140ms var(--ease)}
a:hover{color:var(--copper-lt);text-decoration-thickness:2px;text-decoration-color:var(--copper-lt)}
a:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:1px}

strong{font-weight:700;color:#eef1f6}

.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}

/* eyebrow / plate label — SIGNATURE ELEMENT 1 */
.plate{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.19em;
  color:var(--brass);display:flex;align-items:center;gap:14px;margin:0 0 12px;
}
.plate::after{content:"";flex:1;height:1px;background:var(--rule)}
.plate--copper{color:var(--copper)}

/* ---------- layout ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.wrap-narrow{max-width:940px;margin:0 auto;padding:0 26px}

section{padding:64px 0}
section.tight{padding:44px 0}
.band-paper2{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band-ink{background:var(--shell);color:var(--ink-2);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band-ink h2,.band-ink h1,.band-ink h3{color:#ffffff}
.band-ink a{color:var(--copper)}
.band-ink a:hover{color:var(--copper-lt)}
.band-ink .plate{color:var(--copper-lt)}
.band-ink .plate::after{background:#2b3550}

/* left-rail spine — SIGNATURE LAYOUT */
.spine{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:0 44px;align-items:start}
.spine__rail{
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);
  border-right:1px solid var(--rule);padding-right:22px;line-height:1.65;
  position:sticky;top:22px;
}
.spine__rail dt{color:var(--copper);font-weight:600;margin-top:14px}
.spine__rail dt:first-child{margin-top:0}
.spine__rail dd{margin:0;color:var(--ink-2);font-size:.78rem;letter-spacing:.04em}
.spine__body{min-width:0}
@media(max-width:900px){
  .spine{grid-template-columns:1fr;gap:26px}
  .spine__rail{border-right:0;border-left:3px solid var(--copper);padding:0 0 0 16px;position:static}
}

/* ---------- header ---------- */
.masthead{background:var(--shell);border-bottom:3px solid var(--copper);position:relative}
.masthead__top{display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:14px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand:hover{text-decoration:none}
.brand img{width:42px;height:42px;display:block}
.brand__wm{font-family:"IBM Plex Mono",ui-monospace,monospace;line-height:1.12;
  text-transform:uppercase;letter-spacing:.13em}
.brand__wm b{display:block;font-size:.79rem;font-weight:600;color:#ffffff}
.brand__wm b em{font-style:normal;color:var(--copper)}
.brand__wm span{display:block;font-size:.6rem;color:var(--ink-3);letter-spacing:.2em;margin-top:2px}

.hcontact{display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:.04em;
  color:var(--ink-3)}
.hcontact a{text-decoration:none;color:#e7eaf1}
.hcontact a:hover{color:var(--copper)}
.hcontact .tel{font-size:1.06rem;font-weight:600;color:var(--copper);letter-spacing:.02em}

nav.nav{border-top:1px solid var(--rule);background:#0a1122}
nav.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
nav.nav li{border-right:1px solid var(--rule)}
nav.nav li:first-child{border-left:1px solid var(--rule)}
nav.nav a{display:block;padding:11px 17px;text-decoration:none;color:#dbe0ea;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.12em;
  transition:background 130ms var(--ease),color 130ms var(--ease)}
nav.nav a:hover{background:var(--copper);color:#10151f}
@media(max-width:700px){nav.nav a{padding:10px 12px;font-size:.66rem}}

/* ---------- hero: 7:5 split band ---------- */
.hero{border-bottom:1px solid var(--rule);background:var(--paper)}
.hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:0;align-items:stretch}
.hero__text{padding:58px 46px 58px 0;border-right:3px solid var(--copper);
  display:flex;flex-direction:column;justify-content:center}
.hero__text h1{margin-bottom:.42em}
.hero__lede{font-size:1.16rem;color:var(--ink-2);max-width:56ch}
.hero__fig{position:relative;min-height:400px;overflow:hidden;background:#0a0f1c}
.hero__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero__stamp{position:absolute;left:0;bottom:0;background:var(--copper);color:#10151f;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.66rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.16em;padding:7px 14px}
@media(max-width:920px){
  .hero__grid{grid-template-columns:1fr}
  .hero__text{padding:40px 0 34px;border-right:0;border-bottom:3px solid var(--copper)}
  .hero__fig{min-height:260px}
}

.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center}

/* ---------- buttons ---------- */
.btn{
  display:inline-block;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  padding:14px 26px;text-decoration:none;border:0;cursor:pointer;border-radius:1px;
  background:var(--copper);color:#10151f;box-shadow:0 4px 0 var(--copper-dk);
  transition:transform 120ms var(--ease),box-shadow 120ms var(--ease),background 120ms var(--ease);
}
.btn:hover{background:var(--copper-lt);color:#10151f;text-decoration:none}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--copper-dk)}
.btn--ink{background:#1c2740;color:#ffffff;box-shadow:0 4px 0 #0a1020}
.btn--ink:hover{background:#28365a;color:#ffffff}
.btn--ghost{background:transparent;color:#e7eaf1;box-shadow:none;
  border:1px solid var(--rule-2);padding:13px 25px}
.btn--ghost:hover{background:rgba(232,153,47,.10);color:var(--copper);border-color:var(--copper)}
.btn--ghost:active{transform:translateY(1px);box-shadow:none}
.btn--lg{font-size:.86rem;padding:16px 32px}
.btn--block{display:block;width:100%;text-align:center}

/* ---------- stat strip ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);background:var(--paper-2)}
.stats>div{padding:22px 24px;border-right:1px solid var(--rule)}
.stats>div:last-child{border-right:0}
.stats b{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:1.62rem;font-weight:600;color:var(--copper);line-height:1.1;letter-spacing:-.01em}
.stats span{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-top:6px}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}
  .stats>div:nth-child(2){border-right:0}
  .stats>div:nth-child(1),.stats>div:nth-child(2){border-bottom:1px solid var(--rule)}}

/* ---------- category / link grids ---------- */
.grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:940px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid--3,.grid--4,.grid--2{grid-template-columns:1fr}}

.card{background:var(--paper-2);padding:0;display:flex;flex-direction:column;
  text-decoration:none;color:var(--ink-2);position:relative;
  transition:background 140ms var(--ease)}
.card:hover{background:var(--paper-3);text-decoration:none}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--copper);transform:scaleY(1);transform-origin:top;
  transition:height 160ms var(--ease);z-index:1}
.card:hover::before{height:5px}
.card__fig{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--rule);background:#0a0f1c}
.card__fig img{width:100%;height:100%;object-fit:cover;display:block}
.card__body{padding:20px 22px 24px}
.card__body h3{margin:0 0 8px;font-family:Bitter,serif;font-weight:700;font-size:1.1rem;color:#ffffff}
.card__body p{font-size:.94rem;color:var(--ink-2);margin:0}
.card__more{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.68rem;
  text-transform:uppercase;letter-spacing:.14em;color:var(--copper);margin-top:14px;display:block}

/* ---------- ledger table — SIGNATURE ELEMENT 2 ---------- */
.ledger{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 8px;color:var(--ink-2)}
.ledger caption{text-align:left;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);
  padding-bottom:10px}
.ledger thead th{text-align:left;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  color:#ffffff;padding:9px 12px;border-bottom:3px double var(--rule-2)}
.ledger tbody td{padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.ledger tbody tr:nth-child(even){background:rgba(232,153,47,.055)}
.ledger tbody tr{transition:background 120ms var(--ease)}
.ledger tbody tr:hover{background:rgba(255,255,255,.045)}
.ledger td.fig,.ledger th.fig{text-align:right;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.9rem;white-space:nowrap}
.ledger td:first-child{font-weight:600;color:#eef1f6}
.tscroll{overflow-x:auto}

/* ---------- prose blocks ---------- */
.prose{max-width:74ch}
.prose h2{margin-top:2em}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.7em;color:var(--copper-lt)}
.prose ul,.prose ol{margin:0 0 1.15em;padding-left:1.35em}
.prose li{margin-bottom:.45em}
.prose ul{list-style:none;padding-left:0}
.prose ul li{position:relative;padding-left:1.5em}
.prose ul li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:2px;
  background:var(--copper)}

blockquote{margin:1.6em 0;padding:4px 0 4px 26px;border-left:3px solid var(--copper);
  font-size:1.06rem;color:var(--ink-2);font-style:italic}
blockquote p:last-child{margin-bottom:0}

/* pull figure */
.figure{margin:30px 0;border:1px solid var(--rule);background:var(--paper-2);padding:1px}
.figure img{width:100%;display:block}
.figure figcaption{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.68rem;
  text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);padding:10px 14px}

/* ---------- FAQ (pure CSS, details/summary) ---------- */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;padding:17px 40px 17px 0;position:relative;
  font-family:Bitter,serif;font-weight:700;font-size:1.04rem;color:#ffffff;
  list-style:none;transition:color 130ms var(--ease)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:15px;
  font-family:"IBM Plex Mono",monospace;font-size:1.3rem;font-weight:400;color:var(--copper);
  transition:transform 160ms var(--ease)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--copper)}
.faq__a{padding:0 40px 20px 0;color:var(--ink-2);font-size:.98rem}
.faq__a p:last-child{margin-bottom:0}

/* ---------- quote form — SIGNATURE ELEMENT 3 (corner brackets) ---------- */
.rfq{position:relative;background:var(--paper-2);padding:34px 34px 36px;
  border:1px solid var(--rule)}
.rfq::before,.rfq::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.rfq::before{top:-1px;left:-1px;border-top:3px solid var(--copper);border-left:3px solid var(--copper)}
.rfq::after{bottom:-1px;right:-1px;border-bottom:3px solid var(--copper);border-right:3px solid var(--copper)}
.rfq__inner{position:relative}
.rfq__inner::before,.rfq__inner::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.rfq__inner::before{top:-35px;right:-35px;border-top:3px solid var(--copper);border-right:3px solid var(--copper)}
.rfq__inner::after{bottom:-37px;left:-35px;border-bottom:3px solid var(--copper);border-left:3px solid var(--copper)}
.rfq h2,.rfq h3{margin-bottom:.35em;color:#ffffff}
.rfq__lede{color:var(--ink-2);font-size:.98rem;margin-bottom:22px}

.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.frow{grid-template-columns:1fr}}
.fld{display:block;margin-bottom:16px}
.fld>span{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;
  color:var(--copper);margin-bottom:6px}
.fld input,.fld select,.fld textarea{
  width:100%;font-family:"Source Serif 4",Georgia,serif;font-size:1rem;color:#ffffff;
  background:#0a1020;border:1px solid var(--rule-2);border-radius:1px;
  padding:11px 13px;transition:border-color 130ms var(--ease),box-shadow 130ms var(--ease)}
.fld input::placeholder,.fld textarea::placeholder{color:#6f7789}
.fld textarea{min-height:118px;resize:vertical;line-height:1.6}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--copper);
  box-shadow:0 0 0 3px rgba(232,153,47,.22)}
.fld select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--copper) 50%),
  linear-gradient(135deg,var(--copper) 50%,transparent 50%);
  background-position:calc(100% - 18px) 1.15em,calc(100% - 13px) 1.15em;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.fld select option{background:#0a1020;color:#ffffff}
.fnote{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.66rem;
  letter-spacing:.08em;color:var(--ink-3);margin-top:14px;line-height:1.6}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- breadcrumbs ---------- */
.crumbs{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.68rem;
  text-transform:uppercase;letter-spacing:.11em;color:var(--ink-3);
  padding:14px 0;border-bottom:1px solid var(--rule);background:#0a1122}
.crumbs a{color:#b9c0cf;text-decoration:none}
.crumbs a:hover{color:var(--copper)}
.crumbs span{margin:0 8px;color:var(--rule-2)}

/* ---------- link columns (city lists, no orphans) ---------- */
.cols{column-count:4;column-gap:32px;font-size:.93rem}
@media(max-width:940px){.cols{column-count:3}}
@media(max-width:700px){.cols{column-count:2}}
@media(max-width:440px){.cols{column-count:1}}
.cols a{display:block;padding:4px 0;text-decoration:none;color:var(--verdigris);
  break-inside:avoid;border-bottom:1px solid transparent}
.cols a:hover{color:var(--copper-lt);border-bottom-color:var(--rule-2)}

.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chips a{display:inline-block;padding:7px 14px;background:var(--paper-2);
  border:1px solid var(--rule-2);text-decoration:none;color:#e7eaf1;border-radius:1px;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.71rem;
  text-transform:uppercase;letter-spacing:.1em;
  transition:background 130ms var(--ease),border-color 130ms var(--ease),color 130ms var(--ease)}
.chips a:hover{background:var(--copper);border-color:var(--copper);color:#10151f}

/* ---------- callout ---------- */
.callout{border-left:3px solid var(--copper);background:var(--badge);
  padding:20px 24px;margin:26px 0;color:#e9ddc8}
.callout p:last-child{margin-bottom:0}
.callout h4{margin-bottom:8px;color:var(--copper-lt)}

/* ---------- CTA band ---------- */
.cta{background:var(--shell);color:var(--ink-2);padding:52px 0;
  border-top:3px solid var(--copper);border-bottom:3px solid var(--copper)}
.cta__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:center}
@media(max-width:860px){.cta__grid{grid-template-columns:1fr;gap:26px}}
.cta h2{color:#ffffff;margin-bottom:.4em}
.cta p{color:var(--ink-2);margin-bottom:0}
.cta__tel{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:2rem;font-weight:600;
  color:var(--copper);text-decoration:none;display:block;letter-spacing:-.01em;line-height:1.2}
.cta__tel:hover{color:var(--copper-lt);text-decoration:none}
.cta__meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;
  text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);margin-top:8px}

/* ---------- footer ---------- */
footer.foot{background:var(--shell);border-top:1px solid var(--rule);
  padding:48px 0 30px;font-size:.92rem;color:var(--ink-2)}
.foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
@media(max-width:900px){.foot__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot__grid{grid-template-columns:1fr}}
.foot h4{margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:7px}
.foot a{color:#b9c0cf;text-decoration:none}
.foot a:hover{color:var(--copper)}
.foot__brand p{color:var(--ink-3);font-size:.93rem;max-width:38ch}
.foot__tel{font-family:"IBM Plex Mono",monospace;font-size:1.24rem;font-weight:600;
  color:var(--copper);text-decoration:none;display:block;margin-bottom:4px}
.colophon{border-top:1px solid var(--rule);margin-top:36px;padding-top:20px;
  text-align:center;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);line-height:1.9}
.colophon a{color:var(--ink-3);text-decoration:none}
.colophon a:hover{color:var(--copper)}

/* ---------- misc ---------- */
.hr-copper{height:3px;background:var(--copper);border:0;margin:0}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:46px;align-items:start}
@media(max-width:940px){.two{grid-template-columns:1fr;gap:34px}}
.sticky{position:sticky;top:22px}
@media(max-width:940px){.sticky{position:static}}

.pager{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:26px;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase}
.pager a,.pager span{padding:8px 13px;border:1px solid var(--rule-2);text-decoration:none;
  color:#e7eaf1;border-radius:1px}
.pager a:hover{background:var(--copper);color:#10151f;border-color:var(--copper)}
.pager .cur{background:var(--copper);color:#10151f;border-color:var(--copper)}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:1ms !important;animation-duration:1ms !important}
  html{scroll-behavior:auto}
}

@media print{
  nav.nav,.rfq,.cta{display:none}
  body{background:#fff;color:#111;font-size:11pt}
  h1,h2,h3,h4{color:#111}
}