/* NordDelta Technologies — About page */

.about-heading { max-width: 700px; }
.about-title-spaced { margin-bottom: 24px; }
.about-copy { color: var(--text-secondary); font-size: 15px; line-height: 1.8; margin-bottom: 20px; }
.about-copy:last-of-type { margin-bottom: 32px; }
.mission-vision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.purpose-card { background: var(--bg-card); border: 1px solid var(--border); padding: 20px; }
.purpose-label { color: var(--accent); font: 500 10px/1.4 var(--font-mono); letter-spacing: .15em; margin-bottom: 8px; }
.purpose-card:last-child .purpose-label { color: var(--orange); }
.purpose-copy { color: var(--white); font: 600 15px/1.4 var(--font-head); }
.about-visual { aspect-ratio: 1; background: var(--bg-card); border: 1px solid var(--border); overflow: hidden; padding: 40px; position: relative; }
.about-visual svg { display: block; height: 100%; width: 100%; }

.about-band { background: var(--bg-secondary); border-block: 1px solid var(--border); }
.about-section-heading { margin-bottom: 48px; text-align: center; }
.about-section-heading--compact { margin-bottom: 40px; }
.about-section-heading .section-label { justify-content: center; }

.history-wrap { align-items: start; display: grid; gap: 80px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.history-title { margin-bottom: 48px; }
.team-title { margin-bottom: 36px; }
.timeline { padding-left: 48px; position: relative; }
.timeline::before { background: var(--border); bottom: 0; content: ''; left: 12px; position: absolute; top: 0; width: 1px; }
.timeline-item { margin-bottom: 44px; position: relative; }
.timeline-item::before { background: var(--bg-primary); border: 2px solid var(--accent); border-radius: 50%; content: ''; height: 10px; left: -41px; position: absolute; top: 6px; width: 10px; }
.timeline-year { color: var(--accent); font: 500 11px/1.4 var(--font-mono); letter-spacing: .1em; margin-bottom: 8px; }
.timeline-title { color: var(--white); font: 600 20px/1.25 var(--font-head); letter-spacing: .04em; margin-bottom: 8px; }
.timeline-desc { color: var(--text-secondary); font-size: 14px; line-height: 1.65; }

.cert-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cert-card { background: var(--bg-card); border: 1px solid var(--border); padding: 24px 20px; text-align: center; transition: border-color var(--transition), transform var(--transition); }
.cert-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.cert-card:focus-within { border-color: var(--accent); }
.cert-logo { color: var(--accent); font: 700 22px/1.2 var(--font-head); margin-bottom: 8px; }
.cert-name { color: var(--text-muted); font: 500 10px/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }

.about-cta-inner { position: relative; z-index: 1; }
.about-cta-title { margin: 0 auto 20px; max-width: 600px; text-align: center; }
.about-cta-copy { color: var(--text-secondary); margin: 0 auto 40px; max-width: 480px; text-align: center; }
.about-cta-actions { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.footer-contact-val--accent, .footer-bottom-text--accent { color: var(--accent); }

@media (max-width: 900px) {
  .cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .history-wrap { gap: 48px; grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .mission-vision-grid, .cert-grid { grid-template-columns: 1fr; }
  .about-visual { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .cert-card { transition: none; }
  .cert-card:hover { transform: none; }
}