:root {
  --ink: #202744;
  --ink-2: #171d35;
  --paper: #ffffff;
  --mist: #f5f5f5;
  --line: #d8ddde;
  --muted: #5e686f;
  --orange: #d8202a;
  --orange-dark: #b4151d;
  --teal: #35446f;
  --yellow: #e4b442;
  --max: 1200px;
  --shadow: 0 18px 45px rgba(17, 24, 32, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "IBM Plex Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0;
}
body.nav-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, .brand__word, .eyebrow {
  font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif;
  letter-spacing: 0;
}
h1 { font-size: clamp(2.4rem, 4.2vw, 3.75rem); line-height: 1.08; margin-bottom: 1.4rem; }
h2 { font-size: clamp(1.85rem, 2.7vw, 2.65rem); line-height: 1.16; margin-bottom: 1rem; }
h3 { font-size: 1.25rem; line-height: 1.25; margin-bottom: 0.65rem; }
p { color: var(--muted); }

.container { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.section { padding: 96px 0; }
.section--tight { padding: 64px 0; }
.section--mist { background: var(--mist); }
.section--ink { background: var(--ink); color: var(--paper); }
.section--ink p { color: #b9c2c7; }
.section-head { max-width: 760px; margin-bottom: 48px; }
.section-head--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  align-items: end;
  gap: 56px;
}
.section-head--split > p { margin-bottom: 0.4rem; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--orange);
  font-size: 0.77rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.section--ink .eyebrow, .hero .eyebrow { color: #ff8758; }

.topbar { display: none; }
.topbar__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.topbar__links { display: flex; align-items: center; gap: 22px; }
.topbar a:hover { color: #ffffff; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid rgba(216, 221, 222, 0.9);
  transition: box-shadow 0.2s ease;
}
.site-header.is-scrolled { box-shadow: 0 10px 28px rgba(17, 24, 32, 0.1); }
.nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand img { width: 34px; height: 34px; object-fit: contain; }
.brand__word { font-size: 1.05rem; font-weight: 700; }
.brand__line, .brand__descriptor { display: none; }
.brand__word { font-size: 1.2rem; }
.nav__menu { display: flex; align-items: center; gap: 6px; padding: 0; margin: 0; list-style: none; }
.nav__menu > li { position: relative; }
.nav__menu > li > a:not(.button) { display: block; padding: 27px 8px; font-size: 0.88rem; font-weight: 500; }
.nav__menu > .nav-item--has-children > a:not(.button) { padding-right: 28px; }
.nav__menu > li > a:hover, .nav__menu > li > a[aria-current="page"] { color: var(--orange-dark); }
.nav__menu > li > .button[aria-current="page"] { color: #ffffff; }
.submenu-toggle {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 26px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.nav-chevron { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 0.18s ease; }
.submenu-toggle[aria-expanded="true"] .nav-chevron { transform: translateY(1px) rotate(225deg); }
.nav__submenu {
  position: absolute;
  top: calc(100% - 8px);
  left: 0;
  z-index: 20;
  min-width: 240px;
  display: grid;
  gap: 2px;
  padding: 10px;
  margin: 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: var(--shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}
.nav__submenu a { display: block; padding: 9px 11px; color: var(--ink); font-size: 0.82rem; line-height: 1.35; border-radius: 3px; }
.nav__submenu a:hover, .nav__submenu a:focus-visible { background: var(--mist); color: var(--orange-dark); }
.nav-item--has-children:hover > .nav__submenu,
.nav-item--has-children:focus-within > .nav__submenu,
.nav-item--has-children.is-submenu-open > .nav__submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 23px; height: 2px; margin: 5px auto; background: var(--ink); transition: transform 0.2s ease, opacity 0.2s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: var(--orange);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.button:hover { background: var(--orange-dark); transform: translateY(-1px); }
.button--dark { background: var(--ink); }
.button--dark:hover { background: var(--ink-2); }
.button--outline { background: transparent; color: var(--ink); border-color: #98a1a5; }
.button--outline:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.button--light { background: #fff; color: var(--ink); }
.button--light:hover { background: var(--mist); }
.button--ghost { background: transparent; border-color: rgba(255,255,255,0.6); color: #fff; }
.button--ghost:hover { background: #fff; color: var(--ink); }
.button__arrow { font-size: 1.1rem; line-height: 1; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--orange-dark); font-weight: 700; }
.text-link:hover { color: var(--ink); }

.hero {
  position: relative;
  min-height: min(690px, calc(100vh - 82px));
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--ink);
  color: #fff;
}
.hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; opacity: 0.62; }
.hero::after { content: ""; position: absolute; inset: 0; background: rgba(24, 31, 61, 0.58); }
.hero__inner { position: relative; z-index: 2; padding: 88px 0 96px; }
.hero__copy { max-width: 720px; }
.hero h1 { max-width: 700px; }
.hero__copy > p { max-width: 620px; color: #f0f1f4; font-size: 1.08rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero__facts {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(255,255,255,0.22);
  background: rgba(8, 14, 20, 0.68);
}
.hero__facts-inner { display: grid; grid-template-columns: repeat(4, 1fr); }
.hero__fact { min-height: 82px; padding: 18px 24px; border-right: 1px solid rgba(255,255,255,0.18); }
.hero__fact:first-child { padding-left: 0; }
.hero__fact:last-child { border-right: 0; }
.hero__fact strong { display: block; color: #fff; font-size: 0.95rem; }
.hero__fact span { display: block; color: #bbc4c8; font-size: 0.77rem; margin-top: 2px; }

.placeholder-note {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 4;
  padding: 6px 9px;
  background: rgba(10, 16, 22, 0.82);
  color: #e7ecee;
  font-size: 0.67rem;
  border-radius: 3px;
}
.hero .placeholder-note { bottom: 102px; }

.capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.capability {
  position: relative;
  min-height: 345px;
  padding: 30px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  background: #fff;
}
.capability__num { color: var(--orange); font-weight: 700; font-size: 0.76rem; }
.capability h3 { margin-top: 44px; }
.capability p { font-size: 0.91rem; }
.capability__fit { display: block; color: var(--teal); font-size: 0.75rem; font-weight: 700; margin: 18px 0 12px; text-transform: uppercase; }
.capability:hover { background: #fafbfb; }

.image-feature { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr); min-height: 540px; }
.image-feature__media { position: relative; min-height: 460px; overflow: hidden; background: #c8ced0; }
.image-feature__media img { width: 100%; height: 100%; object-fit: cover; }
.image-feature__body { display: flex; flex-direction: column; justify-content: center; padding: 64px; background: var(--ink); color: #fff; }
.image-feature__body p { color: #bcc5c9; }
.check-list { display: grid; gap: 14px; margin: 26px 0 32px; padding: 0; list-style: none; }
.check-list li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; color: #e8ecee; }
.check-list li::before { content: "✓"; color: var(--yellow); font-weight: 800; }

.material-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.material { min-height: 196px; padding: 24px; background: #fff; }
.material__swatch { width: 38px; height: 38px; margin-bottom: 42px; border-radius: 50%; border: 1px solid rgba(17,24,32,0.15); }
.material:nth-child(1) .material__swatch { background: #bec6ca; }
.material:nth-child(2) .material__swatch { background: #70797d; }
.material:nth-child(3) .material__swatch { background: #d4dadd; }
.material:nth-child(4) .material__swatch { background: #c59045; }
.material:nth-child(5) .material__swatch { background: #2d3234; }
.material h3 { font-size: 1rem; }
.material p { font-size: 0.78rem; margin-bottom: 0; }

.application-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.application-grid .application:last-child { grid-column: 1 / -1; }
.application {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--ink);
  color: #fff;
}
.application img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.48; transition: transform 0.45s ease, opacity 0.3s ease; }
.application::after { content: ""; position: absolute; inset: 40% 0 0; background: rgba(8, 14, 20, 0.72); }
.application__body { position: relative; z-index: 2; padding: 34px; max-width: 540px; }
.application__body p { color: #d4dade; }
.application:hover img { transform: scale(1.025); opacity: 0.58; }

.application-guide-intro { padding-bottom: 68px; }
.application-index { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.application-index a { min-width: 0; min-height: 138px; display: flex; flex-direction: column; padding: 22px 20px; background: #ffffff; transition: background 0.2s ease; }
.application-index a:hover { background: #f4f6f6; }
.application-index span { margin-bottom: auto; color: var(--orange); font-size: 0.7rem; font-weight: 700; }
.application-index strong { display: block; margin-top: 22px; color: var(--ink); font-family: "Space Grotesk", sans-serif; font-size: 0.9rem; line-height: 1.35; }
.application-index small { display: block; margin-top: 5px; color: var(--muted); font-size: 0.68rem; line-height: 1.4; }
.application-decision-stack { border-bottom: 1px solid var(--line); }
.application-decision { position: relative; display: grid; grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr); gap: 54px; align-items: start; padding: 56px 0; border-top: 1px solid var(--line); }
.application-decision__media { min-width: 0; margin: 0; overflow: hidden; background: #dfe3e4; border: 1px solid var(--line); border-radius: 4px; }
.application-decision__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.application-decision__media--contain img { padding: 18px; object-fit: contain; background: #eceff0; }
.application-decision__media figcaption { padding: 13px 15px; border-top: 1px solid var(--line); background: #ffffff; color: var(--muted); font-size: 0.7rem; line-height: 1.45; }
.application-decision__body { min-width: 0; }
.application-decision__body h3 { margin-bottom: 12px; font-size: 1.55rem; }
.application-decision__lead { max-width: 760px; margin-bottom: 24px; }
.application-decision__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 22px; border-top: 1px solid var(--line); }
.application-decision__details > div { min-width: 0; padding: 18px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.application-decision__details > div:nth-child(odd) { padding-left: 0; }
.application-decision__details > div:nth-child(even) { padding-right: 0; border-right: 0; }
.application-decision__details dt { margin-bottom: 8px; color: var(--orange-dark); font-size: 0.68rem; font-weight: 700; text-transform: uppercase; }
.application-decision__details dd { margin: 0; color: var(--muted); font-size: 0.78rem; line-height: 1.55; }
.anchor-target { position: absolute; top: -100px; left: 0; }
.application-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.application-route-grid article { min-width: 0; padding: 28px 30px; border-right: 1px solid var(--line); }
.application-route-grid article:first-child { padding-left: 0; }
.application-route-grid article:last-child { padding-right: 0; border-right: 0; }
.application-route-grid span { display: block; margin-bottom: 30px; color: var(--orange); font-size: 0.72rem; font-weight: 700; }
.application-route-grid strong { display: block; margin-bottom: 8px; color: var(--ink); font-family: "Space Grotesk", sans-serif; }
.application-route-grid p { margin: 0; font-size: 0.82rem; }

.process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #465058; }
.process__step { padding: 34px 28px 0; border-right: 1px solid #465058; }
.process__step:first-child { padding-left: 0; }
.process__step:last-child { border-right: 0; }
.process__step span { color: #ff8758; font-size: 0.76rem; font-weight: 700; }
.process__step h3 { color: #fff; margin-top: 26px; }
.process__step p { font-size: 0.87rem; }

.quality-band { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 70px; align-items: start; }
.quality-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.quality-point { padding: 28px 20px 24px 0; border-bottom: 1px solid var(--line); }
.quality-point:nth-child(odd) { border-right: 1px solid var(--line); padding-right: 28px; }
.quality-point:nth-child(even) { padding-left: 28px; }
.quality-point strong { display: block; font-family: "Space Grotesk", sans-serif; margin-bottom: 6px; }
.quality-point p { font-size: 0.84rem; margin: 0; }

.gallery { display: grid; grid-template-columns: 1.25fr 0.75fr 1fr; grid-template-rows: 270px 270px; gap: 8px; }
.gallery figure { position: relative; margin: 0; overflow: hidden; background: #d5d9da; }
.gallery figure:first-child { grid-row: 1 / 3; }
.gallery figure:last-child { grid-column: 2 / 4; }
.gallery img { width: 100%; height: 100%; object-fit: cover; }
.gallery figcaption { position: absolute; left: 12px; bottom: 12px; padding: 6px 9px; background: rgba(10,16,22,0.78); color: #fff; font-size: 0.7rem; }

.cta-band { background: var(--orange); color: #fff; }
.cta-band__inner { min-height: 250px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 60px; }
.cta-band h2 { max-width: 760px; margin-bottom: 0.6rem; }
.cta-band p { color: #ffe7de; margin-bottom: 0; }
.cta-band .button--light { min-width: 170px; }

.page-hero { padding: 86px 0 72px; background: var(--ink); color: #fff; }
.page-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 70px; align-items: center; }
.page-hero p { color: #c3ccd0; font-size: 1.05rem; }
.page-hero__media { position: relative; height: 410px; overflow: hidden; }
.page-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 34px; color: #aab4b9; font-size: 0.78rem; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs [aria-current="page"] { color: #dfe4e6; }

.service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.service-row { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 34px 28px 34px 0; border-bottom: 1px solid var(--line); }
.service-row:nth-child(odd) { border-right: 1px solid var(--line); padding-right: 34px; }
.service-row:nth-child(even) { padding-left: 34px; }
.service-row__num { color: var(--orange); font-size: 0.76rem; font-weight: 700; }
.service-row p { margin-bottom: 10px; }
.fit-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.fit-table th, .fit-table td { padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.fit-table th { color: var(--ink); background: #e9eded; font-size: 0.76rem; text-transform: uppercase; }
.fit-table td:first-child { color: var(--ink); font-weight: 600; }

.notice { padding: 22px 24px; border-left: 4px solid var(--yellow); background: #fff8e8; color: #5d4a18; }
.notice p { color: inherit; margin: 0; }

.faq { max-width: 880px; }
.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { padding: 21px 44px 21px 0; cursor: pointer; list-style: none; font-weight: 700; position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 19px; color: var(--orange); font-size: 1.35rem; }
.faq details[open] summary::after { content: "−"; }
.faq details p { padding: 0 52px 20px 0; }

.rfq-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr); gap: 64px; align-items: start; }
.rfq-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.field { display: grid; gap: 7px; }
.field--full { grid-column: 1 / -1; }
.field label, .field > span { color: var(--ink); font-size: 0.81rem; font-weight: 700; }
.field input, .field select, .field textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid #aeb6b9;
  border-radius: 3px;
  background: #fff;
  color: var(--ink);
}
.field textarea { min-height: 150px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 3px solid rgba(18,113,111,0.16); border-color: var(--teal); }
.field small { color: var(--muted); font-size: 0.73rem; }
.rfq-status { display: none; grid-column: 1 / -1; padding: 13px; border-left: 4px solid var(--teal); background: #eaf5f3; }
.rfq-status.is-visible { display: block; }
.rfq-status.is-error { border-left-color: #b6372d; background: #fff0ee; }
.rfq-aside { position: sticky; top: 110px; }
.rfq-aside__block { padding: 26px 0; border-top: 1px solid var(--line); }
.rfq-aside__block:last-child { border-bottom: 1px solid var(--line); }
.rfq-aside__block p { margin-bottom: 0; }

.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.resource-card { border: 1px solid var(--line); background: #fff; }
.resource-card img { width: 100%; aspect-ratio: 8 / 5; object-fit: cover; }
.resource-card__body { padding: 24px; }
.resource-card__meta { color: var(--teal); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }

.founder { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 70px; align-items: start; }
.founder__media { position: relative; }
.founder__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }
.founder__role { margin: -0.35rem 0 1.35rem; color: var(--orange-dark); font-weight: 700; }
.about-company__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr); gap: 78px; align-items: start; }
.about-company__facts { border-top: 1px solid var(--line); }
.about-company__facts > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.about-company__facts strong { font-size: 0.84rem; }
.about-company__facts span { color: var(--muted); font-size: 0.84rem; }
.about-philosophy__grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(520px, 1.2fr); gap: 78px; align-items: start; }
.about-philosophy__lead { max-width: 520px; font-size: 1.02rem; }
.about-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
.about-principles article { min-height: 220px; padding: 28px; border-right: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); }
.about-principles article > span { display: block; margin-bottom: 32px; color: #ff8758; font-size: 0.72rem; font-weight: 700; }
.about-principles h3 { color: #ffffff; font-size: 1.05rem; }
.about-principles p { margin: 0; font-size: 0.82rem; }
.about-value-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.about-value-grid article { min-height: 210px; padding: 28px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-value-grid strong { display: block; margin-bottom: 22px; color: var(--ink); font-family: "Space Grotesk", sans-serif; font-size: 1.02rem; }
.about-value-grid p { margin: 0; font-size: 0.82rem; }
.legal-copy { max-width: 820px; }
.legal-copy h2 { margin-top: 42px; font-size: 1.55rem; }
.legal-copy h2:first-child { margin-top: 0; }
.legal-copy a { color: var(--orange-dark); font-weight: 700; }

/* Runsom-benchmark homepage system */
.benchmark-hero .hero__copy { padding-top: 24px; }
.benchmark-hero .hero__lead {
  display: grid;
  gap: 4px;
  margin: 0 0 26px;
  padding-left: 14px;
  border-left: 4px solid var(--orange);
}
.benchmark-hero .hero__lead span { color: #ffffff; font-size: 1.38rem; line-height: 1.35; }
.benchmark-hero .placeholder-note { bottom: 18px; }

.benchmark-intro { padding: 72px 0 78px; }
.benchmark-intro__inner { max-width: 1080px; }
.benchmark-intro__titles { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px 32px; margin-bottom: 26px; }
.benchmark-intro__titles h2 { margin: 0; font-size: 2.25rem; }
.benchmark-intro__titles strong { color: var(--orange); font-size: 1.15rem; }
.benchmark-intro__copy { columns: 2; column-gap: 56px; }
.benchmark-intro__copy p { break-inside: avoid; font-size: 0.96rem; }

.benchmark-heading { margin-bottom: 40px; }
.benchmark-heading h2 { margin: 0; }
.benchmark-heading--center { max-width: 780px; margin-right: auto; margin-left: auto; text-align: center; }
.benchmark-heading--center p { margin: 14px auto 0; }

.production-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.production-card { background: #ffffff; border: 1px solid #e1e3e8; border-radius: 6px; overflow: hidden; }
.production-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #e7e8eb; }
.production-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.production-card:hover .production-card__media img { transform: scale(1.025); }
.production-card__body { padding: 26px; }
.production-card__body span { color: var(--orange); font-size: 0.73rem; font-weight: 700; text-transform: uppercase; }
.production-card__body h3 { margin-top: 10px; }
.production-card__body p { margin-bottom: 0; font-size: 0.88rem; }

.benchmark-capabilities { background: var(--mist); }
.benchmark-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.benchmark-capability {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 360px;
  padding: 24px 22px;
  background: #ffffff;
  border: 1px solid #e4e5e8;
  border-radius: 6px;
  text-align: center;
}
.benchmark-capability h3 { margin: 0 0 8px; font-size: 1rem; }
.benchmark-capability p { margin: 0; font-size: 0.78rem; }
.benchmark-capability__media { align-self: center; height: 210px; margin-top: 16px; overflow: hidden; }
.benchmark-capability__media img { width: 100%; height: 100%; object-fit: contain; }
.capability-base-group { padding-top: 30px; border-top: 1px solid var(--line); }
.capability-base-group + .capability-base-group { margin-top: 58px; }
.capability-base-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr); gap: 48px; align-items: end; margin-bottom: 24px; }
.capability-base-head__label { display: block; margin-bottom: 9px; color: var(--orange); font-size: 0.7rem; font-weight: 700; }
.capability-base-head h3 { margin: 0; font-size: 1.45rem; }
.capability-base-head > p { margin: 0; font-size: 0.86rem; }

.buyer-value-section { padding: 34px 0 78px; background: #ffffff; }
.buyer-value-section .benchmark-heading { max-width: 820px; margin-bottom: 30px; }
.buyer-value-section .benchmark-heading p { max-width: 760px; }
.buyer-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; background: var(--ink); color: #ffffff; border-radius: 8px; }
.buyer-value { min-width: 0; min-height: 210px; padding: 30px; border-right: 1px solid rgba(255,255,255,0.18); border-bottom: 1px solid rgba(255,255,255,0.18); }
.buyer-value:nth-child(3n) { border-right: 0; }
.buyer-value:nth-last-child(-n+3) { border-bottom: 0; }
.buyer-value__index { display: block; margin-bottom: 24px; color: var(--orange); font-size: 0.7rem; font-weight: 700; }
.buyer-value strong { display: block; margin-bottom: 12px; color: #ffffff; font-family: "Space Grotesk", sans-serif; font-size: 1.95rem; line-height: 1.08; }
.buyer-value--compact strong { font-size: 1.45rem; }
.buyer-value p { margin: 0; color: #c4c9d6; font-size: 0.82rem; }

.base-route-section { background: #ffffff; }
.base-route-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.base-route-grid--single { grid-template-columns: minmax(0, 980px); justify-content: center; }
.base-route { min-width: 0; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: #ffffff; border: 1px solid var(--line); border-radius: 6px; }
.base-route__media { aspect-ratio: 16 / 9; overflow: hidden; background: #e7e8eb; }
.base-route__media img { width: 100%; height: 100%; object-fit: cover; }
.base-route__body { padding: 30px; }
.base-route__label { display: block; margin-bottom: 12px; color: var(--orange); font-size: 0.72rem; font-weight: 700; }
.base-route__body h3 { margin-bottom: 10px; font-size: 1.35rem; }
.base-route__body > p { margin-bottom: 24px; font-size: 0.9rem; }
.base-route__details { margin: 0 0 24px; }
.base-route__details > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 18px; padding: 14px 0; border-top: 1px solid var(--line); }
.base-route__details dt { color: var(--ink); font-size: 0.76rem; font-weight: 700; text-transform: uppercase; }
.base-route__details dd { margin: 0; color: var(--muted); font-size: 0.82rem; }
.evidence-section { padding: 76px 0; background: var(--ink); color: #ffffff; }
.evidence-section .benchmark-heading h2 { color: #ffffff; }
.evidence-section .benchmark-heading p { max-width: 850px; color: #bdc3d2; }
.evidence-section__intro { margin-bottom: 58px; }
.production-proof-list { display: grid; gap: 72px; }
.production-proof { min-width: 0; padding-top: 34px; border-top: 1px solid rgba(255,255,255,0.24); }
.production-proof__header { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr); gap: 56px; align-items: end; margin-bottom: 24px; }
.production-proof__header h3 { margin: 7px 0 0; color: #ffffff; font-size: 1.55rem; }
.production-proof__header p { max-width: 680px; margin: 0; color: #bdc3d2; }
.production-proof__label { color: var(--orange); font-size: 0.7rem; font-weight: 700; }
.production-proof__gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.production-proof__gallery figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.16); border-radius: 4px; background: #1d2730; }
.production-proof__gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.production-proof__gallery figcaption { min-height: 88px; padding: 14px 16px 16px; border-top: 1px solid rgba(255,255,255,0.14); }
.production-proof__gallery strong { display: block; margin-bottom: 5px; color: #ffffff; font-size: 0.88rem; }
.production-proof__gallery span { display: block; color: #aeb7c2; font-size: 0.72rem; line-height: 1.5; }
.production-proof__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 22px 0 20px; border-top: 1px solid rgba(255,255,255,0.18); border-bottom: 1px solid rgba(255,255,255,0.18); }
.production-proof__facts > div { min-width: 0; padding: 18px 22px; border-right: 1px solid rgba(255,255,255,0.18); }
.production-proof__facts > div:first-child { padding-left: 0; }
.production-proof__facts > div:last-child { padding-right: 0; border-right: 0; }
.production-proof__facts dt { margin-bottom: 7px; color: var(--orange); font-size: 0.68rem; font-weight: 700; text-transform: uppercase; }
.production-proof__facts dd { margin: 0; color: #d6dae1; font-size: 0.78rem; line-height: 1.55; }
.production-proof__link { color: #ffffff; }

.number-section { padding: 76px 0 82px; background: #ffffff; }
.number-section h2 { margin: 0 0 30px; font-size: 2.35rem; }
.number-band { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; padding: 0 18px; background: var(--ink); color: #ffffff; border-radius: 8px; }
.number-stat { min-width: 0; min-height: 168px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 26px 18px; border-right: 1px solid rgba(255,255,255,0.18); text-align: center; }
.number-stat:last-child { border-right: 0; }
.number-stat strong { display: block; margin-bottom: 12px; color: #ffffff; font-family: "Space Grotesk", sans-serif; font-size: 2.25rem; line-height: 1.05; }
.number-stat span { color: #d6dae1; font-size: 0.86rem; font-weight: 600; line-height: 1.4; }

.benchmark-process { background: var(--mist); }
.benchmark-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.benchmark-step { min-height: 280px; padding: 28px 24px; background: #ffffff; border: 1px solid #e4e5e8; border-radius: 6px; }
.benchmark-step__number {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 34px;
  background: var(--ink);
  color: #ffffff;
  border-radius: 4px;
  font-weight: 700;
}
.benchmark-step h3 { font-size: 1rem; }
.benchmark-step p { margin-bottom: 0; font-size: 0.86rem; }

.benchmark-why { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.why-item { min-height: 230px; padding: 30px 34px 24px 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.why-item:nth-child(3n) { border-right: 0; padding-left: 34px; }
.why-item:nth-child(3n-1) { padding-left: 34px; }
.why-item__mark { display: block; margin-bottom: 34px; color: var(--orange); font-weight: 700; }
.why-item p { margin-bottom: 0; font-size: 0.86rem; }

.benchmark-industries { background: var(--mist); }
.product-overview { background: #ffffff; }
.product-overview-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.product-overview-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; color: var(--ink); background: var(--mist); border: 1px solid var(--line); border-radius: 4px; transition: transform 0.25s ease, border-color 0.25s ease; }
.product-overview-card:hover { transform: translateY(-3px); border-color: var(--orange); }
.product-overview-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #eceff0; }
.product-overview-card > div { display: flex; min-height: 144px; flex-direction: column; padding: 16px; }
.product-overview-card span { margin-bottom: 10px; color: var(--orange-dark); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.06em; line-height: 1.35; }
.product-overview-card strong { margin-bottom: 8px; font-size: 0.94rem; line-height: 1.25; }
.product-overview-card small { color: var(--muted); font-size: 0.74rem; line-height: 1.45; }
.representative-parts .benchmark-heading { max-width: 820px; }
.sample-family-stack { border-bottom: 1px solid var(--line); }
.sample-family { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 36px; align-items: start; padding: 40px 0; border-top: 1px solid var(--line); }
.sample-family__intro { min-width: 0; padding-top: 2px; }
.sample-family__intro .route-tag { color: var(--orange-dark); }
.sample-family__intro h3 { font-size: 1.2rem; }
.sample-family__intro p { margin-bottom: 18px; font-size: 0.84rem; }
.sample-family__intro .text-link { font-size: 0.8rem; }
.sample-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sample-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sample-card { min-width: 0; overflow: hidden; background: #ffffff; border: 1px solid var(--line); border-radius: 4px; }
.sample-card > img { width: 100%; aspect-ratio: 4 / 3; padding: 8px; object-fit: contain; background: #eceff0; }
.sample-card > div { min-height: 138px; padding: 16px 17px; }
.sample-card strong { display: block; margin-bottom: 5px; color: var(--ink); font-size: 0.88rem; line-height: 1.3; }
.sample-card span { display: block; color: var(--muted); font-size: 0.72rem; line-height: 1.4; }
.sample-card span b { display: block; margin-bottom: 4px; color: var(--orange-dark); font-size: 0.64rem; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
.machining-product-gallery { padding-bottom: 24px; background: #ffffff; }
.machining-product-gallery .sample-card > img { aspect-ratio: 1 / 1; padding: 0; background: #f7f8f8; }
.machining-product-gallery .sample-card > div { min-height: 126px; }
.part-gallery-intro { padding-bottom: 44px; }
.part-gallery-index { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.part-gallery-section + .part-gallery-section { padding-top: 30px; }
.part-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.part-gallery-grid--two { grid-template-columns: repeat(2, minmax(0, 320px)); }
.part-gallery-grid figure { min-width: 0; margin: 0; overflow: hidden; background: #ffffff; border: 1px solid var(--line); border-radius: 4px; }
.part-gallery-grid img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #f7f8f8; }
.part-gallery-grid figcaption { min-height: 88px; padding: 14px 16px 16px; border-top: 1px solid var(--line); }
.part-gallery-grid strong { display: block; margin-bottom: 5px; color: var(--ink); font-size: 0.86rem; line-height: 1.3; }
.part-gallery-grid span { display: block; color: var(--muted); font-size: 0.72rem; line-height: 1.45; }
.page-hero__media--contain img { object-fit: contain; background: #f4f5f5; }
.factory-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.factory-photo-grid figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.factory-photo-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.factory-photo-grid figcaption { min-height: 82px; padding: 14px 16px 16px; border-top: 1px solid var(--line); }
.factory-photo-grid strong, .factory-photo-grid span { display: block; }
.factory-photo-grid strong { margin-bottom: 4px; color: var(--ink); font-size: 0.86rem; }
.factory-photo-grid span { color: var(--muted); font-size: 0.72rem; line-height: 1.45; }
.factory-photo-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.applications-hero .page-hero__media img { object-fit: contain; background: #f4f5f5; }.representative-jaw-gallery-section { background: #ffffff; }
.representative-jaw-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.representative-jaw-gallery figure { min-width: 0; margin: 0; overflow: hidden; background: #f7f8f8; border: 1px solid var(--line); border-radius: 4px; }
.representative-jaw-gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: 8px; background: #f7f8f8; }
.representative-jaw-gallery figcaption { min-height: 82px; padding: 14px 16px 16px; border-top: 1px solid var(--line); }
.representative-jaw-gallery strong, .representative-jaw-gallery span { display: block; }
.representative-jaw-gallery strong { margin-bottom: 5px; color: var(--ink); font-size: 0.86rem; line-height: 1.3; }
.representative-jaw-gallery span { color: var(--muted); font-size: 0.72rem; line-height: 1.45; }

@media (max-width: 1100px) {
  .representative-jaw-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .part-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .part-gallery-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .part-gallery-index, .part-gallery-grid, .factory-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-hero__grid, .article-layout { grid-template-columns: 1fr; }
  .article-hero__grid { gap: 34px; }
  .article-toc { position: static; }
}

@media (max-width: 520px) {
  .part-gallery-index, .part-gallery-grid, .part-gallery-grid--two, .factory-photo-grid { grid-template-columns: 1fr; }
  .part-gallery-grid figcaption, .factory-photo-grid figcaption { min-height: 0; }
}
.industry-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.industry-card { grid-column: span 2; }
.industry-card:nth-last-child(-n+2) { grid-column: span 3; }
.industry-card { position: relative; min-height: 340px; display: flex; align-items: flex-end; overflow: hidden; background: var(--ink); border-radius: 4px; }
.industry-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.72; transition: transform 0.35s ease, opacity 0.35s ease; }
.industry-card::after { display: none; }
.industry-card__body { position: relative; z-index: 2; margin: 0 14px 14px; padding: 16px 18px; background: rgba(20,26,50,0.72); border-left: 3px solid var(--orange); border-radius: 3px; color: #ffffff; }
.route-tag { display: block; margin-bottom: 8px; color: #ffbd8f; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; }
.industry-card__body h3 { margin-bottom: 6px; color: #ffffff; font-size: 1.05rem; line-height: 1.28; }
.industry-card__body p { margin-bottom: 0; color: #d6d9e1; font-size: 0.8rem; }
.industry-card:hover img { transform: scale(1.03); opacity: 0.72; }

.energy-evidence-section { background: var(--ink); color: #ffffff; }
.energy-evidence-section .section-head h2 { color: #ffffff; }
.energy-evidence-section .section-head > p { color: #c4c9d6; }
.energy-evidence-section .benchmark-heading h2 { color: #ffffff; }
.energy-evidence-section .benchmark-heading > p { max-width: 820px; color: #c4c9d6; }
.energy-evidence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.energy-evidence { min-width: 0; margin: 0; }
.energy-evidence img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.energy-evidence figcaption { padding: 18px 4px 0; }
.energy-evidence h3 { margin-bottom: 8px; color: #ffffff; font-size: 1rem; line-height: 1.35; }
.energy-evidence p { margin: 0; color: #c4c9d6; font-size: 0.8rem; }

.benchmark-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.benchmark-resource { border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: #ffffff; }
.benchmark-resource img { width: 100%; aspect-ratio: 8 / 5; object-fit: cover; }
.benchmark-resource__body { padding: 24px; }
.benchmark-resource__body span { color: var(--orange); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }
.benchmark-resource__body h3 { margin-top: 10px; }
.benchmark-resource__body p { font-size: 0.84rem; }

.article-hero { padding: 54px 0 64px; background: var(--ink); color: #fff; }
.article-hero .breadcrumbs { margin-bottom: 34px; color: #aeb8bd; }
.article-hero .breadcrumbs a { color: #dce2e5; }
.article-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: 58px; align-items: center; }
.article-hero h1 { max-width: 820px; margin: 12px 0 18px; color: #fff; font-size: clamp(2.35rem, 5vw, 4.8rem); line-height: 1.02; }
.article-hero__lead { max-width: 760px; color: #c7ced2; font-size: 1.05rem; line-height: 1.7; }
.article-hero__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 26px; color: #aeb8bd; font-size: 0.76rem; }
.article-hero__media { min-width: 0; margin: 0; overflow: hidden; border-radius: 4px; background: #e9ecec; }
.article-hero__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.article-layout { display: grid; grid-template-columns: 240px minmax(0, 760px); gap: 70px; justify-content: center; align-items: start; }
.article-toc { position: sticky; top: 104px; padding-top: 18px; border-top: 3px solid var(--orange); }
.article-toc strong { display: block; margin-bottom: 14px; color: var(--ink); font-size: 0.76rem; text-transform: uppercase; }
.article-toc a { display: block; padding: 7px 0; color: var(--muted); font-size: 0.76rem; line-height: 1.4; }
.article-toc a:hover { color: var(--orange-dark); }
.article-body { min-width: 0; color: #303941; font-size: 1rem; line-height: 1.78; }
.article-body > p:first-child { color: var(--ink); font-size: 1.16rem; line-height: 1.7; }
.article-body h2 { margin: 58px 0 18px; color: var(--ink); font-size: clamp(1.65rem, 3vw, 2.35rem); }
.article-body h3 { margin: 32px 0 12px; color: var(--ink); font-size: 1.18rem; }
.article-body p, .article-body ul, .article-body ol, .article-body table { margin-bottom: 22px; }
.article-body ul, .article-body ol { padding-left: 22px; }
.article-body li { margin-bottom: 10px; }
.article-body table { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.article-body th, .article-body td { padding: 14px 13px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.article-body th { background: #edf0f0; color: var(--ink); }
.article-note { margin: 34px 0; padding: 24px 26px; border-left: 4px solid var(--orange); background: #f1f3f3; }
.article-note strong { display: block; margin-bottom: 6px; color: var(--ink); }
.article-author { display: grid; grid-template-columns: 72px 1fr; gap: 18px; align-items: center; margin-top: 58px; padding-top: 28px; border-top: 1px solid var(--line); }
.article-author img { width: 72px; height: 72px; object-fit: cover; border-radius: 4px; }
.article-author strong, .article-author span { display: block; }
.article-author span { margin-top: 4px; color: var(--muted); font-size: 0.78rem; line-height: 1.5; }

.benchmark-partner { padding: 82px 0; background: var(--ink); color: #ffffff; text-align: center; }
.benchmark-partner h2 { color: #ffffff; margin-bottom: 14px; }
.benchmark-partner p { max-width: 700px; margin: 0 auto 28px; color: #c5cad6; }
.scope-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 34px; margin-top: 30px; }
.scope-list div { padding-top: 18px; border-top: 1px solid var(--line); }
.scope-list strong { display: block; margin-bottom: 5px; }
.scope-list p { font-size: 0.84rem; }
.company-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 36px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.company-timeline > div { min-height: 150px; padding: 28px; background: #ffffff; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.company-timeline strong { display: block; margin-bottom: 12px; color: var(--orange); font-family: "Space Grotesk", sans-serif; font-size: 1.8rem; }
.company-timeline span { display: block; color: var(--ink); font-size: 0.88rem; }

.site-footer { background: #0b1117; color: #fff; padding: 68px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 1.15fr 0.85fr 0.85fr 1fr; gap: 48px; }
.footer-brand p { color: #9faab0; max-width: 340px; }
.footer-title { color: #fff; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; margin-bottom: 18px; }
.footer-links { display: grid; gap: 9px; }
.footer-links a { color: #aeb8bd; font-size: 0.86rem; }
.footer-links a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 54px; padding-top: 22px; border-top: 1px solid #313b43; color: #7f8b91; font-size: 0.74rem; }

.reveal { opacity: 1; transform: none; }
.reveal.is-visible { opacity: 1; transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 1040px) {
  .brand__descriptor, .brand__line { display: none; }
  .nav { gap: 14px; }
  .nav__menu { gap: 2px; }
  .nav__menu > li > a:not(.button) { padding-left: 6px; padding-right: 6px; font-size: 0.78rem; }
  .nav__menu > .nav-item--has-children > a:not(.button) { padding-right: 24px; }
  .nav__menu .button { padding: 0 14px; }
  .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .material-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benchmark-capability-grid, .industry-grid, .energy-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .industry-card, .industry-card:nth-last-child(-n+2) { grid-column: auto; }
  .industry-card:last-child { grid-column: 1 / -1; }
  .production-proof__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .number-band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .number-stat { border-bottom: 1px solid rgba(255,255,255,0.18); }
  .number-stat:nth-child(even) { border-right: 0; }
  .number-stat:nth-last-child(-n+2) { border-bottom: 0; }
  .buyer-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .buyer-value, .buyer-value:nth-child(3n), .buyer-value:nth-last-child(-n+3) { border-right: 1px solid rgba(255,255,255,0.18); border-bottom: 1px solid rgba(255,255,255,0.18); }
  .buyer-value:nth-child(even) { border-right: 0; }
  .buyer-value:nth-last-child(-n+2) { border-bottom: 0; }
  .about-value-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sample-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  h1 { font-size: 2.7rem; }
  h2 { font-size: 2.15rem; }
  .topbar__inner > span { display: none; }
  .topbar__inner { justify-content: center; }
  .topbar__links { width: 100%; justify-content: space-between; gap: 12px; }
  .menu-toggle { display: block; }
  .nav { min-height: 66px; }
  .nav__menu {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    align-content: start;
    overflow: auto;
    padding: 18px 20px 42px;
    background: #fff;
  }
  .nav__menu.is-open { display: grid; }
  .nav__menu > li > a:not(.button) { padding: 13px 44px 13px 0; border-bottom: 1px solid var(--line); font-size: 1rem; }
  .submenu-toggle { top: 7px; right: 0; width: 40px; height: 40px; }
  .nav__submenu {
    position: static;
    min-width: 0;
    display: none;
    gap: 0;
    padding: 4px 0 8px 18px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
  .nav-item--has-children:hover > .nav__submenu,
  .nav-item--has-children:focus-within > .nav__submenu { display: none; }
  .nav-item--has-children.is-submenu-open > .nav__submenu { display: grid; }
  .nav__submenu a { padding: 10px 0; border-bottom: 1px solid #edf0f1; font-size: 0.9rem; }
  .nav__menu .button { margin-top: 14px; width: 100%; }
  .section { padding: 72px 0; }
  .section-head--split, .image-feature, .quality-band, .page-hero__grid, .rfq-layout, .founder, .about-company__grid, .about-philosophy__grid, .sample-family { grid-template-columns: 1fr; gap: 36px; }
  .company-timeline { grid-template-columns: 1fr; }
  .hero { min-height: 700px; align-items: flex-start; }
  .hero__inner { padding-top: 76px; }
  .hero__facts-inner { grid-template-columns: repeat(2, 1fr); }
  .hero__fact { min-height: 70px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.18); }
  .hero__fact:first-child { padding-left: 0; }
  .hero__fact:nth-child(2) { border-right: 0; }
  .hero__facts { position: absolute; }
  .hero .placeholder-note { bottom: 168px; }
  .image-feature__body { padding: 44px 30px; }
  .application-grid { grid-template-columns: 1fr; }
  .application-grid .application:last-child { grid-column: auto; }
  .application-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .application-index a:last-child { grid-column: 1 / -1; }
  .application-decision { grid-template-columns: 1fr; gap: 28px; }
  .application-decision__media { max-width: 560px; }
  .application-route-grid { grid-template-columns: 1fr; }
  .application-route-grid article, .application-route-grid article:first-child, .application-route-grid article:last-child { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .application-route-grid article:last-child { border-bottom: 0; }
  .application-route-grid span { margin-bottom: 16px; }
  .process { grid-template-columns: repeat(2, 1fr); }
  .process__step { padding: 28px 22px 12px 0; border-bottom: 1px solid #465058; }
  .process__step:nth-child(2) { border-right: 0; padding-left: 22px; }
  .process__step:nth-child(3) { padding-left: 0; }
  .process__step:nth-child(4) { border-right: 0; padding-left: 22px; }
  .gallery { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 230px); }
  .gallery figure:first-child { grid-row: auto; }
  .gallery figure:last-child { grid-column: 1 / 3; }
  .cta-band__inner { grid-template-columns: 1fr; gap: 28px; padding: 52px 0; }
  .rfq-aside { position: static; }
  .resource-grid { grid-template-columns: 1fr 1fr; }
  .benchmark-intro__copy { columns: 1; }
  .production-grid { grid-template-columns: 1fr; }
  .base-route-grid { grid-template-columns: 1fr; }
  .capability-base-head { grid-template-columns: 1fr; gap: 10px; }
  .production-proof__header { grid-template-columns: 1fr; gap: 12px; }
  .benchmark-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benchmark-why { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .why-item, .why-item:nth-child(3n), .why-item:nth-child(3n-1) { padding: 28px 26px; border-right: 1px solid var(--line); }
  .why-item:nth-child(even) { border-right: 0; }
  .benchmark-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sample-family { gap: 20px; }
  .sample-family__intro { max-width: 560px; }
  .about-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .container { width: min(100% - 28px, var(--max)); }
  h1 { font-size: 2.28rem; }
  h2 { font-size: 1.85rem; }
  .topbar { font-size: 0.7rem; }
  .topbar__links a:nth-child(3) { display: none; }
  .hero { min-height: 670px; }
  .hero__inner { padding-top: 54px; padding-bottom: 68px; }
  .hero__copy > p { font-size: 0.94rem; line-height: 1.5; }
  .hero .placeholder-note { display: none; }
  .hero__actions { display: grid; }
  .hero__actions .button { width: 100%; }
  .capability-grid, .material-grid, .process, .quality-points, .service-list, .scope-list, .resource-grid, .rfq-form { grid-template-columns: 1fr; }
  .capability { min-height: 285px; }
  .material { min-height: 170px; }
  .material__swatch { margin-bottom: 26px; }
  .process__step, .process__step:nth-child(2), .process__step:nth-child(3), .process__step:nth-child(4) { padding: 25px 0; border-right: 0; }
  .quality-point:nth-child(odd), .quality-point:nth-child(even), .service-row:nth-child(odd), .service-row:nth-child(even) { border-right: 0; padding: 25px 0; }
  .field--full { grid-column: auto; }
  .page-hero { padding: 62px 0; }
  .page-hero__media { height: 300px; }
  .applications-hero { padding: 46px 0 40px; }
  .applications-hero .breadcrumbs { margin-bottom: 24px; }
  .applications-hero .page-hero__media { height: 150px; }
  .application-guide-intro { padding-bottom: 56px; }
  .application-index { grid-template-columns: 1fr; }
  .application-index a, .application-index a:last-child { min-height: 112px; grid-column: auto; }
  .application-decision { padding: 44px 0; }
  .application-decision__body h3 { font-size: 1.3rem; }
  .application-decision__details { grid-template-columns: 1fr; }
  .application-decision__details > div, .application-decision__details > div:first-child, .application-decision__details > div:last-child { padding: 16px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .application-decision__details > div:last-child { border-bottom: 0; }
  .gallery { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, 240px); }
  .gallery figure:last-child { grid-column: auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .footer-bottom { display: grid; }
  .benchmark-hero .hero__lead span { font-size: 1.06rem; }
  .benchmark-intro { padding: 56px 0 60px; }
  .benchmark-intro__titles { display: grid; gap: 8px; }
  .benchmark-intro__titles h2 { font-size: 1.8rem; }
  .production-grid, .benchmark-capability-grid, .benchmark-process-grid, .benchmark-why, .industry-grid, .energy-evidence-grid, .benchmark-resource-grid { grid-template-columns: 1fr; }
  .industry-card:last-child { grid-column: auto; }
  .benchmark-capability { min-height: 330px; }
  .buyer-value-section { padding: 22px 0 58px; }
  .buyer-value-grid { grid-template-columns: 1fr; }
  .buyer-value, .buyer-value:nth-child(3n), .buyer-value:nth-child(even), .buyer-value:nth-last-child(-n+3), .buyer-value:nth-last-child(-n+2) { min-height: 0; padding: 24px 20px 26px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.18); }
  .buyer-value:last-child { border-bottom: 0; }
  .buyer-value__index { margin-bottom: 16px; }
  .buyer-value strong, .buyer-value--compact strong { font-size: 1.55rem; }
  .buyer-value p { font-size: 0.78rem; }
  .about-company__facts > div { grid-template-columns: 1fr; gap: 6px; }
  .about-principles, .about-value-grid, .sample-grid, .sample-grid--four, .product-overview-grid { grid-template-columns: 1fr; }
  .about-principles article, .about-value-grid article { min-height: 0; }
  .sample-card > img { aspect-ratio: 16 / 10; }
  .base-route__body { padding: 24px 20px; }
  .base-route__details > div { grid-template-columns: 1fr; gap: 5px; }
  .evidence-section { padding: 64px 0; }
  .evidence-section__intro { margin-bottom: 44px; }
  .production-proof-list { gap: 56px; }
  .production-proof__gallery, .production-proof__facts { grid-template-columns: 1fr; }
  .production-proof__gallery figcaption { min-height: 0; }
  .production-proof__facts > div, .production-proof__facts > div:first-child, .production-proof__facts > div:last-child { padding: 16px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.18); }
  .production-proof__facts > div:last-child { border-bottom: 0; }
  .number-section { padding: 58px 0 64px; }
  .number-section h2 { font-size: 1.85rem; }
  .number-band { grid-template-columns: 1fr; padding: 0 18px; }
  .number-stat, .number-stat:nth-child(even), .number-stat:nth-last-child(-n+2) { min-height: 132px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.18); }
  .number-stat:last-child { border-bottom: 0; }
  .number-stat strong { font-size: 1.9rem; }
  .why-item, .why-item:nth-child(3n), .why-item:nth-child(3n-1) { border-right: 0; }
  .benchmark-partner { padding: 64px 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Soft-jaw storefront layout */
.storefront-hero { position: relative; min-height: 560px; display: flex; align-items: center; overflow: hidden; background: var(--ink); color: #fff; }
.storefront-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; opacity: .46; }
.storefront-hero::after { content: ""; position: absolute; inset: 0; background: rgba(20, 27, 48, .35); pointer-events: none; }
.storefront-hero__inner { position: relative; z-index: 1; }
.storefront-hero__copy { max-width: 650px; padding: 84px 0; }
.storefront-hero__copy h1 { max-width: 620px; color: #fff; margin-bottom: 20px; }
.storefront-hero__copy p { max-width: 590px; color: #eef1f5; font-size: 1.08rem; }
.storefront-hero__copy .storefront-hero__lead { color: #fff; font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 600; margin-bottom: 12px; }
.storefront-categories { background: #fff; border-bottom: 1px solid var(--line); }
.storefront-category-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.storefront-category-grid a { display: flex; min-height: 150px; flex-direction: column; gap: 12px; padding: 18px 14px; border-right: 1px solid var(--line); transition: background .18s ease, transform .18s ease; }
.storefront-category-grid a:first-child { border-left: 1px solid var(--line); }
.storefront-category-grid a:hover { background: var(--mist); transform: translateY(-2px); }
.storefront-category-grid img { width: 100%; height: 72px; object-fit: contain; background: #fff; }
.storefront-category-grid span { display: grid; gap: 3px; }
.storefront-category-grid strong { font-size: .88rem; line-height: 1.25; }
.storefront-category-grid small { color: var(--muted); font-size: .76rem; line-height: 1.3; }
.storefront-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 38px; }
.storefront-heading > p { max-width: 460px; margin: 0 0 4px; }
.storefront-layout { display: grid; grid-template-columns: 218px minmax(0, 1fr); gap: 32px; align-items: start; }
.catalog-sidebar { display: grid; gap: 0; border: 1px solid var(--line); background: #fff; }
.catalog-sidebar > strong { padding: 17px 16px; color: #fff; background: var(--ink); font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: .96rem; }
.catalog-sidebar > a { padding: 12px 16px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: .84rem; line-height: 1.3; }
.catalog-sidebar > a:hover { color: var(--orange-dark); background: var(--mist); }
.catalog-sidebar--sticky { position: sticky; top: 102px; }
.catalog-sidebar__help { display: grid; gap: 11px; padding: 17px 16px; background: #f8f9fa; }
.catalog-sidebar__help span { color: var(--muted); font-size: .8rem; }
.catalog-sidebar__help .button { width: 100%; min-height: 40px; padding: 0 10px; font-size: .78rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.catalog-grid--home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.catalog-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.catalog-card__image { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #f6f7f8; }
.catalog-card__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .22s ease; }
.catalog-card:hover .catalog-card__image img { transform: scale(1.035); }
.catalog-card__body { display: flex; flex: 1; flex-direction: column; padding: 17px 17px 18px; }
.catalog-card__tag { color: var(--orange-dark); font-size: .7rem; font-weight: 700; letter-spacing: .04em; }
.catalog-card h3 { margin: 8px 0 8px; font-size: 1.08rem; }
.catalog-card p { margin-bottom: 14px; font-size: .84rem; line-height: 1.5; }
.catalog-card dl { display: grid; gap: 7px; margin: auto 0 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.catalog-card dl div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; font-size: .76rem; line-height: 1.35; }
.catalog-card dt { color: var(--muted); }
.catalog-card dd { margin: 0; color: var(--ink); font-weight: 600; }
.catalog-card .button { align-self: start; min-height: 38px; padding: 0 13px; font-size: .78rem; }
.selection-strip { padding: 78px 0; background: var(--ink); color: #fff; }
.selection-strip .eyebrow { color: #ff8758; }
.selection-strip h2 { color: #fff; }
.selection-strip p { color: #cbd2dc; }
.selection-strip__intro { max-width: 610px; }
.selection-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 34px 0 20px; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); }
.selection-steps li { display: grid; gap: 9px; min-height: 116px; padding: 18px 15px; border-right: 1px solid rgba(255,255,255,.18); }
.selection-steps li:first-child { border-left: 1px solid rgba(255,255,255,.18); }
.selection-steps span { color: #ff8758; font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: .75rem; font-weight: 700; }
.selection-steps strong { color: #fff; font-size: .82rem; line-height: 1.3; }
.selection-note { max-width: 800px; font-size: .82rem; }
.selection-strip > .container > .button { margin-top: 13px; }
.custom-jaw-section { background: #fff; }
.custom-jaw-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .92fr); gap: 70px; align-items: center; }
.custom-jaw-grid h2 { max-width: 520px; }
.custom-jaw-grid p { max-width: 590px; }
.custom-jaw-section .check-list { grid-template-columns: 1fr; max-width: 620px; }
.check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; margin: 22px 0 28px; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 19px; color: var(--ink); font-size: .86rem; }
.check-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 3px; background: var(--orange); }
.custom-jaw-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.custom-jaw-gallery img { width: 100%; aspect-ratio: 1.25; object-fit: contain; background: #f6f7f8; border: 1px solid var(--line); }
.custom-jaw-gallery img:first-child { grid-column: span 2; aspect-ratio: 1.8; }
.product-proof-section { padding-top: 78px; padding-bottom: 84px; }
.proof-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.proof-card-grid article { background: #fff; border: 1px solid var(--line); }
.proof-card-grid img { width: 100%; height: 190px; object-fit: cover; }
.proof-card-grid article > div { padding: 16px 17px 18px; }
.proof-card-grid strong { font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; }
.proof-card-grid p { margin: 7px 0 0; font-size: .83rem; line-height: 1.5; }
.catalog-hero { padding: 28px 0 66px; background: var(--mist); }
.catalog-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .75fr); gap: 62px; align-items: center; padding-top: 34px; }
.catalog-hero__grid h1 { max-width: 650px; }
.catalog-hero__grid p { max-width: 650px; font-size: 1.05rem; }
.catalog-hero__image { aspect-ratio: 1.25; overflow: hidden; background: #fff; border: 1px solid var(--line); }
.catalog-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.selection-strip--page { background: #f1f3f5; color: var(--ink); }
.selection-strip--page h2 { color: var(--ink); }
.selection-strip--page p { color: var(--muted); }
.selection-strip--page .selection-steps { display: none; }
.selection-table { display: grid; margin: 28px 0 18px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); background: #fff; }
.selection-table > div { display: grid; grid-template-columns: .75fr 1.3fr 1.45fr; border-bottom: 1px solid var(--line); }
.selection-table > div > * { padding: 13px 15px; border-right: 1px solid var(--line); font-size: .84rem; line-height: 1.4; }
.selection-table > div:first-child { background: var(--ink); color: #fff; }
.selection-table > div:first-child > * { color: #fff; font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; }
.selection-table span { color: var(--muted); }
.product-gallery-section { padding-top: 78px; }
.soft-jaw-photo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.soft-jaw-photo-grid img { width: 100%; aspect-ratio: 1.2; object-fit: contain; border: 1px solid var(--line); background: #f7f8f9; }
@media (max-width: 1080px) {
  .storefront-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .storefront-category-grid a:nth-child(3) { border-right: 1px solid var(--line); }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-grid--home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selection-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .selection-steps li:nth-child(4) { border-left: 1px solid rgba(255,255,255,.18); }
}
@media (max-width: 760px) {
  .storefront-hero { min-height: 530px; }
  .storefront-hero__copy { padding: 74px 0; }
  .storefront-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .storefront-category-grid a:nth-child(3n+1) { border-left: 1px solid var(--line); }
  .storefront-heading { display: grid; gap: 12px; }
  .storefront-layout, .custom-jaw-grid, .catalog-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .catalog-sidebar--sticky { position: static; }
  .catalog-grid, .catalog-grid--home { grid-template-columns: 1fr; }
  .selection-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selection-steps li:nth-child(odd) { border-left: 1px solid rgba(255,255,255,.18); }
  .selection-table > div { grid-template-columns: 1fr; }
  .selection-table > div:first-child { display: none; }
  .selection-table > div > * { border-bottom: 1px dotted var(--line); }
  .selection-table > div > *::before { content: ""; display: block; margin-bottom: 3px; color: var(--ink); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
  .selection-table > div > :nth-child(1)::before { content: "Input"; }
  .selection-table > div > :nth-child(2)::before { content: "What to send"; }
  .selection-table > div > :nth-child(3)::before { content: "Why it matters"; }
  .check-list { grid-template-columns: 1fr; }
  .proof-card-grid, .soft-jaw-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
  .storefront-category-grid { grid-template-columns: 1fr; }
  .storefront-category-grid a { border-left: 1px solid var(--line); }
  .selection-steps { grid-template-columns: 1fr; }
  .selection-steps li { border-left: 1px solid rgba(255,255,255,.18); }
  .proof-card-grid, .soft-jaw-photo-grid { grid-template-columns: 1fr; }
}
.customer-fit-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.customer-fit-grid article { min-height: 220px; padding: 22px 18px; border-top: 4px solid var(--orange); background: var(--mist); }
.customer-fit-grid article > span { color: var(--orange-dark); font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: .74rem; font-weight: 700; }
.customer-fit-grid h3 { margin-top: 28px; font-size: 1rem; }
.customer-fit-grid p { margin-bottom: 0; font-size: .82rem; line-height: 1.5; }
.application-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.application-story-grid article { overflow: hidden; background: #fff; border: 1px solid var(--line); }
.application-story-grid img { width: 100%; aspect-ratio: 1.35; object-fit: contain; background: #f8f9fa; }
.application-story-grid article > div { padding: 17px 18px 20px; }
.application-story-grid span { color: var(--orange-dark); font-size: .7rem; font-weight: 700; }
.application-story-grid h3 { margin: 8px 0 7px; font-size: 1.05rem; }
.application-story-grid p { margin-bottom: 0; font-size: .83rem; line-height: 1.5; }
@media (max-width: 980px) { .customer-fit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .customer-fit-grid, .application-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .customer-fit-grid, .application-story-grid { grid-template-columns: 1fr; } }
/* Looping soft-jaw category carousel */
.storefront-categories { padding: 24px 0; overflow: hidden; }
.storefront-carousel-shell { position: relative; padding: 0 54px; }
.storefront-carousel { overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; cursor: grab; }
.storefront-carousel:active { cursor: grabbing; }
.storefront-carousel::-webkit-scrollbar { display: none; }
.storefront-category-track { display: flex; width: max-content; }
.storefront-category-track > a { display: flex; flex: 0 0 clamp(270px, 24vw, 318px); min-height: 276px; flex-direction: column; gap: 14px; padding: 20px 20px 22px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; scroll-snap-align: start; transition: background .18s ease; }
.storefront-category-track > a:first-child { border-left: 1px solid var(--line); }
.storefront-category-track > a:hover { background: var(--mist); }
.storefront-category-track img { width: 100%; height: 158px; object-fit: contain; background: #fff; }
.storefront-category-track span { display: grid; gap: 5px; }
.storefront-category-track strong { font-size: 1.02rem; line-height: 1.25; }
.storefront-category-track small { color: var(--muted); font-size: .84rem; line-height: 1.4; }
.storefront-carousel-button { position: absolute; top: 50%; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--ink); box-shadow: 0 8px 20px rgba(17, 24, 32, .14); font-size: 1.15rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: background .18s ease, color .18s ease, border-color .18s ease; }
.storefront-carousel-button:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.storefront-carousel-button--prev { left: 2px; }
.storefront-carousel-button--next { right: 2px; }
@media (max-width: 760px) {
  .storefront-categories { padding: 18px 0; }
  .storefront-carousel-shell { width: 100%; padding: 0 44px; }
  .storefront-category-track > a { flex-basis: min(78vw, 300px); min-height: 258px; padding: 16px; }
  .storefront-category-track img { height: 145px; }
  .storefront-carousel-button { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .storefront-carousel { scroll-behavior: auto; }
}

/* SOFT_JAW_COMPLETE_CATALOG */
.storefront-category-track > a {
  flex-basis: clamp(320px, 28vw, 380px);
  min-height: 360px;
  padding: 20px 22px 24px;
}
.storefront-category-track img {
  height: 238px;
  object-fit: contain;
}
.catalog-card__image--large {
  aspect-ratio: 4 / 3;
  min-height: 260px;
}
.catalog-card__image--large img {
  transform: scale(1.08);
}
.soft-jaw-complete-catalog {
  display: grid;
  gap: 76px;
}
.soft-jaw-category {
  scroll-margin-top: 110px;
}
.soft-jaw-category .catalog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.catalog-hero--compact {
  padding-bottom: 66px;
}
.product-detail {
  padding-top: 34px;
}
.product-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 54px;
  align-items: start;
  margin-top: 28px;
}
.product-gallery__main {
  display: grid;
  place-items: center;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
}
.product-gallery__main img {
  width: 100%;
  height: 520px;
  object-fit: contain;
}
.product-gallery__thumbs {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
}
.product-thumb {
  flex: 0 0 84px;
  width: 84px;
  height: 70px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  cursor: pointer;
}
.product-thumb.is-active {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-detail__summary h1 {
  margin: 12px 0 14px;
  font-size: clamp(2rem, 3.5vw, 3.5rem);
}
.product-model {
  margin: 0 0 20px;
  font-size: 1.05rem;
}
.product-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px 0 18px;
}
.product-note {
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  background: var(--mist);
  font-size: .92rem;
}
.product-detail__content {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 46px;
  margin-top: 72px;
  align-items: start;
}
.product-detail__content aside {
  padding: 28px;
  background: var(--ink);
  color: #fff;
}
.product-detail__content aside .eyebrow {
  color: #9fd7ca;
}
.spec-table-wrap {
  overflow-x: auto;
  border-top: 2px solid var(--ink);
}
.spec-table {
  width: 100%;
  border-collapse: collapse;
}
.spec-table th,
.spec-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}
.spec-table th {
  width: 35%;
  background: var(--mist);
  font-weight: 600;
}
.product-drawings {
  margin-top: 76px;
}
.product-drawing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;
}
.product-drawing-grid figure {
  margin: 0;
  border: 1px solid var(--line);
  background: #fff;
}
.product-drawing-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
.product-drawing-grid figcaption {
  padding: 10px 14px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .84rem;
}
@media (max-width: 980px) {
  .soft-jaw-category .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-detail__hero,
  .product-detail__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .storefront-category-track > a {
    flex-basis: min(84vw, 330px);
    min-height: 330px;
  }
  .storefront-category-track img {
    height: 210px;
  }
  .soft-jaw-category .catalog-grid,
  .product-drawing-grid {
    grid-template-columns: 1fr;
  }
  .product-gallery__main,
  .product-gallery__main img {
    min-height: 340px;
    height: 340px;
  }
}

@media (max-width: 720px) {
  .representative-jaw-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* Three-family workholding architecture */
.jaw-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.jaw-family-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.jaw-family-card__image{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:#f7f7f5;border-bottom:1px solid var(--line)}.jaw-family-card__image img{width:100%;height:100%;object-fit:contain}.jaw-family-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.jaw-family-card__body h3{margin:10px 0 12px;font-size:1.45rem}.jaw-family-card__body p{color:var(--muted)}.jaw-family-card__body .button{margin-top:auto;align-self:flex-start}.jaw-booklet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.jaw-booklet-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.jaw-booklet-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.jaw-booklet-grid figcaption{display:grid;gap:4px;padding:16px 18px;border-top:1px solid var(--line)}.jaw-booklet-grid figcaption span{color:var(--muted);font-size:.92rem}.jaw-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 28px;border-block:1px solid var(--line)}.jaw-review-grid article{padding:28px;border-right:1px solid var(--line)}.jaw-review-grid article:last-child{border-right:0}@media(max-width:920px){.jaw-family-grid,.jaw-booklet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jaw-review-grid{grid-template-columns:1fr}.jaw-review-grid article{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:640px){.jaw-family-grid,.jaw-booklet-grid{grid-template-columns:1fr}}

/* About snapshot: compact proof points before the product families. */
.about-snapshot { background: #fbfaf7; }
.about-snapshot__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.about-snapshot__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.about-snapshot__stat { min-height: 170px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 14px 32px rgba(17, 24, 32, .07); }
.about-snapshot__stat strong { display: block; color: #1d426b; font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: clamp(2.4rem, 4vw, 3.4rem); line-height: 1; }
.about-snapshot__stat span { margin-top: 12px; color: var(--muted); font-size: 1rem; }
.about-snapshot__note { grid-column: 1 / -1; margin: -8px 0 0; color: var(--muted); font-size: .82rem; text-align: center; }
.about-snapshot__copy { max-width: 650px; }
.about-snapshot__copy h2 { max-width: 560px; color: var(--ink-2); }
.about-snapshot__copy p { max-width: 620px; }
.about-snapshot__copy .button { margin-top: 10px; }
@media (max-width: 920px) { .about-snapshot__grid { grid-template-columns: 1fr; gap: 42px; } .about-snapshot__copy { max-width: none; } }
@media (max-width: 640px) { .about-snapshot__stats { grid-template-columns: 1fr; gap: 14px; } .about-snapshot__stat { min-height: 135px; } .about-snapshot__note { grid-column: auto; margin-top: 0; } }
/* T-NUT CATALOG ARCHITECTURE */
.storefront-hero--bundle .storefront-hero__image { object-position: center 52%; }
.catalog-family-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); background: #fff; }
.catalog-family-nav a { min-height: 102px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding: 18px 20px; border-right: 1px solid var(--line); transition: background .18s ease, color .18s ease; }
.catalog-family-nav a:last-child { border-right: 0; }
.catalog-family-nav a:hover { background: var(--mist); color: var(--orange-dark); }
.catalog-family-nav span { color: var(--orange); font-size: .72rem; font-weight: 700; }
.catalog-filter-panel { min-width: 0; display: grid; align-content: start; gap: 0; border: 1px solid var(--line); background: #fff; }
.catalog-filter-panel__head { display: flex; align-items: center; justify-content: space-between; padding: 16px; color: #fff; background: var(--ink); }
.catalog-filter-panel__head strong { font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; }
.catalog-filter-panel__head button { padding: 0; border: 0; background: transparent; color: #fff; font-size: .75rem; font-weight: 700; cursor: pointer; text-decoration: underline; }
.catalog-filter-group { display: grid; gap: 9px; margin: 0; padding: 16px; border: 0; border-bottom: 1px solid var(--line); }
.catalog-filter-group legend { margin-bottom: 2px; color: var(--ink); font-size: .8rem; font-weight: 700; }
.catalog-filter-group label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .78rem; line-height: 1.3; cursor: pointer; }
.catalog-filter-group input { width: 15px; height: 15px; accent-color: var(--orange); }
.catalog-results-bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 18px; color: var(--muted); font-size: .78rem; }
.catalog-results-bar strong { color: var(--ink); font-size: 1rem; }
.catalog-card.is-filtered-out { display: none; }
.catalog-empty { margin: 26px 0 0; padding: 18px; border: 1px dashed var(--line); color: var(--muted); background: #fff; }
.bundle-section { background: #fff; }
.bundle-section__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.bundle-section__media { position: relative; overflow: hidden; background: var(--mist); border: 1px solid var(--line); }
.bundle-section__media img { width: 100%; aspect-ratio: 1.35; object-fit: contain; }
.bundle-badge { position: absolute; left: 18px; top: 18px; padding: 6px 9px; color: #fff; background: var(--orange); font-size: .7rem; font-weight: 700; letter-spacing: .05em; }
.bundle-section__body h2 { max-width: 570px; }
.bundle-section__body p { max-width: 620px; }
.compatibility-callout { padding: 17px 18px; border-left: 3px solid var(--orange); background: var(--mist); color: var(--ink); }
.compatibility-callout strong { color: var(--ink); }
.plain-list { display: grid; gap: 10px; margin: 22px 0 28px; padding: 0; list-style: none; }
.plain-list li { position: relative; padding-left: 22px; color: var(--muted); }
.plain-list li::before { content: ""; position: absolute; left: 0; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }
@media (max-width: 900px) { .catalog-family-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } .catalog-family-nav a:nth-child(2) { border-right: 0; } .catalog-family-nav a:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .bundle-section__grid { grid-template-columns: 1fr; gap: 34px; } }
@media (max-width: 760px) { .catalog-family-nav { grid-template-columns: 1fr; } .catalog-family-nav a, .catalog-family-nav a:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); } .catalog-family-nav a:last-child { border-bottom: 0; } .catalog-results-bar { align-items: flex-start; flex-direction: column; } }
/* T-NUT PDP */
.product-model-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 4px; }
.product-model-links > span { width: 100%; color: var(--muted); font-size: .76rem; font-weight: 700; text-transform: uppercase; }
.product-model-links a { padding: 6px 10px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: .78rem; font-weight: 700; }
.product-model-links a:hover { border-color: var(--orange); color: var(--orange-dark); }
.tnut-pdp .product-detail__summary h1 { max-width: 590px; }
.tnut-pdp__content { margin-top: 58px; }
.tnut-pdp__content aside { background: var(--ink); }
.tnut-pdp__content aside .plain-list li { color: #e8ecee; }
.tnut-pdp__content aside .plain-list li::before { background: var(--yellow); }
.tnut-spec-table { min-width: 900px; font-size: .82rem; }
.tnut-spec-table th { width: auto; white-space: nowrap; background: var(--ink); color: #fff; }
.tnut-spec-table td { white-space: nowrap; }
.tnut-spec-table tr:target td { background: #fff4ee; }
.tnut-pdp__drawings { margin-top: 68px; }
.tnut-drawing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 28px; }
.tnut-drawing-grid figure { margin: 0; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.tnut-drawing-grid img { width: 100%; aspect-ratio: 1.45; object-fit: contain; background: #fff; }
.tnut-drawing-grid figcaption { display: grid; gap: 4px; padding: 14px 16px; border-top: 1px solid var(--line); }
.tnut-drawing-grid figcaption span { color: var(--muted); font-size: .82rem; }
@media (max-width: 760px) { .tnut-drawing-grid { grid-template-columns: 1fr; } .tnut-spec-table { font-size: .76rem; } }
/* CROSS-REFERENCE GUIDE */
.reference-search { display: grid; gap: 8px; max-width: 560px; margin: 0 0 26px; }
.reference-search label { color: var(--ink); font-size: .8rem; font-weight: 700; }
.reference-search input { min-height: 50px; padding: 0 16px; border: 1px solid var(--line); border-radius: 3px; background: #fff; color: var(--ink); }
.reference-search input:focus { outline: 2px solid rgba(216,32,42,.24); border-color: var(--orange); }
.reference-table-wrap { overflow-x: auto; border-top: 2px solid var(--ink); background: #fff; }
.reference-table { width: 100%; min-width: 880px; border-collapse: collapse; font-size: .84rem; }
.reference-table th, .reference-table td { padding: 16px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.reference-table th { color: #fff; background: var(--ink); font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: .76rem; }
.reference-table td strong { color: var(--ink); }
.reference-table td a { color: var(--orange-dark); font-weight: 700; }
.reference-table tr:hover td { background: #fff9f5; }
.reference-table tr.is-reference-hidden { display: none; }
.reference-empty { margin: 22px 0 0; padding: 18px; border: 1px dashed var(--line); background: #fff; }
/* GEMINI FOUR-FAMILY PRODUCT ARCHITECTURE */
.catalog-hero--architecture .catalog-hero__image img { object-fit: contain; padding: 22px; background: #fff; }
.product-architecture-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 38px; }
.product-architecture-card { display: grid; grid-template-rows: 280px 1fr; min-width: 0; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.product-architecture-card--primary { grid-column: 1 / -1; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-rows: minmax(470px, auto); }
.product-architecture-card__media { display: grid; place-items: center; min-width: 0; overflow: hidden; background: #f5f6f7; }
.product-architecture-card__media img { width: 100%; height: 100%; object-fit: contain; }
.product-architecture-card__body { display: flex; min-width: 0; flex-direction: column; padding: 30px; border-top: 1px solid var(--line); }
.product-architecture-card--primary .product-architecture-card__body { justify-content: center; padding: 46px; border-top: 0; border-left: 1px solid var(--line); }
.product-architecture-card__body > span { color: var(--orange-dark); font-size: .73rem; font-weight: 700; letter-spacing: .04em; }
.product-architecture-card__body h2 { margin: 10px 0 13px; font-size: clamp(1.45rem, 2.3vw, 2.15rem); }
.product-architecture-card__body h2 a { color: inherit; }
.product-architecture-card__body p { max-width: 650px; margin-bottom: 24px; }
.product-architecture-card__body > .text-link { margin-top: auto; align-self: flex-start; }
.subcategory-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 4px 0 30px; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.subcategory-links li { min-width: 0; border-bottom: 1px solid var(--line); }
.subcategory-links li:nth-child(odd) { border-right: 1px solid var(--line); }
.subcategory-links a { display: flex; min-height: 48px; align-items: center; gap: 10px; padding: 10px 12px; color: var(--ink); font-size: .84rem; font-weight: 600; }
.subcategory-links a:hover { color: var(--orange-dark); background: var(--mist); }
.subcategory-links span { flex: 0 0 auto; color: var(--orange-dark); font-size: .69rem; }
.selection-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; }
.selection-entry h2 { margin-bottom: 14px; }
.selection-entry p { max-width: 760px; margin: 0; }
.selection-entry__actions { display: flex; flex-direction: column; gap: 12px; min-width: 250px; }
.selection-entry__actions .button { width: 100%; }

/* Product category and subcategory pages */
.category-page-hero { padding: 32px 0 72px; background: var(--mist); }
.category-page-hero .breadcrumbs { margin-bottom: 34px; }
.category-page-hero .page-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr); gap: 64px; align-items: center; }
.category-page-hero .page-hero__grid > div:first-child { padding: 0; }
.category-page-hero .page-hero__media { height: auto; min-height: 380px; border: 1px solid var(--line); background: #fff; }
.category-page-hero .page-hero__media img { width: 100%; height: 100%; min-height: 380px; object-fit: contain; }
.category-child-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 34px; }
.category-child-grid > a { display: flex; min-width: 0; flex-direction: column; padding-bottom: 22px; overflow: hidden; border: 1px solid var(--line); background: #fff; color: var(--ink); }
.category-child-grid > a:hover { border-color: var(--orange); }
.category-child-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #f6f7f8; border-bottom: 1px solid var(--line); }
.category-child-grid span, .category-child-grid h3, .category-child-grid p { margin-left: 22px; margin-right: 22px; }
.category-child-grid span { margin-top: 20px; color: var(--orange-dark); font-size: .72rem; font-weight: 700; }
.category-child-grid h3 { margin-top: 8px; margin-bottom: 8px; font-size: 1.25rem; }
.category-child-grid p { margin-bottom: 0; color: var(--muted); font-size: .88rem; }
.category-child-grid--accessories { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 920px; }
.category-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr); gap: 70px; align-items: start; }
.category-spec-panel { padding: 28px; background: var(--ink); color: #fff; }
.category-spec-panel > strong { display: block; margin-bottom: 18px; font-family: "Space Grotesk", "IBM Plex Sans", Arial, sans-serif; font-size: 1.15rem; }
.category-spec-panel dl { display: grid; gap: 0; margin: 0; }
.category-spec-panel dl div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.18); font-size: .82rem; }
.category-spec-panel dt { color: #aeb8c4; }
.category-spec-panel dd { margin: 0; color: #fff; font-weight: 600; }

/* T-Nut selector and drawing */
.catalog-grid--tnut { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tnut-spec-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr); gap: 60px; align-items: center; margin-bottom: 34px; }
.tnut-spec-intro p { max-width: 700px; }
.tnut-spec-intro figure { margin: 0; border: 1px solid var(--line); background: #fff; }
.tnut-spec-intro img { display: block; width: 100%; aspect-ratio: 1.45; object-fit: contain; }
.tnut-spec-intro figcaption { padding: 12px 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8rem; }

@media (max-width: 980px) {
  .product-architecture-card--primary { grid-template-columns: 1fr 1fr; }
  .product-architecture-card--primary .product-architecture-card__body { padding: 34px; }
  .category-child-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-page-hero .page-hero__grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .catalog-grid--tnut { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .product-architecture-grid { grid-template-columns: 1fr; }
  .product-architecture-card, .product-architecture-card--primary { grid-column: auto; grid-template-columns: 1fr; grid-template-rows: 250px auto; }
  .product-architecture-card--primary .product-architecture-card__body { padding: 28px 24px; border-left: 0; border-top: 1px solid var(--line); }
  .product-architecture-card__body { padding: 24px; }
  .subcategory-links { grid-template-columns: 1fr; }
  .subcategory-links li:nth-child(odd) { border-right: 0; }
  .selection-entry { grid-template-columns: 1fr; gap: 28px; }
  .selection-entry__actions { min-width: 0; }
  .category-page-hero .page-hero__grid, .category-detail-grid, .tnut-spec-intro { grid-template-columns: 1fr; }
  .category-page-hero .page-hero__media, .category-page-hero .page-hero__media img { min-height: 280px; }
  .category-child-grid, .category-child-grid--accessories, .catalog-grid--tnut { grid-template-columns: 1fr; max-width: none; }
}
/* MOBILE OVERFLOW GUARD */
html, body { max-width: 100%; overflow-x: clip; }
.container, .nav, .catalog-hero__grid, .catalog-hero__grid > *, .catalog-hero__image { min-width: 0; max-width: 100%; }
.menu-toggle { flex: 0 0 44px; }
@media (max-width: 760px) {
  .catalog-hero__grid h1 { max-width: 100%; font-size: 2.15rem; overflow-wrap: anywhere; }
  .catalog-hero__grid p { max-width: 100%; font-size: .98rem; overflow-wrap: break-word; }
  .catalog-hero__image { width: 100%; }
  .catalog-hero__image img { max-width: 100%; }
}
/* 2026-08-10 DESIGN 0810 */
.brand--tagline > span { display: grid; gap: 2px; }
.brand--tagline .brand__word { line-height: 1; }
.brand--tagline small { color: var(--muted); font-size: .58rem; font-weight: 600; white-space: nowrap; }
.design0810-header .nav { max-width: 1420px; }
.nav-search { display: flex; width: 220px; height: 38px; border: 1px solid var(--line); background: #fff; }
.nav-search input { min-width: 0; width: 100%; padding: 0 10px; border: 0; outline: 0; color: var(--ink); font-size: .72rem; }
.nav-search button { flex: 0 0 auto; padding: 0 10px; border: 0; border-left: 1px solid var(--line); background: var(--mist); color: var(--ink); font-size: .68rem; font-weight: 700; cursor: pointer; }
.design0810-hero { position: relative; min-height: 690px; display: flex; align-items: center; overflow: hidden; background: var(--ink); color: #fff; }
.design0810-hero::after { content: ""; position: absolute; inset: 0; background: rgba(9,16,22,.68); }
.design0810-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.design0810-hero__inner { position: relative; z-index: 1; width: 100%; padding: 92px 0; }
.design0810-hero__copy { max-width: 870px; }
.design0810-hero h1 { max-width: 860px; margin: 13px 0 24px; color: #fff; font-size: clamp(3.2rem, 6vw, 6rem); line-height: .97; letter-spacing: 0; }
.design0810-hero p { max-width: 760px; color: #e7ecef; font-size: 1.06rem; }
.design0810-trust { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 32px; }
.design0810-trust span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: .72rem; font-weight: 600; }
.model-finder-section { padding: 70px 0; background: #fff; border-bottom: 1px solid var(--line); }
.model-finder-heading { display: flex; justify-content: space-between; gap: 48px; align-items: end; margin-bottom: 28px; }
.model-finder-heading > div { max-width: 710px; }
.model-finder-heading > p { max-width: 470px; margin-bottom: 5px; }
.model-finder { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; gap: 10px; padding: 18px; border: 1px solid var(--line); background: var(--mist); }
.model-finder__field { min-width: 0; display: grid; gap: 7px; }
.model-finder__field label { color: var(--ink); font-size: .72rem; font-weight: 700; }
.model-finder__field select { width: 100%; min-height: 50px; padding: 0 38px 0 13px; border: 1px solid var(--line); border-radius: 0; background: #fff; color: var(--ink); }
.model-finder__button { align-self: end; min-height: 50px; }
.model-finder-result { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 14px; padding: 22px 24px; border-left: 4px solid var(--orange); background: #f4f6f7; }
.model-finder-result > div { min-width: 0; }
.model-finder-result span, .model-finder-result strong { display: block; }
.model-finder-result span { margin-bottom: 6px; color: var(--orange-dark); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.model-finder-result strong { color: var(--ink); font-size: 1.05rem; }
.model-finder-result p { margin: 5px 0 0; font-size: .82rem; }
.design0810-products { background: #fff; }
.design0810-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.design0810-product-grid article { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.design0810-product__media { display: grid; place-items: center; aspect-ratio: 4/3; overflow: hidden; background: #f5f6f7; border-bottom: 1px solid var(--line); }
.design0810-product__media img { width: 100%; height: 100%; object-fit: contain; }
.design0810-product-grid article > div { display: flex; flex: 1; flex-direction: column; padding: 26px; }
.design0810-product-grid article > div > span { color: var(--orange-dark); font-size: .7rem; font-weight: 700; }
.design0810-product-grid h3 { margin: 11px 0 12px; font-size: 1.38rem; }
.design0810-product-grid p { font-size: .85rem; }
.design0810-product-grid .text-link { margin-top: auto; align-self: flex-start; }
.design0810-qc .storefront-heading h2 { color: #fff; }
.design0810-qc .storefront-heading p { color: #bec7cc; }
.design0810-qc-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.design0810-qc-grid figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: #111b24; }
.design0810-qc-grid img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.design0810-qc-grid figcaption { min-height: 112px; padding: 18px; border-top: 1px solid rgba(255,255,255,.18); }
.design0810-qc-grid strong, .design0810-qc-grid span { display: block; }
.design0810-qc-grid strong { margin-bottom: 6px; color: #fff; }
.design0810-qc-grid span { color: #b9c2c7; font-size: .76rem; line-height: 1.5; }
.design0810-qc__link { display: inline-flex; margin-top: 24px; color: #fff; }
.design0810-bundle { background: #fff; }
.design0810-bundle__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: 64px; align-items: center; }
.design0810-bundle__media { display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); background: var(--mist); }
.design0810-bundle__media img { width: 100%; aspect-ratio: 1.3; object-fit: contain; }
.design0810-bundle h2 { max-width: 650px; }
.design0810-custom__grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 74px; align-items: center; }
.design0810-custom__steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.design0810-custom__steps div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.design0810-custom__steps span { margin-bottom: 9px; color: var(--orange-dark); font-size: .7rem; font-weight: 700; }
@media (max-width: 1200px) { .nav-search-item { display: none; } .brand--tagline small { display: none; } }
@media (max-width: 980px) { .model-finder { grid-template-columns: repeat(2,minmax(0,1fr)); } .model-finder__button { width: 100%; } .design0810-qc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) {
  .design0810-hero { min-height: 620px; }
  .design0810-hero__image { object-position: 62% 45%; }
  .design0810-hero__inner { padding: 70px 0; }
  .design0810-hero h1 { font-size: 2.65rem; }
  .model-finder-heading, .storefront-heading { align-items: flex-start; flex-direction: column; }
  .model-finder, .design0810-product-grid, .design0810-bundle__grid, .design0810-custom__grid { grid-template-columns: 1fr; }
  .model-finder-result { align-items: stretch; flex-direction: column; }
  .model-finder-result .button { width: 100%; }
  .design0810-qc-grid { grid-template-columns: 1fr; }
  .design0810-qc-grid figcaption { min-height: 0; }
  .design0810-custom__grid { gap: 38px; }
}
@media (max-width: 480px) { .design0810-custom__steps { grid-template-columns: 1fr; } .design0810-trust { display: grid; } }
/* DESIGN 0810 SUPPORT PAGES */
.design0810-trust--light span { border-color: var(--line); background: #fff; color: var(--ink); }
.jaw-selection-flow--dark { border-color: rgba(255,255,255,.18); }
.jaw-selection-flow--dark article { border-color: rgba(255,255,255,.18); }
.jaw-selection-flow--dark h3 { color: #fff; }
.jaw-selection-flow--dark p { color: #bdc6cb; }
.custom-workholding-hero { background: var(--mist); }
.custom-process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 34px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.custom-process-grid article { min-width: 0; min-height: 230px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.custom-process-grid span { color: var(--orange-dark); font-size: .72rem; font-weight: 700; }
.custom-process-grid h3 { margin: 26px 0 11px; font-size: 1.15rem; }
.custom-process-grid p { margin: 0; font-size: .82rem; }
.jaw-booklet-grid--compact { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; }
.rfq-form input[type="file"] { padding: 10px; background: #fff; }
@media (max-width: 980px) { .custom-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .custom-process-grid, .jaw-booklet-grid--compact { grid-template-columns: 1fr; } .custom-process-grid article { min-height: 0; } }
/* SIMPLE HOME 0810 */
.simple-home-hero { background: var(--mist); border-bottom: 1px solid var(--line); }
.simple-home-hero__grid { min-height: min(680px, calc(100svh - 82px)); display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(38px, 6vw, 88px); padding: 72px 0; }
.simple-home-hero__copy { max-width: 650px; min-width: 0; }
.simple-home-hero h1 { max-width: 650px; margin: 12px 0 22px; color: var(--ink); font-size: clamp(3rem, 5vw, 4.8rem); line-height: .99; }
.simple-home-hero p { max-width: 590px; margin-bottom: 0; font-size: 1.06rem; }
.simple-home-hero__visual { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }
.simple-home-hero__visual img { width: 100%; aspect-ratio: 1.22; object-fit: cover; object-position: center; }
.simple-home-hero__visual figcaption { padding: 13px 16px; color: var(--muted); background: #fff; font-size: .78rem; font-weight: 600; letter-spacing: .03em; }
.simple-home-proofline { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 28px; color: var(--ink); font-size: .76rem; font-weight: 700; }
.simple-home-proofline span { position: relative; padding-left: 14px; }
.simple-home-proofline span::before { content: ""; position: absolute; left: 0; top: .66em; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }
.simple-home-heading { max-width: 720px; margin-bottom: 40px; }
.simple-home-heading > p { max-width: 620px; margin-bottom: 0; }
.simple-home-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.simple-home-product-card { min-width: 0; border: 1px solid var(--line); background: #fff; }
.simple-home-product-card__image { display: block; overflow: hidden; background: #fff; }
.simple-home-product-card__image img { width: 100%; aspect-ratio: 1.2; object-fit: cover; transition: transform .25s ease; }
.simple-home-product-card:hover .simple-home-product-card__image img { transform: scale(1.025); }
.simple-home-product-card__body { padding: 23px 24px 27px; }
.simple-home-product-card__body > span { color: var(--orange-dark); font-size: .7rem; font-weight: 700; }
.simple-home-product-card h3 { margin: 8px 0 9px; font-size: 1.38rem; }
.simple-home-product-card p { min-height: 76px; margin-bottom: 21px; font-size: .9rem; line-height: 1.55; }
.simple-home-accessory { padding: 45px 0; background: var(--ink); color: #fff; }
.simple-home-accessory__grid { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.simple-home-accessory h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.55rem, 2.5vw, 2.2rem); }
.simple-home-accessory p { max-width: 700px; margin: 0; color: #c5ccd0; }
.simple-home-accessory .eyebrow { margin-bottom: 10px; color: #ff8160; }
.simple-home-reasons { background: #fff; }
.simple-home-reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.simple-home-reason-grid article { min-width: 0; min-height: 190px; padding: 26px 27px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.simple-home-reason-grid strong { color: var(--orange-dark); font-size: .72rem; }
.simple-home-reason-grid h3 { margin: 13px 0 8px; font-size: 1.15rem; }
.simple-home-reason-grid p { margin: 0; font-size: .9rem; line-height: 1.55; }
.simple-home-cta { padding: 55px 0; background: var(--mist); border-top: 1px solid var(--line); }
.simple-home-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.simple-home-cta h2 { margin: 0 0 7px; font-size: clamp(1.65rem, 3vw, 2.5rem); }
.simple-home-cta p { margin: 0; }
.simple-home-cta .eyebrow { margin-bottom: 9px; }
@media (max-width: 980px) {
  .simple-home-hero__grid { grid-template-columns: 1fr; min-height: 0; gap: 40px; padding: 66px 0 72px; }
  .simple-home-hero__copy { max-width: 720px; }
  .simple-home-hero__visual { width: min(100%, 720px); }
}
@media (max-width: 760px) {
  .simple-home-hero__grid { gap: 32px; padding: 50px 0 56px; }
  .simple-home-hero h1 { max-width: 100%; font-size: 2.8rem; line-height: 1.02; overflow-wrap: anywhere; }
  .simple-home-hero p { font-size: .98rem; }
  .simple-home-hero .hero__actions { display: grid; gap: 10px; }
  .simple-home-hero .hero__actions .button { width: 100%; }
  .simple-home-proofline { display: grid; gap: 9px; }
  .simple-home-product-grid, .simple-home-reason-grid { grid-template-columns: 1fr; }
  .simple-home-product-card p { min-height: 0; }
  .simple-home-accessory__grid, .simple-home-cta__inner { align-items: flex-start; flex-direction: column; }
  .simple-home-accessory .button, .simple-home-cta .button { width: 100%; }
}/* INDUSTRIALBLADE REFERENCE HOME */
.reference-home-header .nav{max-width:1280px}
.reference-hero{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:#fff}
.reference-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,22,.88),rgba(9,16,22,.72) 48%,rgba(9,16,22,.34))}
.reference-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.reference-hero__inner{position:relative;z-index:1;width:100%;padding:100px 0 128px}
.reference-hero__copy{max-width:790px}.reference-hero .eyebrow{color:#ff8160}
.reference-hero h1{max-width:790px;margin:10px 0 24px;color:#fff;font-size:clamp(3.35rem,5.35vw,4.85rem);line-height:.98}
.reference-hero p{max-width:690px;margin:0;color:#e8ecee;font-size:1.07rem}
.reference-hero__facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.reference-hero__facts span{padding:7px 10px;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.72rem;font-weight:700}
.reference-entry-strip{position:relative;z-index:4;margin-top:-63px}
.reference-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:var(--shadow)}
.reference-entry-grid>a{min-width:0;min-height:205px;padding:30px 31px;border-right:1px solid var(--line);background:#fff}
.reference-entry-grid>a:last-child{border-right:0}.reference-entry-grid>a:nth-child(2){background:var(--mist)}
.reference-entry-grid>a span{color:var(--orange-dark);font-size:.69rem;font-weight:700}
.reference-entry-grid h2{margin:13px 0 9px;font-size:1.35rem}.reference-entry-grid p{min-height:50px;margin:0 0 15px;font-size:.88rem;line-height:1.5}
.reference-entry-grid strong,.reference-product-grid strong{color:var(--orange-dark);font-size:.8rem}
.reference-section-heading{max-width:760px;margin-bottom:42px}.reference-section-heading>p{max-width:650px;margin-bottom:0}
.reference-section-heading--center{margin-right:auto;margin-left:auto;text-align:center}.reference-section-heading--center .eyebrow{justify-content:center}
.reference-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.reference-product-grid article{min-width:0;border:1px solid var(--line);background:#fff}.reference-product-grid article>a{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:275px}
.reference-product-grid img{width:100%;height:100%;min-height:275px;object-fit:contain;background:#fff}.reference-product-grid article>a>div{display:flex;flex-direction:column;justify-content:center;padding:29px}
.reference-product-grid h3{margin:0 0 10px;font-size:1.28rem}.reference-product-grid p{margin:0 0 18px;font-size:.88rem;line-height:1.55}
.reference-product-card--accessory{background:var(--mist)!important}.reference-product-card--accessory>a>div>span{margin-bottom:8px;color:var(--orange-dark);font-size:.65rem;font-weight:700}
.reference-about{padding:0 0 96px;background:var(--mist)}.reference-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:72px;border-left:1px solid var(--line);background:#fff}
.reference-stats div{min-height:130px;display:flex;flex-direction:column;justify-content:center;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.reference-stats strong{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.reference-stats span{margin-top:10px;color:var(--muted);font-size:.75rem;font-weight:600}
.reference-about__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:64px}.reference-about__grid>div{max-width:560px}
.reference-about__grid img{width:100%;aspect-ratio:1.28;object-fit:cover;border:1px solid var(--line)}
.reference-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reference-photo-grid figure{min-width:0;margin:0;overflow:hidden;background:var(--mist)}
.reference-photo-grid img{width:100%;aspect-ratio:.9;object-fit:cover}.reference-photo-grid figcaption{padding:11px 12px;color:var(--muted);font-size:.72rem;font-weight:600}.reference-solutions{background:var(--mist)}.reference-solution-list{border-top:1px solid var(--line)}
.reference-solution-list>a{display:grid;grid-template-columns:70px minmax(0,1fr) 32px;align-items:center;gap:22px;min-height:116px;padding:19px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#fff}
.reference-solution-list>a:hover{background:#fafafa}.reference-solution-list>a>span{color:var(--orange-dark);font-size:.8rem;font-weight:700}
.reference-solution-list h3{margin:0 0 5px;font-size:1.14rem}.reference-solution-list p{margin:0;font-size:.86rem}.reference-solution-list b{color:var(--orange-dark);font-size:1.25rem}
.reference-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-why-grid article{min-width:0;min-height:225px;padding:31px;border:1px solid var(--line);background:#fff}
.reference-why-grid article>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:22px;background:var(--orange);color:#fff;font-weight:700}
.reference-why-grid h3{margin-bottom:9px}.reference-why-grid p{margin:0;font-size:.88rem;line-height:1.55}
.reference-process{background:var(--ink);color:#fff}.reference-process .reference-section-heading h2{color:#fff}.reference-process .eyebrow{color:#ff8160}
.reference-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);list-style:none}
.reference-process-grid li{min-width:0;min-height:220px;padding:27px 22px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.reference-process-grid span{color:#ff8160;font-size:.78rem;font-weight:700}.reference-process-grid h3{margin:28px 0 9px;color:#fff;font-size:1rem}.reference-process-grid p{margin:0;color:#b9c2c7;font-size:.8rem;line-height:1.5}
.reference-cta{padding:68px 0;background:var(--orange);color:#fff}.reference-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.reference-cta .eyebrow{margin-bottom:10px;color:#fff}.reference-cta .eyebrow::before{background:#fff}.reference-cta h2{max-width:800px;margin:0 0 10px;color:#fff;font-size:clamp(1.85rem,3vw,2.75rem)}
.reference-cta p{max-width:760px;margin:0;color:#fff}.reference-cta .button{flex:0 0 auto}
.reference-footer__grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:42px;padding:68px 0 52px}.reference-footer__grid>div:first-child p{max-width:310px;margin:18px 0 0}.reference-footer .footer-links span{color:#b9c2c7;font-size:.83rem}
/* INDUSTRIALBLADE REFERENCE HOME RESPONSIVE */
@media(max-width:980px){.reference-product-grid article>a{grid-template-columns:1fr}.reference-product-grid img{aspect-ratio:1.35;min-height:0}.reference-about__grid{gap:40px}.reference-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reference-hero{min-height:660px}.reference-hero::after{background:rgba(9,16,22,.76)}.reference-hero__image{object-position:58% 40%}.reference-hero__inner{padding:72px 0 105px}.reference-hero h1{max-width:100%;font-size:2.7rem;line-height:1.02;overflow-wrap:anywhere}.reference-hero p{font-size:.95rem}.reference-hero .hero__actions{display:grid;gap:10px}.reference-hero .hero__actions .button{width:100%}.reference-hero__facts{display:grid}.reference-entry-strip{margin-top:-45px}.reference-entry-grid,.reference-product-grid,.reference-about__grid,.reference-why-grid,.reference-process-grid,.reference-footer__grid{grid-template-columns:1fr}.reference-entry-grid>a{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.reference-entry-grid>a:last-child{border-bottom:0}.reference-entry-grid p{min-height:0}.reference-product-grid article>a{min-height:0}.reference-product-grid img{aspect-ratio:1.35}.reference-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:50px}.reference-stats div{min-height:112px}.reference-about__grid img{grid-row:1}.reference-photo-grid{grid-template-columns:1fr}.reference-photo-grid img{aspect-ratio:1.3}.reference-solution-list>a{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;padding:18px 14px}.reference-process-grid li{min-height:0}.reference-cta__inner{align-items:flex-start;flex-direction:column}.reference-cta .button{width:100%}}
/* REFERENCE HERO CONTAINER FIX */
.reference-hero__inner{width:min(var(--max),calc(100% - 40px));}
@media(max-width:760px){.reference-hero__inner{width:min(var(--max),calc(100% - 28px));}}
/* ABOUT NETWORK */
.reference-inner-hero .page-hero__grid{align-items:center}.reference-inner-hero .page-hero__media img{aspect-ratio:1.25;object-fit:cover}
.about-network-overview{background:#fff}.about-network-overview .reference-stats{max-width:none;margin-top:-1px}
.about-network-overview__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.about-network-overview__grid>div:first-child{max-width:580px}
.about-network-overview__points{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-network-overview__points>div{display:grid;gap:7px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.about-network-overview__points strong{font-size:.86rem;color:var(--ink)}.about-network-overview__points span{font-size:.86rem;color:var(--muted)}
.production-network{background:var(--mist)}.production-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.production-network-grid article{min-width:0;border:1px solid var(--line);background:#fff}.production-network-grid article img{width:100%;aspect-ratio:1.45;object-fit:cover}.production-network-grid article>div{padding:23px 25px 26px}.production-network-grid article>div>span{color:var(--orange-dark);font-size:.69rem;font-weight:700}.production-network-grid h3{margin:9px 0 8px;font-size:1.25rem}.production-network-grid p{margin:0;font-size:.88rem;line-height:1.55}.production-network-card--light{display:flex;flex-direction:column;justify-content:center;padding:23px 25px;background:#fff!important}.production-network-card--light>div{padding:0!important}.production-network-card--light .text-link{margin-top:21px}
.about-photo-evidence{background:#fff}.about-network-process{background:var(--ink)}.about-network-process .reference-section-heading h2{color:#fff}.about-network-process .eyebrow{color:#ff8160}
@media(max-width:980px){.about-network-overview__grid{gap:40px}.production-network-grid{grid-template-columns:1fr}}
@media(max-width:760px){.about-network-overview__grid{grid-template-columns:1fr}.about-network-overview .reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.production-network-grid{grid-template-columns:1fr}.reference-inner-hero .page-hero__grid{grid-template-columns:1fr}.reference-inner-hero .page-hero__media{order:-1}.reference-inner-hero .page-hero__media img{aspect-ratio:1.25}.about-network-process .reference-process-grid{grid-template-columns:1fr}}
/* COMPLETE FACTORY GALLERY */
.reference-photo-grid--full{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:980px){.reference-photo-grid--full{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.reference-photo-grid--full{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.reference-photo-grid--full{grid-template-columns:1fr;}}
/* CHUCK JAW CATALOG */
.jaw-catalog-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 25px;padding:16px 18px;border:1px solid var(--line);background:#fff}
.jaw-catalog-tools label{font-size:.76rem;font-weight:700;color:var(--ink)}
.jaw-catalog-tools input{flex:1 1 280px;min-width:0;padding:12px 14px;border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff}
.jaw-catalog-tools input:focus{outline:2px solid var(--orange);outline-offset:1px}
.jaw-catalog-tools span{color:var(--muted);font-size:.78rem;font-weight:600}
.jaw-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jaw-series-card{display:flex;min-width:0;flex-direction:column;padding:0 22px 24px;border:1px solid var(--line);background:#fff;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.jaw-series-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:var(--shadow)}
.jaw-series-card>span{color:var(--orange-dark);font-size:.68rem;font-weight:700;letter-spacing:.06em}
.jaw-series-card>.jaw-series-card__media{display:grid;width:calc(100% + 44px);height:300px;margin:0 -22px 20px;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#fff;color:inherit;letter-spacing:0}
.jaw-series-card__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

.jaw-series-card h3{margin:10px 0 8px;font-size:1.05rem;line-height:1.22}.jaw-series-card p{margin:0;font-size:.84rem;line-height:1.5;color:var(--muted)}
.jaw-series-card small{display:block;margin-top:auto;padding-top:14px;color:#66717a;font-size:.7rem;line-height:1.4}
.jaw-search-empty{margin:22px 0 0;padding:15px 17px;border:1px dashed var(--line);color:var(--muted);font-size:.88rem}
.jaw-table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
.jaw-spec-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.77rem;line-height:1.35}
.jaw-spec-table th,.jaw-spec-table td{padding:12px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:top}
.jaw-spec-table th{background:var(--ink);color:#fff;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.jaw-spec-table tr:last-child td{border-bottom:0}.jaw-spec-table th:last-child,.jaw-spec-table td:last-child{border-right:0}.jaw-spec-table tbody tr:nth-child(even){background:#fafbfb}
.jaw-spec-note{margin:15px 0 0;color:var(--muted);font-size:.78rem}
.jaw-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.jaw-detail-grid article{min-width:0;border:1px solid var(--line);background:#fff}.jaw-detail-grid img{width:100%;aspect-ratio:1.35;object-fit:contain;background:#fff}.jaw-detail-grid article>div{padding:21px 23px 24px}.jaw-detail-grid h3{margin:0 0 8px;font-size:1.15rem}.jaw-detail-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
.jaw-interface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.jaw-interface-grid article{min-width:0;padding:22px;border:1px solid var(--line);background:#fff}.jaw-interface-grid h3{margin:0 0 8px;font-size:1rem}.jaw-interface-grid p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.business-license-section{background:#fff}.business-license-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:54px;align-items:center}.business-license-grid h2{max-width:600px}.business-license-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 0}.business-license-details div{padding:15px;border:1px solid var(--line);background:var(--mist)}.business-license-details dt{margin-bottom:6px;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.business-license-details dd{margin:0;color:var(--ink);font-size:.88rem;font-weight:600}.business-license-image{display:block;min-width:0;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.business-license-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.business-license-image span{display:block;padding:12px 15px;color:var(--orange-dark);font-size:.78rem;font-weight:700}
@media(max-width:980px){.jaw-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jaw-interface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-license-grid{gap:36px}}
@media(max-width:760px){.reference-hero__image{object-position:56% 27%}.jaw-series-grid,.jaw-detail-grid,.jaw-interface-grid{grid-template-columns:1fr}.jaw-catalog-tools{align-items:stretch;display:grid}.jaw-catalog-tools input{width:100%}.business-license-grid{grid-template-columns:1fr}.business-license-details{grid-template-columns:1fr}.business-license-image{max-width:560px}}
[hidden]{display:none!important}
@media(max-width:760px){
  html,body{overflow-x:hidden}
  .reference-home-header .nav{width:calc(100% - 28px)}
  .reference-hero__inner,.reference-hero__copy{min-width:0;max-width:100%}
  .reference-hero h1{width:100%;max-width:calc(100vw - 28px);font-size:2.2rem;line-height:1.06;white-space:normal;overflow-wrap:normal}
  .reference-hero p,.reference-hero__facts,.reference-hero .hero__actions{width:100%;max-width:calc(100vw - 28px)}
}
@media(max-width:760px){.reference-hero__copy{padding-right:18px}.reference-home-header .menu-toggle{display:block;margin-left:auto;position:relative;z-index:3}.reference-hero .hero__actions .button,.reference-hero__facts span{max-width:100%}}

.product-series-submenu{width:min(760px,calc(100vw - 40px));grid-template-columns:repeat(2,minmax(0,1fr));max-height:72vh;overflow:auto}
.product-series-submenu a{min-height:44px;display:flex;align-items:center}
.series-page-hero .page-hero__media img{aspect-ratio:1.25;object-fit:contain;background:#fff}
.series-detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:46px;align-items:start}
.series-detail-layout aside{position:sticky;top:100px;min-width:0}
.series-dimension-figure{margin:28px 0 0;border:1px solid var(--line);background:#fff}
.series-dimension-figure img{width:100%;height:auto;max-height:760px;object-fit:contain}
.series-dimension-figure figcaption{padding:12px 15px;color:var(--muted);font-size:.76rem;font-weight:600;border-top:1px solid var(--line)}
@media(max-width:980px){.series-detail-layout{grid-template-columns:1fr}.series-detail-layout aside{position:static}.product-series-submenu{grid-template-columns:1fr}}
@media(max-width:820px){.product-series-submenu{width:auto;max-height:none;overflow:visible}}

.series-dimension-gallery{display:grid;gap:22px;margin-top:28px}.series-dimension-gallery .series-dimension-figure{margin:0}.series-dimension-gallery img{width:100%;height:auto;max-height:none;object-fit:contain}

.nav__menu > .nav-item--has-children > a:not(.button){padding-right:8px}
.submenu-toggle{display:grid!important}.nav-chevron{display:none!important}

@media (max-width:1100px) and (min-width:821px){
  .nav__menu{gap:2px}
  .nav__menu > li > a:not(.button){padding-left:6px;padding-right:6px;font-size:.8rem}
  .nav__menu .button{padding-left:13px;padding-right:13px;white-space:nowrap}
  .brand--tagline small{font-size:.52rem}
}
@media (min-width:821px){
  .product-series-submenu{left:50%;right:auto;width:min(680px,calc(100vw - 24px));grid-template-columns:repeat(2,minmax(0,1fr));transform:translate(-50%,8px)}
  .nav-item--has-children:hover > .product-series-submenu,.nav-item--has-children:focus-within > .product-series-submenu,.nav-item--has-children.is-submenu-open > .product-series-submenu{transform:translate(-50%,0)}
  .product-series-submenu a{white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:820px){.submenu-toggle{display:grid!important}.nav-chevron{display:none!important}}
.solutions-page-hero .page-hero__media img{aspect-ratio:1.25;object-fit:contain;background:#fff}
.solution-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.solution-application-grid article{min-width:0;padding:25px;border:1px solid var(--line);background:#fff}
.solution-application-grid article>span{color:var(--orange-dark);font-size:.72rem;font-weight:700}
.solution-application-grid h3{margin:15px 0 8px;font-size:1.12rem}
.solution-application-grid p{min-height:76px;margin:0 0 17px;font-size:.87rem;line-height:1.55}
.solution-application-grid a{color:var(--orange-dark);font-size:.8rem;font-weight:700}
.solution-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.solution-gallery figure{min-width:0;margin:0;border:1px solid var(--line);background:#fff}
.solution-gallery img{width:100%;aspect-ratio:1.08;object-fit:contain;background:#fff}
.solution-gallery figcaption{display:grid;gap:5px;padding:15px 16px 17px;border-top:1px solid var(--line)}
.solution-gallery figcaption strong{font-size:.9rem;color:var(--ink)}
.solution-gallery figcaption span{font-size:.76rem;line-height:1.4;color:var(--muted)}
.solution-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.solution-input-grid article{min-width:0;padding:23px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.solution-input-grid strong{color:#fff;font-size:.9rem}.solution-input-grid p{margin:8px 0 0;color:#b9c2c7;font-size:.82rem;line-height:1.5}
@media(max-width:980px){.solution-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-gallery,.solution-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.solution-application-grid,.solution-gallery,.solution-input-grid{grid-template-columns:1fr}.solution-application-grid p{min-height:0}.solution-gallery img{aspect-ratio:1.25}}
.site-footer-contact{display:none}
.site-footer .footer-contact-details{margin-top:16px;color:#dce4e7;font-size:.82rem;line-height:1.55}
.site-footer .footer-contact-details a{color:#fff;text-decoration:none}.site-footer .footer-contact-details a:hover{color:var(--orange)}
.site-social-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.site-social-links a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#dce4e7;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.site-social-links a:hover{border-color:var(--orange);background:var(--orange);color:#111}
.site-social-links svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:0}
.site-social-links .social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.site-social-links{gap:8px}.site-social-links a{width:30px;height:30px}}
@media(max-width:760px){.jaw-series-card>.jaw-series-card__media{height:250px}}
/* 2026-08-14 product image QA */
.jaw-series-card__media img,.series-page-hero .page-hero__media img{object-fit:contain!important;object-position:center center!important;}
.jaw-series-card__media{align-items:center!important;justify-items:center!important;}
.series-dimension-figure img,.series-dimension-gallery img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto;}
/* Preserve the native resolution of catalog crops; only shrink on narrow screens. */
.series-dimension-gallery .series-dimension-figure img{width:auto!important;max-width:100%!important;margin-inline:auto;}
