/* Homepage "Stories" section: short quotes from museum staff. Ink on warm white; rust only as a thin rule beside each quote (nothing here is a button or link).
   Generous spacing: 96px above and below on a desktop, 64px on a phone. One story at a time (see the script after the section in index.html). */
.stories { background: var(--color-surface, #F7F4EF); color: var(--color-text, #2B2623); font-family: var(--font-body, "Source Sans 3", system-ui, sans-serif); padding: 96px 24px; }
.stories *, .stories *::before, .stories *::after { box-sizing: border-box; }
.stories__inner { max-width: 1200px; margin: 0 auto; }
.stories__title { margin: 0 0 16px; font-family: var(--font-display, "Rubik", system-ui, sans-serif); font-size: 36px; font-weight: 600; line-height: 1.2; }
.stories__lede { margin: 0 0 56px; max-width: 60ch; font-size: 18px; line-height: 1.5; }
.stories__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; max-width: 760px; }
/* One story at a time: with the script on, only the chosen one (is-current) shows */
.stories--one .stories__item { display: none; }
.stories--one .stories__item.is-current { display: block; }
.story { margin: 0; padding: 0 0 0 24px; border-left: 4px solid var(--color-accent, #A7410E); }
.story__quote { margin: 0 0 24px; font-size: 24px; line-height: 1.5; }
.story__quote p { margin: 0; }
.story__by { margin: 0; font-size: 16px; line-height: 1.4; }
.story__name { display: block; font-family: var(--font-display, "Rubik", system-ui, sans-serif); font-weight: 600; }
.story__role { display: block; color: var(--color-text-muted, #5E5853); }
@media (max-width: 760px) { .stories { padding: 64px 16px; } .stories__title { font-size: 30px; } .stories__lede { margin-bottom: 40px; } .story__quote { font-size: 20px; } }