/**
 * PRNT Platform — Hakkımızda Özel Stilleri (about.css)
 * 
 * Şirket vizyonu, metrik kartları ve altyapı anlatım blokları.
 * @package PRNT
 */

.about-pillars-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-bottom: 4.5rem;
}

.about-pillar-card {
  background: var(--bg-card);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 2.25rem;
  box-shadow: var(--shadow-card);
}

.pillar-icon {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.pillar-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  margin-bottom: 0.75rem;
}

.pillar-desc {
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: 1.6;
}

.about-story-card {
  background: var(--bg-card);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  padding: 3.5rem;
  box-shadow: var(--shadow-card);
  margin-bottom: 4rem;
}

.about-story-card h2 {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-extrabold);
  margin-bottom: 1.25rem;
}

.about-story-card p {
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}