/* About page */

.story-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 4rem;
  align-items: start;
}

.story-content p { margin-bottom: 1.25rem; color: var(--slate); line-height: 1.75; }
.story-content p:last-child { margin-bottom: 0; }

.story-highlight {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  border-radius: var(--radius);
  padding: 2.25rem;
  color: var(--white);
}

.story-icon {
  width: 60px; height: 60px;
  background: rgba(79,156,249,0.15);
  color: var(--blue);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.25rem;
}

.story-highlight h3 { color: var(--white); margin-bottom: 0.75rem; }
.story-highlight p  { color: rgba(255,255,255,0.72); font-size: 0.9375rem; line-height: 1.65; }

/* Mission */
.mission-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--blue);
  border-radius: var(--radius);
  padding: 2.5rem 3rem;
  max-width: 780px;
  margin: 0 auto;
  box-shadow: var(--shadow-sm);
  position: relative;
}

.mission-quote-mark {
  font-size: 6rem;
  line-height: 1;
  color: var(--blue-light);
  font-family: Georgia, serif;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
  pointer-events: none;
}

.mission-quote {
  font-size: 1.0625rem;
  color: var(--slate);
  line-height: 1.8;
  font-style: italic;
  position: relative;
  z-index: 1;
  padding-top: 1rem;
}

/* Values */
.values-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.value-card { display: flex; flex-direction: column; gap: 0.75rem; }

.value-icon {
  width: 52px; height: 52px;
  background: var(--blue-light);
  color: var(--blue);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
}

.value-card h3 { font-size: 1.0625rem; }
.value-card p  { color: var(--slate-light); font-size: 0.9375rem; line-height: 1.65; }

@media (max-width: 900px) {
  .story-grid  { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
}