/* storytelling — 시퀀스 1→2→3. */
.story-root {
  display: flex;
  flex-direction: column;
  background: var(--primary, #0f0f0f);
  font-family: var(--font-display, "Pretendard"), "Noto Sans KR";
  padding: 72px;
}
.story-step {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 24px;
}
.story-num {
  font-size: 76px;
  font-weight: 700;
  color: var(--accent, #3ecf8e);
  letter-spacing: -0.03em;
}
.story-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  background: var(--secondary, #171717);
  border-radius: var(--radius, 8px);
  padding: 28px 32px;
}