/* ==========================================================================
   about.css
   ========================================================================== */

.about-hero-text {
  max-width: 820px;
  margin: 0 auto var(--space-xl);
  text-align: center;
  font-size: var(--fs-lg);
  line-height: 2;
  color: var(--text-secondary);
}
.about-hero-text b { color: var(--gold-light); }

.about-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
}

.about-feature-card {
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-feature-card .num {
  font-family: var(--font-heading);
  font-size: var(--fs-lg);
  background: var(--grad-gold);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.about-feature-card h3 { font-size: var(--fs-md); }
.about-feature-card p { color: var(--text-secondary); font-size: var(--fs-sm); }

.about-closing {
  text-align: center;
  max-width: 780px;
  margin: var(--space-xl) auto 0;
  padding: var(--space-lg);
  background: linear-gradient(135deg, rgba(199,176,74,0.1), rgba(18,179,168,0.08));
}
.about-closing p { font-size: var(--fs-md); color: var(--text-secondary); line-height: 2; }

@media (max-width: 900px) {
  .about-feature-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .about-feature-grid { grid-template-columns: 1fr; }
}