/* about.css — corporate */
.about-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--edge); width: 100%; }
.about-split { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
.about-text .eyebrow { margin-bottom: 12px; display: block; }
.about-text h2 { margin-bottom: 16px; }
.about-text p + p { margin-top: 14px; }
.about-values { display: flex; flex-direction: column; }
.value-item { display: flex; align-items: flex-start; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--b1); }
.value-item:last-child { border-bottom: none; padding-bottom: 0; }
.value-item h4 { margin-bottom: 5px; }
.not-section { background: var(--gray-50); border-top: 1px solid var(--b1); border-bottom: 1px solid var(--b1); }
.not-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--edge); width: 100%; }
.not-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--b1); border-radius: var(--radius-lg); overflow: hidden; margin-top: 44px; }
.not-card { background: var(--white); padding: 28px 22px; border-right: 1px solid var(--b1); }
.not-card:last-child { border-right: none; }
.not-card h4 { margin-bottom: 8px; }
.team-section { background: var(--white); }
.team-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--edge); width: 100%; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 44px; }
.team-function { padding: 24px 20px; border: 1px solid var(--b1); border-radius: var(--radius-lg); background: var(--white); display: flex; flex-direction: column; gap: 12px; }
.team-function h4 { margin-top: 4px; }
.metrics-band-a { background: var(--navy); }
.metrics-grid-a { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--edge); display: grid; grid-template-columns: repeat(4, 1fr); }
.metric-ia { padding: 48px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,0.06); }
.metric-ia:last-child { border-right: none; }
.mval { display: block; font-size: 3rem; font-weight: 800; color: #fff; line-height: 1; margin-bottom: 10px; letter-spacing: -0.03em; }
.mlbl { font-size: 0.8rem; color: rgba(255,255,255,0.5); line-height: 1.4; }
@media (max-width: 1024px) {
  .not-grid { grid-template-columns: 1fr 1fr; }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .metrics-grid-a { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .about-split { grid-template-columns: 1fr; gap: 36px; }

  /* Value items: tighter on mobile */
  .value-item { padding: 16px 0; gap: 12px; }
  .value-item h4 { font-size: 0.88rem; margin-bottom: 3px; }
  .value-item p { font-size: 0.82rem; }
  .ib { width: 38px; height: 38px; }
  .ib svg { width: 16px; height: 16px; }

  /* Not-grid: single column */
  .not-grid { grid-template-columns: 1fr; }
  .not-card { border-right: none !important; border-bottom: 1px solid var(--b1); padding: 20px 16px; }
  .not-card h4 { font-size: 0.88rem; }
  .not-card p { font-size: 0.82rem; }

  /* Team: 2 column */
  .team-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .team-function { padding: 18px 14px; gap: 10px; }
  .team-function h4 { font-size: 0.85rem; }
  .team-function p { font-size: 0.8rem; }

  /* Metrics */
  .metrics-grid-a { grid-template-columns: 1fr 1fr; }
  .metric-ia { padding: 32px 12px; }
  .mval { font-size: 2rem; }
  .mlbl { font-size: 0.72rem; }
}

@media (max-width: 480px) {
  .team-grid { grid-template-columns: 1fr 1fr; }
  .mval { font-size: 1.7rem; }
  .not-grid { grid-template-columns: 1fr; }
}