/* About DSI: company story and engineering scope within the shared corporate style. */
.about-opening { background: var(--soft); padding-block: 65px; }
.about-opening-grid, .about-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 90px; align-items: start; }
.about-opening-grid { align-content: center; min-height: 260px; }
.about-opening .eyebrow, .about-story .eyebrow { color: var(--brand); }
.about-opening h1 { color: var(--brand); font-size: clamp(40px, 4vw, 56px); font-weight: 650; line-height: 1.15; letter-spacing: -.04em; margin-top: 23px; }
.about-opening-copy { padding-top: 4px; }
.about-opening-copy p { font-size: 18px; line-height: 1.8; color: var(--muted); }
.about-opening-copy p + p { margin-top: 19px; }
.about-section { padding-block: 74px; }
.about-page .about-section h2 { font-size: clamp(31px, 3vw, 41px); max-width: 510px; }
.about-story .eyebrow { font-size: 11px; margin-bottom: 20px; }
.about-copy p, .about-work p { color: var(--muted); font-size: 17px; line-height: 1.85; }
.about-copy p + p { margin-top: 19px; }
.about-copy .text-link { margin-top: 24px; min-height: 44px; }
.about-work { background: var(--brand); color: white; }
.about-work h2, .about-work h3 { color: white; }
.about-work p { color: #e0e6ef; }
.about-work-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 90px; margin-top: 39px; }
.about-work-columns article { border-top: 1px solid #ffffff35; padding-top: 27px; display: flex; flex-direction: column; align-items: start; }
.about-work-columns h3 { font-size: 23px; margin-bottom: 17px; }
.about-work-columns p { font-size: 16px; margin-bottom: 23px; }
.about-work-columns .text-link { margin-top: auto; min-height: 44px; color: white; }
.about-work ::selection { background: white; color: var(--brand); }
.about-work :focus-visible { outline-color: white; }
.about-delivery { background: var(--soft); padding-bottom: 49px; }
.about-page .services-contact { padding-top: 0; }
@media (max-width: 1050px) {
  .about-opening-grid, .about-split, .about-work-columns { gap: 48px; }
  .about-opening h1 { font-size: 43px; }
}
@media (max-width: 800px) {
  .about-opening { padding-block: 43px; }
  .about-opening-grid, .about-split { grid-template-columns: minmax(0, 1fr); gap: 28px; min-height: 0; }
  .about-opening h1 { font-size: clamp(39px, 6.5vw, 52px); }
  .about-opening-copy { padding-top: 0; }
  .about-section { padding-block: 56px; }
  .about-work-columns { gap: 34px; margin-top: 31px; }
  .about-delivery { padding-bottom: 36px; }
}
@media (max-width: 540px) {
  .about-opening { padding-block: 34px; }
  .about-opening h1 { font-size: clamp(34px, 9vw, 43px); }
  .about-opening h1 br { display: none; }
  .about-opening-copy p, .about-copy p, .about-work p { font-size: 16px; }
  .about-section { padding-block: 44px; }
  .about-page .about-section h2 { font-size: 31px; }
  .about-work-columns { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .about-work-columns article { padding-top: 24px; }
  .about-delivery { padding-bottom: 31px; }
}