/* Company page rhythm; the shared navigation and design system stay upstream. */
.about-main {
  --company-section-space: clamp(2rem, 4vw, 3.5rem);
  --company-column-gap: clamp(1.5rem, 4vw, 3.5rem);
}
.about-main :is(section, aside, header) > div { min-width: 0; }
.about-main :is(h1, h2, h3, p, a) { overflow-wrap: break-word; }
/* The inherited PR73 paragraph rule has five class selectors. Bound this override to company copy. */
.about-main p { text-align: start !important; hyphens: manual !important; }
.about-main .journey-crumb { margin-bottom: 2rem; }
.about-main .about-hero h1 {
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  margin-bottom: 1.5rem;
}
.about-main .about-hero-intro { gap: 1.5rem; margin-bottom: 2rem; }
.about-main .warehouse-scene img { aspect-ratio: 1904 / 826; object-fit: contain; }
.about-main .about-story {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  padding-block: var(--company-section-space);
}
.about-main .about-story h2 { margin-bottom: 1.25rem; }
.about-main .about-statement { margin-bottom: 1.25rem; font-size: clamp(1.5rem, 2.8vw, 2.25rem); }
.about-main .about-story-copy { gap: 1.5rem; }
.about-main :is(.about-story-copy p, .capability-pairs p, .about-philosophy > div) { font-size: 1rem; }
.about-main .about-capabilities { padding-block: var(--company-section-space); }
.about-main .about-capabilities h2 { margin-bottom: 1.5rem; }
.about-main .capability-pairs { gap: 0 var(--company-column-gap); }
.about-main .capability-pairs article { padding-block: 1.5rem; }
.about-main .capability-pairs h3 { margin-bottom: .75rem; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.about-main .about-strategy { padding-block: var(--company-section-space); gap: var(--company-column-gap); }
.about-main .about-strategy p:last-child { margin-bottom: 0; }
.about-main .about-region { padding-block: var(--company-section-space); gap: var(--company-column-gap); }
.about-main .about-region p { margin-bottom: 0; }
.about-main .about-philosophy { padding: clamp(1.5rem, 4vw, 3rem); }
.about-main .about-philosophy h2 { font-size: clamp(2rem, 4vw, 3.5rem); margin-bottom: 1.5rem; }
.about-main .about-philosophy > div { gap: var(--company-column-gap); }
.about-main .about-philosophy p { margin-top: 0; }
.about-main .journey-cta { margin-top: var(--company-section-space); padding-block: 2rem; }
.about-main .journey-cta .button { white-space: normal; text-align: center; }
@media (min-width: 64rem) {
  .about-main .about-story { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: var(--company-column-gap); }
  .about-main .about-capabilities { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: var(--company-column-gap); }
  .about-main .about-capabilities h2 { margin-bottom: 0; }
}
@media (max-width: 48rem) {
  .about-main :is(.about-story-copy, .capability-pairs, .about-region, .about-strategy, .about-philosophy > div) { grid-template-columns: minmax(0, 1fr); }
  .about-main .about-hero-intro { display: block; }
  .about-main .about-hero-intro .editorial-read { margin-top: 1rem; }
  .about-main .journey-cta { align-items: stretch; flex-direction: column; gap: 1.5rem; }
  .about-main .region-type { border-left: 0; border-top: 1px solid #d9d9d4; padding: 1rem 0 0; }
  .about-main .region-type span { font-size: clamp(1.75rem, 5vw, 2.5rem); margin-block: .5rem; }
}