.event-story-index{padding:88px 0 96px;background:#fff8f3;border-top:1px solid rgba(75,39,34,.1)}
.event-story-index h2{max-width:860px;margin:10px 0 16px;font-family:var(--serif);font-size:clamp(46px,5.5vw,78px);font-weight:500;line-height:.96;color:var(--wine);letter-spacing:-.04em}
.event-story-index-lede{max-width:650px;color:rgba(33,26,24,.66);line-height:1.7}
.event-story-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.event-story-group{padding:24px;border:1px solid rgba(76,42,37,.12);border-radius:24px;background:#fff}
.event-story-group h3{margin:0 0 18px;font-family:var(--serif);font-size:30px;font-weight:500;color:var(--wine)}
.event-story-group a{display:block;padding:15px 0;border-top:1px solid rgba(76,42,37,.1);color:var(--ink);text-decoration:none}
.event-story-group a:first-of-type{border-top:0}
.event-story-group strong,.event-story-group span{display:block}
.event-story-group strong{font:700 12px/1.45 var(--sans);letter-spacing:.02em}
.event-story-group span{margin-top:5px;color:rgba(33,26,24,.58);font:500 11px/1.5 var(--sans)}
.event-story-group a:hover strong{color:var(--wine)}
@media(max-width:820px){.event-story-index{padding:68px 0}.event-story-groups{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}.event-story-group{min-width:min(84vw,360px);scroll-snap-align:start}}