.category-stories{position:relative;z-index:4;width:100%;padding:34px max(3.5vw,24px) 31px;background:var(--an-paper);border-bottom:1px solid var(--an-line)}
.category-stories-head{text-align:center;margin-bottom:23px}
.category-stories-head .kicker{margin-bottom:7px}
.category-stories-head h2{margin:0;font:400 22px/1.2 var(--an-font-display);letter-spacing:.045em}
.story-list{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,62px);max-width:940px;margin:auto}
.story-item{display:flex;flex:0 0 112px;flex-direction:column;align-items:center;gap:12px;text-align:center;outline:0}
.story-ring{position:relative;width:104px;height:104px;padding:3px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 30deg,var(--an-honey),var(--an-burnt),var(--an-logo-gold),var(--an-champagne),var(--an-honey));box-shadow:0 8px 24px rgba(107,58,21,.13);transition:transform .38s var(--an-ease),box-shadow .38s var(--an-ease)}
.story-ring:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;border:3px solid var(--an-paper);pointer-events:none;z-index:2}
.story-image{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--an-ivory);position:relative}
.story-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s var(--an-ease),filter .55s var(--an-ease)}
.story-item strong{font:400 12px/1.3 var(--an-font-display);letter-spacing:.06em;transition:color .3s var(--an-ease)}
.story-item:hover .story-ring,.story-item:focus-visible .story-ring{transform:translateY(-5px) scale(1.035);box-shadow:0 13px 32px rgba(200,106,34,.23),0 0 0 1px rgba(243,178,91,.25)}
.story-item:hover img,.story-item:focus-visible img{transform:scale(1.07);filter:saturate(1.08)}
.story-item:hover strong,.story-item:focus-visible strong{color:var(--an-burnt)}
.story-item:focus-visible{outline:1px solid var(--an-logo-gold);outline-offset:7px;border-radius:4px}
@media(max-width:760px){.category-stories{padding:27px 0 24px}.category-stories-head{margin-bottom:19px}.category-stories-head h2{font-size:19px}.story-list{justify-content:flex-start;gap:19px;max-width:none;overflow-x:auto;padding:0 20px 9px;scroll-snap-type:x proximity;scrollbar-width:none}.story-list::-webkit-scrollbar{display:none}.story-item{flex-basis:82px;gap:10px;scroll-snap-align:start}.story-ring{width:78px;height:78px;padding:3px}.story-ring:before{width:70px;height:70px}.story-image{width:70px;height:70px}.story-item strong{font-size:11px}}
@media(max-width:390px){.story-list{gap:15px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.story-ring,.story-image img,.story-item strong{transition:none!important;transform:none!important}}