/* ═══ ABOUT PAGE ════════════════════════════════════ */
.story-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2.5rem,6vw,5rem);
  align-items:center;
}
.story-grid h2 { font-size:clamp(1.8rem,3vw,2.8rem); margin-block:0.8rem 1.2rem; }
.story-grid p  { margin-bottom:1rem; }

.story-stat-block {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.sstat {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:1.5rem;
  text-align:center;
  transition:border-color 0.28s,transform 0.28s;
}
.sstat:hover { border-color:var(--border-2); transform:translateY(-4px); }
.sstat__num {
  display:block;
  font-family:var(--font-disp);
  font-size:2.4rem;
  font-weight:900;
  background:linear-gradient(135deg,#8ecbf0,#3f8fe0);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1;
}
.sstat__lbl { display:block; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-3); margin-top:0.4rem; }

@media(max-width:768px){ .story-grid,.story-stat-block { grid-template-columns:1fr; } }

/* Mission */
.mission-block {
  background:var(--surface);
  border:1px solid var(--border-2);
  border-radius:var(--r-xl);
  padding:clamp(2.5rem,5vw,4rem);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.mission-block::before {
  content:'';
  position:absolute;
  top:-80px; left:50%; transform:translateX(-50%);
  width:500px; height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(63,143,224,0.12),transparent 60%);
  pointer-events:none;
}
.mission-block blockquote {
  font-family:var(--font-disp);
  font-size:clamp(1.2rem,2.2vw,1.9rem);
  font-weight:600;
  line-height:1.5;
  color:var(--text);
  font-style:italic;
  border:none;
  max-width:70ch;
  margin-inline:auto;
  margin-block:1.5rem 3rem;
}
.mission-pillars {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.2rem;
}
.mission-pillar {
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:1.5rem;
  text-align:left;
  transition:border-color 0.28s,transform 0.28s;
}
.mission-pillar:hover { border-color:var(--border-2); transform:translateY(-4px); }
.mission-pillar h4 { font-size:1rem; margin-bottom:0.5rem; }
.mission-pillar p  { font-size:0.85rem; }
@media(max-width:700px){ .mission-pillars { grid-template-columns:1fr; } }

/* Values */
.values-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.value-card {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:1.5rem;
  display:flex;
  gap:1rem;
  align-items:flex-start;
  transition:border-color 0.28s,transform 0.28s;
}
.value-card:hover { border-color:var(--border-2); transform:translateX(4px); }
.value-card__gem { font-size:1rem; color:var(--gold); flex-shrink:0; margin-top:3px; }
.value-card h4 { font-size:1rem; margin-bottom:0.3rem; }
.value-card p  { font-size:0.85rem; }
@media(max-width:640px){ .values-grid { grid-template-columns:1fr; } }
