/* About page */
.mission-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 3.5rem; align-items: center; }
@media (max-width: 860px) { .mission-grid { grid-template-columns: 1fr; gap: 2.5rem; } }
.mission-img img { width: 100%; border-radius: var(--radius-lg); box-shadow: 0 20px 60px rgba(0,0,0,0.12); aspect-ratio: 4/3.1; object-fit: cover; }
.mission-content h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 900; letter-spacing: -0.04em; color: var(--dark); margin-bottom: 1.25rem; line-height: 1.2; }
.mission-content p { font-size: 0.92rem; color: var(--muted); line-height: 1.8; margin-bottom: 1.1rem; }
.mission-cta-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }

.about-stats {
  background: #0d0d1a; padding: 3rem 1.5rem;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; text-align: center;
}
@media (max-width: 768px) { .about-stats { grid-template-columns: repeat(2, 1fr); } }
.astat-val { font-size: 2rem; font-weight: 900; letter-spacing: -0.05em; color: #fff; }
.astat-val span { color: var(--red); }
.astat-label { font-size: 0.78rem; color: rgba(255,255,255,0.5); margin-top: 0.4rem; }

.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3rem; }
@media (max-width: 860px) { .values-grid { grid-template-columns: 1fr; } }
.value-card { background: #fff; border: 1px solid rgba(0,0,0,0.07); border-radius: var(--radius-lg); padding: 2rem 1.75rem; position: relative; overflow: hidden; transition: transform 0.24s var(--ease), box-shadow 0.24s; }
.value-card::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--red); transform: scaleY(0); transition: transform 0.24s var(--ease); }
.value-card:hover { transform: translateY(-5px); box-shadow: 0 16px 44px rgba(0,0,0,0.08); }
.value-card:hover::after { transform: scaleY(1); }
.value-icon { width: 48px; height: 48px; border-radius: 13px; background: rgba(229,9,20,0.07); display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; color: var(--red); }
.value-icon svg { width: 22px; height: 22px; }
.value-card h3 { font-size: 1.05rem; font-weight: 800; color: var(--ink); margin-bottom: 0.6rem; }
.value-card p { font-size: 0.87rem; color: var(--muted); line-height: 1.65; }