/* Brand kit (Magenta, 2026): palette + Microgramma Extended feel. Loaded last on every page; delete the
   <link> (tools/brand_kit.py) to go back to the previous look.
   Microgramma Extd D is a commercial font: Michroma (Google Fonts, SIL OFL, fonts/michroma-OFL.txt) stands in
   for the small wide labels, as in the logo's "INDUSTRIAL MOTION SOLUTIONS"; headings use Archivo set wide. */
@font-face{font-family:Michroma;src:url(/fonts/michroma-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --red:#c12e2e;--primary:#c12e2e;--accent:#c12e2e;--ring:#c12e2e;   /* brand red */
  --ink:#151f2b;                                                     /* logo navy */
  --paper:#f5f3ee;--background:#f5f3ee;                              /* brand cream */
  --line:#dddad1;--border:#dddad1;--input:#dddad1;                   /* warm gray, lightened for rules */
  --gray:#5d656d;                                                    /* brand slate */
  --warm:#a8a397;                                                    /* brand warm gray */
  --label:"Michroma","Archivo","Segoe UI",sans-serif;
}

/* small wide labels: eyebrows, footer column heads */
.eyebrow,main .eyebrow{font-family:var(--label);font-weight:400;font-size:.75rem;letter-spacing:.18em;line-height:1.5;-webkit-text-stroke:.45px currentColor}  /* Michroma has one light weight: a hairline stroke gives it the logo tagline's presence */

/* headings: wider and heavier, like Microgramma Extended Bold; sizes trimmed so line breaks stay the same */
main h1,main h2,main h3,.bt-hero-h1{font-stretch:112%;letter-spacing:-.02em;word-spacing:0}
main h1{font-size:calc(var(--fs-h1) * .92)}
main h2,main .section-title{font-size:calc(var(--fs-h2) * .92)}
main h3,main .bt-card-title{font-size:calc(var(--fs-card) * .94)}
.bt-hero-h1{font-size:calc(var(--fs-hero) * .9)!important}
/* the hero's quieter lines take the brand warm gray */
.bt-hero-h1 .bt-hero-sub{color:#c9c5bb}
/* phones: wide letters would break "Power transmission." onto two lines */
@media (max-width:639px){.bt-hero-h1{font-stretch:100%;font-size:2.125rem!important}main h1,main h2{font-stretch:104%}}