/* Match section headings to Contact typography. */
#history h2,#products h2,#technology h2,#technical-properties h2,#processing-solutions h2,#applications h2,#downloads h2,#certifications h2,#company .copy h2,#contact .group-contact-title{font:400 30px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.015em;text-align:left}
#downloads h2 a{font:inherit;letter-spacing:inherit}
section.group-contact .group-wrap{width:min(1320px,90%);max-width:1320px;margin-inline:auto}
@media(max-width:700px){#history h2,#products h2,#technology h2,#technical-properties h2,#processing-solutions h2,#applications h2,#downloads h2,#certifications h2,#company .copy h2,#contact .group-contact-title{font-size:27px}}

/* Consistent hierarchy: section titles, subheadings, cards, then labels. */
#history h2,#products h2,#technology h2,#technical-properties h2,#processing-solutions h2,#applications h2,#downloads h2,#certifications h2,#company .copy h2,#contact .group-contact-title{color:#173f58}
#processing-solutions .solution-copy h3,#technical-properties .material-comparison h3,#technology .resin-advantages>h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.015em;color:#000000}
#products .product h3,#technical-properties .comparison-chart h4,#technology .resin-advantages h4{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:0;color:#000000}
#technology .hpfit-benefits h3{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500;line-height:1.35;letter-spacing:0;color:#000000}
#processing-solutions .sandwich-layers dt,#processing-solutions .overmolding-process-title{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--blue)}
@media(max-width:700px){#processing-solutions .solution-copy h3,#technical-properties .material-comparison h3,#technology .resin-advantages>h3{font-size:22px}#products .product h3,#technical-properties .comparison-chart h4,#technology .resin-advantages h4{font-size:18px}}

/* Keep the benefits introduction distinct from the application cards. */
#technology .resin-advantages .resin-advantages-intro{margin:0 0 24px;max-width:65ch;font-size:1rem;line-height:1.6;color:var(--muted)}

/* Show black section headings directly on each section's background. */
#main h2.main-section-heading {
  color: #000;
  background: transparent;
  font: 400 30px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: -.015em;
  text-align: left;
}
#main h2.main-section-heading a { color: inherit; font: inherit; }
@media (max-width: 700px) {
  #main h2.main-section-heading { font-size: 27px; }
}

/* Show the entire journey without a horizontal scrolling surface. */
#history .journey-scroll { overflow: visible; padding: 16px 0; }
#history .journey-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto 42px auto;
}
#history .journey-item { grid-template-rows: subgrid; }
#history .journey-date { font-size: 20px; }
#history .journey-date time { padding: 0 4px; }
#history .journey-top, #history .journey-bottom {
  min-height: 0;
  padding: 16px 6px;
  gap: 10px;
}
#history .journey-grid p { font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
#history .journey-grid img, #history .journey-sprite { max-height: 120px; }
#history .journey-grid .journey-tall { height: 135px; max-height: 135px; width: 60px; }
#history .journey-grid .journey-award { width: 75px; height: 96px; }
#history .journey-grid .journey-office { height: auto; aspect-ratio: 4/3; }
#history .journey-grid .journey-brands { height: auto; }
@media (max-width: 1100px) {
  #history .journey-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: auto; row-gap: 24px; }
  #history .journey-item { display: flex; flex-direction: column; grid-row: auto; }
  #history .journey-date { min-height: 42px; }
  #history .journey-top, #history .journey-bottom { padding: 10px 8px; }
  #history .journey-top:empty, #history .journey-bottom:empty { display: none; }
  #history .journey-item::before, #history .journey-item::after,
  #history .journey-top::after, #history .journey-bottom::before { display: none; }
}
@media (max-width: 700px) {
  #history .journey-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  #history .journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}