/* Company editorial: existing tokens, original copy and brand media. */
.about-hero { position: relative; display: grid; grid-template-columns: 1fr 1.1fr; min-height: 680px; padding-top: 128px; }
.about-hero-bg { position: relative; grid-column: 2; grid-row: 1; overflow: hidden; margin-right: var(--gutter); }
.about-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.about-hero-logo { position: absolute; z-index: 1; top: 50%; left: 50%; width: clamp(180px,18vw,260px); transform: translate(-50%,-50%); }
.about-hero-logo img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 2px 16px rgba(0,0,0,.28)); }
.about-hero-content { grid-column: 1; grid-row: 1; display: flex; align-items: center; padding: 56px 40px 72px var(--gutter); }
.about-hero .eyebrow { margin-bottom: 40px; color: #666; }
.about-hero h1 { max-width: 10ch; font-size: clamp(44px,4.4vw,72px); line-height: 1.1; }
.about-hero h1 span { display: block; margin-top: 16px; }
.about-container { padding-inline: var(--gutter); }
.about-introduction { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding-block: clamp(64px,7vw,112px); }
.about-hero-intro { font: 700 clamp(26px,2.5vw,38px)/1.35 var(--display) !important; max-width: 25ch; }
.about-intro-detail { display: grid; gap: 24px; }
.about-intro-detail p, .about-company-text p, .about-tech-text p, .about-cert-desc { font: var(--text-body)/var(--leading-body) var(--body); max-width: var(--measure-body); }
.about-panel { padding-block: clamp(72px,8vw,128px); }
.about-section-title { font-size: clamp(26px,2.6vw,40px); line-height: 1.16 !important; }
.about-company { border-top: 1px solid var(--rule); }
.about-company > .about-company { border: 0; display: grid; grid-template-columns: 1fr 2fr; gap: 8vw; margin-top: 48px; }
.about-company-text { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.about-mission { margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); background: #08090b; color: var(--white); display: grid; grid-template-columns: 1fr 2fr; gap: 8vw; align-items: start; }
.about-mission .about-section-title { font: var(--text-label)/var(--leading-label) var(--mono); color: var(--accent); padding-top: 10px; }
.about-mission-line { font: 700 clamp(30px,3.6vw,56px)/1.22 var(--display) !important; max-width: 29ch; }
.about-technology { display: grid; grid-template-columns: 1fr 2fr; gap: 48px 8vw; }
.about-technology .about-section-title { grid-column: 1; grid-row: 1; }
.about-tech-text { grid-column: 2; grid-row: 1; display: grid; gap: 24px; }
.about-tech-image { grid-column: 1/-1; grid-row: 2; }
.about-tech-image img { width: 100%; aspect-ratio: 3/1; height: auto; object-fit: cover; }
.about-certification { display: grid; grid-template-columns: 1fr 2fr; gap: 32px 8vw; border-top: 1px solid var(--rule); }
.about-cert-grid { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 48px; align-items: center; margin-top: 24px; }
.about-cert-grid a { display: grid; place-items: center; min-height: 120px; }
.about-cert-grid img { width: 180px; height: 110px; object-fit: contain; filter: brightness(0); }
.about-milestones { display: grid; grid-template-columns: 1fr 2fr; gap: 8vw; border-top: 1px solid var(--rule); }
.about-milestones > .about-section-title { position: sticky; top: 128px; align-self: start; }
.milestone-year { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 32px; padding-top: 40px; margin-top: 40px; border-top: 1px solid var(--rule); }
.milestone-year:first-child { margin-top: 0; padding-top: 0; border: 0; }
.milestone-year h3 { font-size: 32px; }
.about-milestone-list { list-style: none; padding: 0; margin: 0; }
.about-milestone-list li { display: grid; gap: 8px; margin-bottom: 28px; }
.about-milestone-list li:last-child { margin-bottom: 0; }
.about-milestone-list .date { font: var(--text-label)/var(--leading-label) var(--mono); color: #666; }
.about-milestone-list p { font: var(--text-compact)/var(--leading-compact) var(--body); }
.about-milestone-list .milestone-sub { color: #666; font-size: var(--text-compact); margin-top: 8px; }
@media (max-width: 1000px) {
 .about-hero { min-height: 580px; }
 .about-company > .about-company, .about-mission, .about-technology, .about-certification, .about-milestones { column-gap: 40px; grid-template-columns: 1fr 2fr; }
 .about-company-text { grid-template-columns: 1fr; gap: 24px; }
 .milestone-year { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 700px) {
 .about-hero { display: flex; flex-direction: column; padding-top: 112px; min-height: 0; }
 .about-hero-content { padding: 16px var(--gutter) 40px; order: -1; }
 .about-hero .eyebrow { margin-bottom: 24px; }
 .about-hero h1 { font-size: clamp(40px,10.3vw,60px); max-width: 12ch; }
 .about-hero h1 span { margin-top: 8px; }
 .about-hero-bg { height: 300px; margin-inline: var(--gutter); }
 .about-introduction, .about-company > .about-company, .about-mission, .about-technology, .about-certification, .about-milestones { grid-template-columns: 1fr; gap: 32px; }
 .about-hero-intro { font-size: 28px !important; max-width: none; }
 .about-company > .about-company { margin-top: 32px; }
 .about-hero-logo { width: clamp(156px,42vw,200px); }
 .about-tech-text { grid-column: 1; grid-row: 3; }
 .about-tech-image { grid-row: 2; margin-inline: calc(-1 * var(--gutter)); }
 .about-tech-image img { height: 220px; aspect-ratio: auto; object-position: center; }
 .about-cert-grid { grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 0; }
 .about-cert-grid img { width: 140px; height: 90px; }
 .about-milestones > .about-section-title { position: static; }
 .milestone-year { grid-template-columns: 64px minmax(0,1fr); gap: 24px; padding-top: 32px; margin-top: 32px; }
 .milestone-year h3 { font-size: 24px; }
}

/* V13: one continuous company narrative, with consistent label/content columns. */
.about-hero { min-height: 620px; }
.about-introduction, .about-mission, .about-technology, .about-certification, .about-milestones { display: grid; grid-template-columns: minmax(180px,1fr) minmax(0,2.4fr); gap: 48px 7vw; padding-block: clamp(64px,7vw,112px); }
.about-section-title { font: var(--text-label)/var(--leading-label) var(--mono) !important; letter-spacing: .04em; }
.about-overview-copy { display: grid; gap: 32px; max-width: 880px; }
.about-hero-intro { font: 700 clamp(26px,2.3vw,34px)/1.4 var(--display) !important; max-width: none; }
.about-intro-detail, .about-company-text { display: grid; grid-template-columns: 1fr; gap: 24px; }
.about-intro-detail p, .about-company-text p, .about-tech-text p, .about-cert-desc { max-width: var(--measure-body); }
.about-mission { margin: 0; padding-inline: 0; background: transparent; color: var(--ink); border-top: 1px solid var(--rule); }
.about-mission .about-section-title { color: var(--ink); padding: 0; }
.about-mission-line { font: 700 clamp(28px,2.8vw,42px)/1.35 var(--display) !important; max-width: 34ch; }
.about-technology { border-top: 1px solid var(--rule); }
.about-tech-text { grid-column: 2; grid-row: 1; }
.about-tech-image { grid-column: 1/-1; grid-row: 2; }
.about-cert-grid { grid-column: 2; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-top: 0; }
.about-cert-grid img { width: 150px; height: 88px; }
@media (max-width: 1000px) {
 .about-introduction, .about-mission, .about-technology, .about-certification, .about-milestones { grid-template-columns: 180px minmax(0,1fr); gap: 32px; }
 .about-cert-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
 .about-hero { min-height: 0; }
 .about-introduction, .about-mission, .about-technology, .about-certification, .about-milestones { grid-template-columns: 1fr; gap: 28px; padding-block: 56px; }
 .about-overview-copy { gap: 24px; }
 .about-hero-intro { font-size: 26px !important; }
 .about-tech-text { grid-column: 1; grid-row: 2; }
 .about-tech-image { grid-column: 1; grid-row: 3; }
 .about-cert-grid { grid-column: 1; }
}