.section-stories .stories__header{margin-bottom:28px}
.stories__subheading{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin:0 0 10px}
.stories__heading{margin:0}
.stories{display:block;position:relative}
.stories__list{display:flex;gap:22px;list-style:none;margin:0 auto;padding:4px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.stories__list::-webkit-scrollbar{display:none}
.stories__item{flex:0 0 auto}
.stories__trigger{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;width:calc(var(--stories-size) + 26px)}
.stories__ring{display:block;width:var(--stories-size);height:var(--stories-size);border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--stories-ring-1),var(--stories-ring-2),var(--stories-ring-3));transition:transform .2s ease}
.stories__trigger:hover .stories__ring{transform:scale(1.06)}
.stories__trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.stories__avatar{display:block;width:100%;height:100%;border-radius:50%;padding:2px;background:#fff;box-sizing:border-box}
.stories__avatar img,.stories__avatar svg{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.stories__name{font-size:12px;line-height:1.3;text-align:center;word-break:break-word}

.stories__viewer{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}
.stories__viewer[hidden]{display:none}
.stories__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92)}
.stories__stage{position:relative;width:min(420px,100vw);height:min(92vh,760px);background:#000;overflow:hidden;border-radius:10px}
@media (max-width:600px){.stories__stage{width:100vw;height:100dvh;border-radius:0}}
.stories__progress{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.stories__progress-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.stories__progress-bar i{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.stories__topbar{position:absolute;top:22px;left:12px;right:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;color:#fff}
.stories__user{font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.stories__close{background:none;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 8px}
.stories__slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.stories__slide[data-active]{display:flex}
.stories__slide img,.stories__slide video{width:100%;height:100%;object-fit:contain;display:block}
.stories__nav{position:absolute;top:0;bottom:0;width:35%;background:none;border:0;cursor:pointer;z-index:2}
.stories__nav--prev{left:0}
.stories__nav--next{right:0}