/* About inherits the approved company identity; no new visual branding. */
.about-page .wrap { max-width: 1320px; }
.about-page .site-nav a[aria-current="page"] { text-decoration: underline; }
.about-main { padding-bottom: clamp(4rem, 7vw, 7rem); }
.about-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1rem; color: var(--muted); font-size: .875rem; }
.about-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; }
.about-heading { padding-block: 2.5rem 3rem; border-bottom: 1px solid var(--line); }
.about-heading .micro { color: var(--muted); }
.about-heading h1 { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.6; margin-block: 1rem; }
.about-heading > p:last-child { color: var(--muted); font-size: 1rem; }
.about-story.section { padding-block: 3rem 4rem; }
.about-story .section-intro { padding-top: 0; gap: 3rem; grid-template-columns: 1fr 1fr; }
.about-story h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.about-story-logo { width: min(100%, 360px); margin-inline: auto; align-self: start; }
.about-story-logo img { width: 100%; height: auto; }
.about-profile { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; border-top: 1px solid var(--line); padding-top: 2rem; }
.about-profile h2 { font-family: var(--serif); font-size: 1.75rem; line-height: 1.8; }
.about-profile .company-profile { width: 100%; max-width: none; margin: 0; }
.about-profile .company-profile > div { grid-template-columns: 7rem minmax(0, 1fr); gap: 1.5rem; }
.about-profile .company-profile > div:first-child { border-top: 0; padding-top: 0; }
.about-profile dd { overflow-wrap: anywhere; }
.about-profile dd a { display: inline-block; min-height: 44px; }
@media (max-width: 760px) {
  .about-heading { padding-block: 1.5rem 2rem; }
  .about-story.section { padding-block: 2.5rem 3rem; }
  .about-story .section-intro { grid-template-columns: 1fr; gap: 2rem; }
  .about-profile { grid-template-columns: 1fr; gap: 1.5rem; }
  .about-profile .company-profile > div { grid-template-columns: 1fr; gap: .5rem; }
  .about-profile .company-profile > div:first-child { padding-top: .5rem; }
}