/* ============================================================
   company-our-story.css — Samora Ceylon · v4.0 (Emerald Royale)
   Our Story page: page-unique layout only. Shared components live
   in company.css; every value references main.css tokens.
   ============================================================ */
.story-name {
  max-width: 52rem;
  margin: 0 auto var(--spacing-10);
  padding: var(--spacing-12) var(--spacing-10);
  text-align: center;
  background: var(--er-pearl);
  border: 1px solid var(--coy-line);
  border-radius: var(--coy-radius-card);
  box-shadow: var(--shadow-premium);
}
.story-name-word {
  margin: 0 0 var(--spacing-4);
  font-family: var(--font-label);
  font-size: clamp(var(--text-3xl), 5vw, var(--text-6xl));
  letter-spacing: var(--ls-widest);
  text-transform: uppercase;
  color: var(--er-emerald);
}
.story-name-def {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-style: italic;
  color: var(--text-secondary);
}
.story-home-gallery { margin-bottom: var(--spacing-12); }
.story-demo { margin-top: var(--spacing-14); }