/* client-stories.html: the wall of letters (uses site.css tokens only; layout rules only, no panels) */
.stories-wall { position: relative; padding-top: clamp(1rem, 0.5rem + 1.5vw, 2rem); }
.quote--lead .quote__text { max-width: 26ch; }
.quote--lead { padding-bottom: clamp(2.5rem, 2rem + 2vw, 4rem); margin-bottom: clamp(2.5rem, 2rem + 2vw, 4rem); border-bottom: 1px solid var(--rule); }
.stories { display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(3rem, 2rem + 4vw, 6rem); align-items: start; }
.story { position: relative; padding-bottom: clamp(3rem, 2rem + 3vw, 5rem); margin-bottom: clamp(3rem, 2rem + 3vw, 5rem); border-bottom: 1px solid var(--rule); }
.stories__col > .story:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.story__head { display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: var(--s-5); font-size: var(--fs-small); line-height: 1.4; }
.story__head .numeral { font-size: 0.95rem; letter-spacing: 0.04em; flex: none; }
.story__name { font-weight: 700; letter-spacing: 0.02em; color: var(--ink); }
.story__studio { color: var(--ink-muted); }
.story .quote + .quote { margin-top: var(--s-6); }
.story .quote + .quote .quote__text { font-size: var(--fs-lead); line-height: 1.5; }
@media (max-width: 760px) {
  .stories { grid-template-columns: 1fr; }
  .stories__col:first-child > .story:last-child { border-bottom: 1px solid var(--rule); margin-bottom: 2.5rem; padding-bottom: 2.5rem; }
  .story { padding-bottom: 2.5rem; margin-bottom: 2.5rem; }
  .story .quote__text { font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); line-height: 1.42; }
  .story .quote + .quote .quote__text { font-size: var(--fs-lead); line-height: 1.5; }
  .story .quote + .quote { margin-top: var(--s-5); }
}