/* Company story uses the existing palette and static structural illustration. */
.about-hero { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; min-height: 580px; }
.about-hero-copy { padding: 24px 40px 62px var(--gutter); }
.about-hero h1 { font-size: clamp(36px,4.3vw,68px); line-height: 1.2; letter-spacing: -.045em; font-weight: 450; margin-bottom: 26px; }
.about-hero .eyebrow { margin-bottom: 26px; }
.about-lead { max-width: 450px; font-size: 17px; line-height: 1.8; color: var(--muted); margin-bottom: 0; }
.about-visual { min-width: 0; overflow: hidden; background: #24292f; }
.about-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.about-story, .about-today { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding-block: 80px; }
.about-page main h2 { font-size: clamp(23px,2.6vw,38px); font-weight: 450; line-height: 1.4; letter-spacing: -.035em; }
.about-copy p { font-size: 17px; line-height: 1.85; color: var(--muted); max-width: 660px; margin-bottom: 20px; }
.about-copy p:last-child { margin-bottom: 0; }
.about-benefits { padding-block: 60px 80px; border-top: 1px solid var(--line); }
.about-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; margin-bottom: 36px; }
.about-benefit-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; }
.about-benefit-list article { border-top: 1px solid var(--line); padding-top: 24px; }
.about-benefit-list .eyebrow { display: block; margin-bottom: 28px; }
.about-benefit-list h3 { font-size: 19px; line-height: 1.5; font-weight: 450; letter-spacing: -.035em; margin-bottom: 14px; }
.about-benefit-list p { font-size: 15px; line-height: 1.85; color: var(--muted); margin-bottom: 0; }
.about-today { background: #e9eeef; }
.about-today .text-link { display: flex; width: fit-content; margin-top: 16px; }
@media (max-width: 980px) {
  .about-hero { min-height: 500px; }
  .about-hero h1 { font-size: clamp(30px,4.5vw,44px); }
  .about-benefit-list { gap: 24px; }
  .about-benefit-list h3 { font-size: 17px; }
}
@media (max-width: 760px) {
  .about-hero { display: block; }
  .about-hero-copy { padding: 16px var(--gutter) 36px; }
  .about-hero h1 { font-size: clamp(27px,7.3vw,44px); }
  .about-lead, .about-copy p { font-size: 16px; }
  .about-visual { height: 200px; }
  .about-visual img { object-position: 65% 45%; }
  .about-story, .about-today, .about-section-heading { display: block; }
  .about-story, .about-today { padding-block: 48px; }
  .about-benefits { padding-block: 42px 48px; }
  .about-section-heading { margin-bottom: 28px; }
  .about-benefit-list { grid-template-columns: 1fr; gap: 28px; }
  .about-benefit-list article { display: grid; grid-template-columns: 28px 1fr; gap: 18px; padding-top: 20px; }
  .about-benefit-list .eyebrow { padding-top: 4px; }
  .about-page main h2 { font-size: clamp(20px,6vw,24px); }
}
@media print { .about-visual { height: 200px; } .about-story, .about-benefits, .about-today { padding-block: 24px; } }