/* about.css */
.story-section { display:grid; grid-template-columns:300px 1fr; gap:60px; align-items:center; margin-bottom:80px; }
.story-logo { text-align:center; }
.story-logo img { max-width:260px; margin:0 auto; filter:drop-shadow(0 8px 32px rgba(201,168,76,0.3)); }
.story-content p { color:var(--text-muted); margin-bottom:16px; font-size:0.95rem; line-height:1.8; }

.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-bottom:80px; background:var(--black); border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }
.stat-item { padding:40px 28px; text-align:center; border-right:1px solid var(--border); }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:var(--font-display); font-size:3rem; font-weight:300; color:var(--gold-light); line-height:1; margin-bottom:8px; }
.stat-label { font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.5); }

.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:80px; }
.value-card { background:var(--white); border:1px solid rgba(0,0,0,0.06); padding:36px 28px; border-radius:var(--radius); text-align:center; transition:var(--transition); }
.value-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); border-color:var(--border); }
.val-icon { font-size:2.4rem; margin-bottom:16px; }
.value-card h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:400; margin-bottom:12px; }
.value-card p  { font-size:0.88rem; color:var(--text-muted); line-height:1.65; }

.cert-grid { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-top:0; }
.cert-item { background:var(--white); border:1px solid var(--border); padding:20px 32px; border-radius:50px; font-size:0.9rem; font-weight:500; color:var(--black); display:flex; align-items:center; gap:10px; box-shadow:0 2px 12px rgba(0,0,0,0.05); }

@media (max-width:1024px) { .values-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px) {
  .story-section { grid-template-columns:1fr; gap:32px; }
  .story-logo img { max-width:180px; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .stat-item:nth-child(2) { border-right:none; }
  .stat-item { border-bottom:1px solid var(--border); }
}
@media (max-width:480px) { .values-grid { grid-template-columns:1fr; } }