/*
 * About page — late-load polish overrides.
 * Beats v2-pages.css page-hero defaults (72ch child cap, 1480px shell, grid split).
 */

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] {
  background: #fff !important;
}

/* v2-pages .page-hero:not(.product-intro) caps section + children — kill for stack hero */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero.about-hero-stack {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--ab-navy) !important;
  background-image: none !important;
  box-sizing: border-box;
  color: #fff !important;
}

/* Beat v2-theme .section-code (blue) + v2-pages .page-hero h1 (navy) on dark overlay hero */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero .about-hero-content .section-code,
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero .section-code {
  color: var(--ab-cyan) !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero .about-hero-content h1,
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero h1 {
  color: #fff !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero .about-hero-content h1 .about-hero-accent {
  color: var(--ab-orange) !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero.about-hero-stack > .about-hero-visual {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
  grid-column: 1 / -1 !important;
}

/* v2-pages grid rule: .page-hero:has(> div):has(figure) — single child wrapper only */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero.about-hero-stack:has(figure),
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero:has(figure) {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  align-items: stretch !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero.about-hero-stack > * {
  max-width: none !important;
  width: 100% !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero h1,
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro.page-hero p {
  max-width: none !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro .about-intro-lead {
  max-width: 52ch !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro .about-hero-content h1 {
  max-width: 14ch !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro .hero-actions {
  width: auto !important;
  max-width: none !important;
  margin-top: 0 !important;
}

/* company intro inset — owned by about-page-system.css (#company-introduction.about-intro-panel) */

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro .about-hero-media figure.products-hero-media,
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #page-intro .about-hero-media figure.products-hero-media[style] {
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Reset v2-prose double borders inside topic sections */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .page-block-topic.v2-prose > h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] > .page-block:not(#page-intro) {
  border-top: 0 !important;
}

/* v2-section max-width cap → full bleed with inner gutter */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .v2-section {
  max-width: none !important;
}

/* KPI: kill default card backgrounds from v2-pages */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .topic-kpi-board > div:hover {
  background: transparent !important;
}

/* Evidence grid: no 6px radius / shadow from v2-pages */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .topic-evidence-grid > figure {
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Timeline: legacy article pseudo disabled — nodes use .about-timeline-node */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .about-timeline article::before,
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item::before {
  content: none !important;
  display: none !important;
}

/* CTA band: strip decorative pseudo layers (other pages) */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] .v2-cta-band > * {
  position: relative;
  z-index: 1;
}

/* static-site.css #core-team 3-col grid — reset for split layout */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #core-team.about-team-panel {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

.page-type-company.about-customer-page[data-page="about"] #core-team > span,
.page-type-company.about-customer-page[data-page="about"] #core-team > h2,
.page-type-company.about-customer-page[data-page="about"] #core-team > p {
  grid-column: auto !important;
}

/* static-site.css + v2-pages.css legacy .about-timeline — lock dark rail layout */
.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones.about-timeline-panel {
  display: block !important;
  grid-template-columns: none !important;
  border-top: 0 !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline,
.about-customer-page #milestones .about-timeline {
  display: block !important;
  margin-top: 0 !important;
  border-top: 0 !important;
  gap: 0 !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item,
.about-customer-page #milestones .about-timeline article {
  display: grid !important;
  grid-template-columns: clamp(108px, 10vw, 132px) clamp(36px, 4vw, 48px) minmax(0, 1fr) !important;
  gap: 0 clamp(20px, 3vw, 36px) !important;
  padding: clamp(22px, 2.8vw, 30px) 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item:last-child,
.about-customer-page #milestones .about-timeline article:last-child {
  border-bottom: 0 !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item:hover,
.about-customer-page #milestones .about-timeline article:hover {
  background: rgba(255, 255, 255, .03) !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item p,
.about-customer-page #milestones .about-timeline article p {
  grid-column: auto !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .68) !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline time,
.about-customer-page #milestones .about-timeline time {
  color: var(--ab-cyan) !important;
  font-weight: 700 !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item.is-current time {
  color: #fff !important;
}

.v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-body h3,
.about-customer-page #milestones .about-timeline h3 {
  color: #fff !important;
}

@media (max-width: 820px) {
  .v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item,
  .about-customer-page #milestones .about-timeline article {
    grid-template-columns: 88px 36px minmax(0, 1fr) !important;
    gap: 0 16px !important;
    padding: 18px 0 !important;
  }
}

@media (max-width: 768px) {
  .v2-page.page-shell.page-type-company.about-customer-page[data-page="about"] #milestones .about-timeline-item,
  .about-customer-page #milestones .about-timeline article {
    grid-template-columns: 88px 36px minmax(0, 1fr) !important;
    gap: 0 16px !important;
  }
}