.story-shelf{position:relative;padding-top:20px;padding-bottom:8px}
.story-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-bottom:14px}
.story-track::-webkit-scrollbar{display:none}
@media(pointer:fine){.story-track,.story-track .story{cursor:grab}.story-track{user-select:none}}
.story-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.story-track.is-dragging,.story-track.is-dragging .story{cursor:grabbing}
.story-progress{position:relative;width:148px;height:3px;margin:0 auto;background:var(--line);overflow:hidden;border-radius:2px}
.story-progress span{position:absolute;top:0;bottom:0;left:0;background:var(--blue);border-radius:2px}
.story{position:relative;flex:0 0 244px;height:340px;overflow:hidden;border-radius:8px;background:var(--ink);color:white;scroll-snap-align:start;text-decoration:none;isolation:isolate}
.story-wide{flex-basis:344px}
.story>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.story>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.story.story-main>img,.story.story-voice>img,.story.story-clinic>img,.story.story-logistics>img{object-position:center}
.story.story-finance{background:#c4d0da}
.story.story-finance>img,.story.story-finance>video{object-fit:cover;object-position:center 58%}
.story::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(9,17,28,.22) 25%,rgba(9,17,28,.88) 100%);z-index:0;pointer-events:none}
.story-copy{position:absolute;bottom:22px;left:20px;right:20px;z-index:1}
.story-copy :is(h1,h2){margin:0;font-size:25px;line-height:1.15;font-weight:800;letter-spacing:0;text-wrap:balance}
.story-main .story-copy h1{font-size:32px}
.story-copy p{margin:9px 0 0;font-size:12px;line-height:1.45;color:white;max-width:270px}
.story-main>img{object-position:70% center}.story-voice>img{object-position:32% center}.story-clinic>img{object-position:44% center}.story-notos>img{object-position:center 30%}.story-logistics>img{object-position:45% center}
.story:hover>img{transform:scale(1.035)}
.story:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}
.story-arrow{position:absolute;top:calc(50% - 12px);z-index:3;width:44px;height:44px;border-radius:50%;background:white;color:var(--ink);box-shadow:0 3px 12px #181b2229}
.story-prev{left:-14px}.story-next{right:-14px}.story-arrow:disabled{opacity:0;pointer-events:none}.story-arrow:hover{background:var(--paper)}
.story-track:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
@media(min-width:1700px){.story{height:370px;flex-basis:266px}.story-wide{flex-basis:374px}}
@media(max-width:900px){.story{height:300px;flex-basis:216px}.story-wide{flex-basis:300px}.story-copy :is(h1,h2){font-size:24px}.story-main .story-copy h1{font-size:28px}.story-prev{left:-10px}.story-next{right:-10px}}
@media(max-width:550px){.story-shelf{padding-top:14px;padding-bottom:0}.story-track{gap:10px;padding-bottom:12px}.story,.story-wide{flex-basis:244px;height:302px}.story-copy{left:17px;right:17px;bottom:20px}.story-copy :is(h1,h2){font-size:25px}.story-main .story-copy h1{font-size:28px}.story-copy p{font-size:12px;line-height:1.5}.story-arrow{width:36px;height:36px}.story-prev{left:-6px}.story-next{right:-6px}}
@media(prefers-reduced-motion:reduce){.story>img{transition:none}.story:hover>img{transform:none}}