.collection-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.collection-grid--three .collection-card h2 { font-size: 30px; }
.collection-grid--three .collection-card__body { padding-left: 24px; padding-right: 24px; }
.conductive-family-hero { background-position: 60% center; }
.conductive-family-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.conductive-products-table { min-width: 820px; }
.conductive-products-table th:nth-child(1) { width: 31%; }
.conductive-products-table th:nth-child(2) { width: 45%; }
.conductive-products-table th:nth-child(3) { width: 24%; }
.conductive-products-table sup { font-size: .68em; }
.source-note { margin-top: 18px; color: var(--muted); font-size: 13px; }
@media (max-width: 980px) {
  .collection-grid--three { grid-template-columns: 1fr 1fr; }
  .collection-grid--three .collection-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 18px); }
}
@media (max-width: 860px) {
  .collection-grid--three { grid-template-columns: 1fr; }
  .collection-grid--three .collection-card:last-child { grid-column: auto; max-width: none; }
  .conductive-family-products { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .conductive-family-products { grid-template-columns: 1fr; }
  .conductive-family-hero h1 { font-size: 46px; }
}

/* V2.4 approved HNC hero typography, scoped to Conductive Fibers pages only. */
:is(.conductive-family-hero, .product-hero) h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.28;
  text-align: left;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  line-break: strict;
  text-wrap: balance;
}
:is(.conductive-family-hero, .product-hero) h1 + h3 {
  margin-top: 16px;
}
:is(.conductive-family-hero, .product-hero) h3 {
  font-size: 26px;
}
@media (max-width: 860px) {
  :is(.conductive-family-hero, .product-hero) h1 {
    font-size: 32px;
  }
  :is(.conductive-family-hero, .product-hero) h1 + h3 {
    margin-top: 12px;
  }
  :is(.conductive-family-hero, .product-hero) h3 {
    font-size: 20px;
  }
}

/* Approved EN family-hero title rule, limited to the Conductive Fibers main page. */
html[lang="en"] .conductive-family-hero h1 {
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: clamp(58px, 7vw, 104px);
  font-weight: 700;
  line-height: .94;
  letter-spacing: normal;
  max-width: 740px;
}
@media (max-width: 860px) {
  html[lang="en"] .conductive-family-hero h1 {
    font-size: 55px;
  }
}