#stories[hidden]{display:none}
#stories{padding:80px 0;border-top:1px solid var(--line);background:var(--bg);color:var(--ink)}
.stories-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:0 var(--gutter);margin-bottom:32px}
#stories h2{font-size:clamp(36px,4vw,60px)}
.stories-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}
.stories-actions a{padding:12px 0;border-bottom:1px solid var(--ink)}
.stories-actions button{border:1px solid var(--muted);padding:12px 16px;min-height:44px}
.story-viewport{overflow-x:auto;padding:6px var(--gutter) 16px;scrollbar-width:thin}
.story-viewport:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.story-track,.story-half{display:flex;width:max-content;gap:24px}
.story-track{gap:0}
.story-half{padding-right:24px}
.story-card{flex:0 0 auto;width:300px}
.story-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.story-card time{display:block;font-size:13px;color:var(--muted);margin-top:16px}
.story-card h3{font:400 22px/1.35 Marcellus,Georgia,serif;margin-top:8px}
.story-card:hover h3{text-decoration:underline;text-underline-offset:4px}
.stories-actions button[hidden],.story-half[hidden]{display:none}
@media(max-width:600px){#stories{padding:48px 0}.story-card{width:min(280px,78vw)}.stories-actions{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-half[aria-hidden]{display:none}}