.aspekt-stories{--as-accent:#36da77;--as-ink:#1a1a2e;--as-muted:#626873;--as-bg:#f3f8f4;--as-radius:24px;color:var(--as-ink);scroll-margin-top:100px}
.aspekt-stories--home{padding:80px 24px}
.aspekt-stories--light{--as-accent:#69d17d;--as-ink:#141414;--as-muted:#5f6670}
.aspekt-stories--dark{--as-accent:#f95559;--as-ink:#e8e8e8;--as-muted:#b2b2b2;--as-bg:#181819;--as-radius:0px}
.aspekt-stories__inner{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(32px,5vw,80px);align-items:center;max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,56px);background:var(--as-bg);border-radius:var(--as-radius)}
.aspekt-stories__copy{min-width:0;max-width:620px}
.aspekt-stories__eyebrow{margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--as-muted)}
.aspekt-stories__title{margin:0 0 20px;font:inherit;font-weight:800;font-size:clamp(30px,3.4vw,48px);line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
.aspekt-stories--dark .aspekt-stories__title{text-transform:uppercase}
.aspekt-stories__text{margin:0;max-width:42ch;color:var(--as-muted);font-size:18px;line-height:1.65}
.aspekt-stories__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;font-size:14px;color:var(--as-muted)}
.aspekt-story{position:relative;display:block;isolation:isolate;aspect-ratio:9/16;width:100%;max-width:280px;overflow:hidden;border-radius:var(--as-radius);background:#1a1a2e;color:#f6f8f6;text-decoration:none;outline:2px solid transparent;outline-offset:4px;transition:transform .2s cubic-bezier(.16,1,.3,1),outline-color .2s}
.aspekt-story:hover{transform:translateY(-4px);outline-color:var(--as-accent)}
.aspekt-story:focus-visible{outline:3px solid var(--as-accent)}
.aspekt-story__poster{display:block;width:100%;height:100%;object-fit:cover}
.aspekt-story::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,22,28,.9),transparent 55%,rgba(15,22,28,.16));z-index:1;pointer-events:none}
.aspekt-story__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--as-accent);color:#14251a;box-shadow:0 4px 24px rgba(15,22,28,.25)}
.aspekt-story__play svg{width:25px;height:25px;margin-left:4px;fill:currentColor}
.aspekt-story__caption{position:absolute;z-index:2;left:22px;right:22px;bottom:24px;display:flex;flex-direction:column;gap:8px;color:#f6f8f6}
.aspekt-story__duration{font-size:13px;line-height:1.4;color:#e5ede9}
.aspekt-story__name{font-size:20px;font-weight:700;line-height:1.25}
.aspekt-story__hint{font-size:13px;line-height:1.4;color:#e5ede9}
.aspekt-player{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #414646;border-radius:16px;background:#151b1d;color:#f6f8f6;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.aspekt-player::backdrop{background:rgba(10,16,18,.88)}
.aspekt-player__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px}
.aspekt-player__title{margin:0;font-size:14px;font-weight:600;line-height:1.4}
.aspekt-player__close{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#303739;color:#f6f8f6;font-size:28px;line-height:1;cursor:pointer}
.aspekt-player__close:hover{background:#485254}
.aspekt-player__close:focus-visible{outline:3px solid #69d17d;outline-offset:-3px}
.aspekt-player__video{display:block;width:100%;height:min(72vh,710px);height:min(72dvh,710px);object-fit:contain;background:#101416}
.aspekt-player__status{margin:0;padding:12px 16px;font-size:14px;line-height:1.5}
.aspekt-player__status[hidden]{display:none}
.aspekt-player__status a{color:#9fe6ad;text-decoration:underline}
@media(max-width:767px){.aspekt-stories--home{padding:56px 16px}.aspekt-stories__inner{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 20px}.aspekt-stories__title{font-size:30px}.aspekt-stories__text{font-size:16px}.aspekt-story{width:min(100%,280px);justify-self:center}.aspekt-stories__meta{margin-top:18px}.aspekt-player{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.aspekt-story{transition:none}.aspekt-story:hover{transform:none}}
/* Multiple stories: one shared, scrollable strip on every page. */
.aspekt-stories__inner{display:block;min-width:0}
.aspekt-stories__header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.aspekt-stories__copy{max-width:690px}
.aspekt-stories__title{max-width:22ch}
.aspekt-stories__text{max-width:55ch}
.aspekt-stories__controls{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.aspekt-stories__controls[hidden]{display:none}
.aspekt-stories__counter{min-width:44px;color:var(--as-muted);font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
.aspekt-stories__arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--as-accent);border-radius:50%;background:var(--as-accent);color:#14251a;cursor:pointer;font:inherit;font-size:24px}
.aspekt-stories__arrow:disabled{background:transparent;color:var(--as-muted);border-color:var(--as-muted);opacity:.4;cursor:default}
.aspekt-stories__arrow:focus-visible{outline:3px solid var(--as-ink);outline-offset:3px}
.aspekt-stories__track{display:flex;gap:20px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:var(--as-accent) transparent;padding:8px 4px 16px}
.aspekt-stories__track:focus-visible{outline:2px solid var(--as-accent);outline-offset:3px}
.aspekt-stories__track .aspekt-story{flex:0 0 260px;width:260px;max-width:none;scroll-snap-align:start}
.aspekt-stories__track .aspekt-story__caption{left:18px;right:18px;bottom:22px}
.aspekt-player__video{height:min(65vh,680px);height:min(65dvh,680px)}
.aspekt-player__navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;font-size:14px;font-variant-numeric:tabular-nums}
.aspekt-player__navigation button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #616f71;border-radius:50%;background:#303739;color:#f6f8f6;font:inherit;font-size:23px;cursor:pointer}
.aspekt-player__navigation button:disabled{opacity:.35;cursor:default}
.aspekt-player__navigation button:focus-visible,.aspekt-player__close:focus-visible{outline:3px solid var(--as-player-accent,#69d17d);outline-offset:-3px}
@media(max-width:767px){.aspekt-stories__header{display:block;margin-bottom:20px}.aspekt-stories__controls{justify-content:flex-end;margin-top:24px}.aspekt-stories__inner{padding:28px 16px}.aspekt-stories__track{gap:16px}.aspekt-stories__track .aspekt-story{flex-basis:min(74vw,260px);width:min(74vw,260px)}.aspekt-player__video{height:min(60vh,680px);height:min(60dvh,680px)}}
