.story{--story-ink: #eaf1f3;--story-muted: #a6b2b8;--story-accent: #00b0fc;--story-bg: #052534;position:relative;width:100%;aspect-ratio:4 / 5;max-height:75vh;margin-block:2.5rem;border-radius:16px;overflow:hidden;background:var(--story-bg);box-shadow:0 20px 60px -20px color-mix(in srgb,var(--story-bg) 60%,transparent);touch-action:pan-y;-webkit-user-select:none;user-select:none}.story:not([data-fullscreen]){width:min(100%,26rem);margin-inline:auto}.story-track{display:flex;height:100%;width:100%;will-change:transform}.story-track.is-animating{transition:transform .42s cubic-bezier(.22,1,.36,1)}.story-slide{position:relative;flex:0 0 100%;height:100%;display:grid;place-items:center;padding:2.2rem 1.6rem;text-align:center;overflow:hidden;background:var(--gradient-hero)}.story-slide-bg,.story-slide-bg img{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0}.story-slide-bg img{object-fit:cover;object-position:var(--story-focus, center)}.story-slide--has-text .story-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 120% at 15% 100%,rgba(1,247,182,.18) 0%,transparent 55%),radial-gradient(120% 130% at 90% 0%,rgba(0,176,252,.14) 0%,transparent 55%),linear-gradient(180deg,#05253459,#052534b8)}.story-content{position:relative;z-index:2;font-family:var(--font-display);color:var(--story-ink);font-size:clamp(1.4rem,1.1rem + 2.2vw,2rem);line-height:1.28;letter-spacing:-.01em;font-weight:500;text-wrap:balance;max-width:22ch;text-shadow:0 1px 20px rgba(5,37,52,.4)}.story-caption{position:absolute;bottom:1.1rem;left:0;right:0;z-index:2;font-family:var(--font-mono2);font-size:.72rem;color:var(--story-muted)}.story-wordmark{position:absolute;bottom:1rem;right:1.1rem;z-index:3;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.02em}.story-wordmark-re{color:var(--story-accent)}.story-wordmark-framed{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.story-bars{position:absolute;top:.7rem;left:.7rem;right:.7rem;z-index:5;display:flex;gap:4px}.story-bar{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,var(--story-ink) 28%,transparent);overflow:hidden}.story-bar>i{display:block;height:100%;width:100%;background:var(--story-ink);transform:scaleX(0);transform-origin:left;will-change:transform}.story-bar.is-done>i{transform:scaleX(1)}.story-bar.is-active>i{animation:story-fill var(--story-dur, 15s) linear forwards}.story-bar.is-active.is-paused>i{animation-play-state:paused}@keyframes story-fill{to{transform:scaleX(1)}}.story-zone{position:absolute;top:0;bottom:0;z-index:4;border:0;background:transparent;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.story-zone.prev{left:0;width:33%}.story-zone.next{left:33%;right:0;width:67%}.story-zone:focus-visible{outline:2px solid var(--story-accent);outline-offset:-4px;border-radius:8px}.story-zone.prev:active{background:linear-gradient(90deg,color-mix(in srgb,var(--story-accent) 14%,transparent),transparent 60%)}.story-zone.next:active{background:linear-gradient(270deg,color-mix(in srgb,var(--story-accent) 14%,transparent),transparent 60%)}.story-zone:disabled{cursor:default}.story-controls{position:absolute;top:.55rem;right:.7rem;z-index:6;display:flex;gap:.4rem}.story-pause,.story-close{width:34px;height:34px;border:0;border-radius:999px;background:color-mix(in srgb,var(--story-bg) 50%,transparent);color:var(--story-ink);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.story-pause:focus-visible,.story-close:focus-visible{outline:2px solid var(--story-accent);outline-offset:2px}.story-pause svg,.story-close svg{width:15px;height:15px;fill:currentColor}.story-close{display:none}.story[data-fullscreen] .story-close{display:grid}.story.is-holding .story-bars,.story.is-holding .story-controls{transition:opacity .15s ease;opacity:0}.story-noscript-fallback{display:flex;flex-direction:column;gap:1.5rem;margin-block:2.5rem}.story-noscript-fallback .story-slide{position:static;display:block;flex:initial;height:auto;padding:1.4rem;text-align:left;border-radius:16px;background:var(--gradient-hero)}.story-noscript-fallback .story-slide-bg{position:relative;inset:auto;display:block;width:100%;height:auto;margin-block-end:1rem;border-radius:10px;overflow:hidden}.story-noscript-fallback .story-slide-bg img{position:static;width:100%;height:auto;object-fit:contain}.story-noscript-fallback .story-scrim{display:none}.story-noscript-fallback .story-content{position:static;color:var(--story-ink, #eaf1f3);font-family:var(--font-display);font-size:1.15rem;line-height:1.5;max-width:none;text-shadow:none}.story-noscript-fallback .story-caption{position:static;display:block;margin-block-start:.6rem;color:var(--story-muted, #a6b2b8)}.story-bubble{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin-block:2.5rem;background:none;border:0;cursor:pointer;font-family:inherit;padding:0}.story-bubble-ring{width:92px;height:92px;border-radius:999px;padding:3px;background:linear-gradient(135deg,var(--color-accent),#01f7b6)}.story-bubble-fill{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:var(--gradient-hero);font-family:var(--font-display);font-weight:700;color:#eaf1f3;font-size:1.5rem}.story-bubble-label{font-family:var(--font-mono2);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.story-bubble:focus,.story-bubble:focus-visible{outline:none;box-shadow:none}.story-bubble:focus-visible .story-bubble-ring{outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:0 0 0 4px color-mix(in srgb,#01f7b6 20%,transparent)}dialog.story-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;background:transparent;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;overscroll-behavior:contain}dialog.story-dialog::backdrop{background:#03141ceb;backdrop-filter:blur(6px)}dialog.story-dialog .story{margin:0;border-radius:0;max-height:100dvh;height:100dvh;aspect-ratio:auto;width:100vw}.story-swipe-hint{position:absolute;bottom:2.2rem;left:0;right:0;z-index:6;text-align:center;font-family:var(--font-mono2);font-size:.7rem;color:var(--story-muted);pointer-events:none;animation:story-hintfade 4s ease forwards}@keyframes story-hintfade{0%,60%{opacity:.9}to{opacity:0}}@media(prefers-reduced-motion:reduce){.story-track.is-animating{transition:none}.story-bar.is-active>i{animation:none;transform:scaleX(1)}.story.is-holding .story-bars,.story.is-holding .story-controls{transition:none}}