.story-reel{--story-ring: var(--accent);position:relative}.story-reel__inner{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.story-reel__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:18px}.story-reel__kicker{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.story-reel__title{font-family:var(--font-head, inherit);font-size:clamp(1.35rem,3.4vw,2rem);line-height:1.25;margin:0;flex:1 1 auto}.story-reel__all{font-size:.9rem;font-weight:600;color:inherit;opacity:.75;text-decoration:none;white-space:nowrap}.story-reel__all:hover{opacity:1}.story-reel__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:15px;padding-inline-start:2px;margin-inline:-2px}.story-reel__track::-webkit-scrollbar{display:none}.story-card{--r: 22px;--story-ring: var(--accent);position:relative;flex:0 0 auto;width:clamp(148px,42vw,190px);aspect-ratio:9 / 16;border:0;padding:0;border-radius:var(--r);overflow:hidden;cursor:pointer;scroll-snap-align:start;text-decoration:none;background:radial-gradient(140% 90% at 85% 0%,color-mix(in srgb,var(--story-ring) 60%,transparent) 0%,transparent 55%),linear-gradient(var(--sa, 155deg),color-mix(in srgb,var(--story-ring) 34%,#12121c) 0%,#0c0c14 68%);color:#fff;text-align:start;isolation:isolate;box-shadow:0 12px 28px -16px #0000008c;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}.story-card:before{content:"";position:absolute;inset:-30% -10% auto;height:70%;z-index:-1;background:radial-gradient(60% 60% at 70% 30%,color-mix(in srgb,var(--story-ring) 45%,transparent),transparent 70%);filter:blur(6px);opacity:.9}.story-card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 22px 44px -18px #0009}.story-card-wrap:nth-child(2n) .story-card{--sa: 200deg}.story-card-wrap:nth-child(3n) .story-card{--sa: 120deg}.story-card-wrap:nth-child(3n) .story-card:before{filter:blur(6px) hue-rotate(28deg)}.story-card-wrap:nth-child(4n) .story-card:before{filter:blur(6px) hue-rotate(-24deg)}.story-card:active{transform:scale(.97)}.story-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.story-card__media{position:absolute;inset:0;z-index:-2}.story-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transform:scale(1.04);transition:transform 6s ease}.story-card:hover .story-card__media img{transform:scale(1.12)}.story-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 20%,transparent) 0%,transparent 32%,color-mix(in srgb,#000 78%,transparent) 100%)}.story-card__ring{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;background:linear-gradient(150deg,var(--story-ring),color-mix(in srgb,var(--story-ring) 20%,var(--secondary)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.story-card.is-fresh .story-card__ring{opacity:1;animation:story-ring-spin 6s linear infinite}@keyframes story-ring-spin{to{filter:hue-rotate(360deg)}}.story-card__label{position:absolute;inset-inline:12px;bottom:12px;font-weight:700;font-size:.95rem;line-height:1.4;text-shadow:0 1px 8px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card__play{position:absolute;inset-block-start:10px;inset-inline-end:10px;width:26px;height:26px;display:grid;place-items:center;font-size:.6rem;border-radius:50%;background:color-mix(in srgb,#000 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-reel--band{position:relative;background:radial-gradient(90% 120% at 12% -10%,color-mix(in srgb,var(--primary) 42%,#0b0b12) 0%,transparent 55%),radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--accent) 28%,#0b0b12) 0%,transparent 50%),#0a0a11;color:#f5f5fa;padding-block:clamp(44px,7vw,76px);overflow:hidden}.story-reel--band:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),color-mix(in srgb,var(--primary) 80%,#fff),transparent);opacity:.9}.story-reel--band .story-reel__head{margin-bottom:24px}.story-reel--band .story-reel__kicker{display:inline-flex;align-items:center;gap:7px}.story-reel--band .story-reel__kicker:before{content:"";width:22px;height:2px;background:var(--accent)}.story-reel--band .story-reel__title{font-size:clamp(1.5rem,4.2vw,2.4rem);letter-spacing:-.01em}.story-reel--band .story-reel__all{color:#f5f5fa;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px}.story-reel--band .story-reel__all:hover{background:#ffffff14}.story-reel--band .story-card{width:clamp(176px,47vw,232px);box-shadow:0 24px 50px -22px #000000bf}.story-reel--strip{margin-block:8px 34px}.story-reel--strip .story-card{width:clamp(132px,38vw,158px)}.story-reel--inline .story-reel__track{gap:16px;padding-inline:2px}.story-reel--inline .story-card{--bubble: 66px;width:var(--bubble);height:var(--bubble);aspect-ratio:1;border-radius:50%;display:block;box-shadow:none}.story-reel--inline .story-card:before{inset:-20% -10% auto;height:60%}.story-reel--inline .story-card:hover{transform:translateY(-3px)}.story-reel--inline .story-card__media,.story-reel--inline .story-card__media img{border-radius:50%}.story-card__fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-head, inherit);font-weight:800;color:#fff;z-index:-1}.story-reel--inline .story-card__fallback{font-size:calc(var(--bubble) * .4)}.story-reel--inline .story-card__ring{opacity:1;padding:2px;background:linear-gradient(150deg,color-mix(in srgb,var(--muted, #b8b8c4) 70%,transparent),color-mix(in srgb,var(--muted, #b8b8c4) 25%,transparent))}.story-reel--inline .story-card.is-fresh .story-card__ring{background:linear-gradient(150deg,var(--story-ring),color-mix(in srgb,var(--story-ring) 25%,var(--secondary)))}.story-reel--inline .story-card:after,.story-reel--inline .story-card__play{display:none}.story-reel--inline .story-card__label{position:static;display:block;margin-top:7px;inset:auto;font-size:.72rem;font-weight:600;line-height:1.3;text-align:center;color:var(--text, inherit);text-shadow:none;-webkit-line-clamp:1;max-width:calc(var(--bubble) + 14px)}.story-reel--inline .story-card-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.story-reel--onhome{padding-block:clamp(20px,4vw,34px);border-block:1px solid color-mix(in srgb,var(--text, #1c1c28) 8%,transparent);background:color-mix(in srgb,var(--primary) 3%,transparent)}.story-reel--onhome .story-reel__head{margin-bottom:14px}.story-reel--onhome .story-reel__kicker{color:color-mix(in srgb,var(--text, #1c1c28) 55%,transparent);font-size:.78rem}.story-reel--onhome .story-reel__title{font-size:1.05rem;font-weight:700;flex:1 1 auto}.story-reel--onhome .story-reel__all{font-size:.82rem;opacity:.7}.story-reel--onhome .story-card{--bubble: clamp(72px, 20vw, 92px)}.story-reel--onhome .story-card__label{display:none}.story-reel--onhome .story-reel__track{-webkit-mask:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}.story-open-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);cursor:pointer}.story-open-btn:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.story-open-btn__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.blog-post-story{margin-block:20px 28px}.blog-post-story__hint{font-size:.9rem;font-weight:600;color:color-mix(in srgb,var(--text, #333) 70%,transparent);margin:0 0 10px}.story-page{max-width:640px}.story-page__title{font-family:var(--font-head, inherit);margin:12px 0 24px}.story-page__frames{list-style:none;margin:0;padding:0;display:grid;gap:16px}.story-page__frame{position:relative;border-radius:18px;padding:28px 24px;background:color-mix(in srgb,var(--primary) 8%,#12121a);color:#fff;overflow:hidden}.story-page__img{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:16px}.story-page__frame .story-frame__title{font-size:clamp(1.3rem,4.5vw,1.7rem);margin:4px 0 8px}.story-page__frame .story-frame__text{color:#ffffffe6}.story-page__foot{margin-top:26px}.story-viewer{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#05050a 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s ease;touch-action:none}.story-viewer.is-open{opacity:1}.story-viewer__stage{position:relative;width:min(440px,100vw);height:min(92vh,calc((440px) * 16 / 9));aspect-ratio:9 / 16;background:#101018;border-radius:18px;overflow:hidden;box-shadow:0 40px 120px -30px #000c;transform:translateY(var(--drag, 0px))}@media(max-width:480px){.story-viewer__stage{width:100vw;height:100dvh;border-radius:0}}.story-viewer__frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:68px 24px 40px;color:#fff;background-size:cover;background-position:center}.story-viewer__frame:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 26%,rgba(0,0,0,.72) 100%)}.story-viewer__frame>*{position:relative;opacity:0;transform:translateY(14px)}.story-viewer__frame.is-live>*{animation:story-rise .5s cubic-bezier(.22,1,.36,1) forwards}.story-viewer__frame.is-live>*:nth-child(2){animation-delay:.08s}.story-viewer__frame.is-live>*:nth-child(3){animation-delay:.16s}.story-viewer__frame.is-live>*:nth-child(4){animation-delay:.24s}@keyframes story-rise{to{opacity:1;transform:none}}.story-viewer__frame[data-kenburns]{animation:story-kenburns 6s ease-out forwards}@keyframes story-kenburns{0%{background-size:116% 116%}to{background-size:104% 104%}}.story-frame__eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--accent) 70%,#fff)}.story-frame__title{font-family:var(--font-head, inherit);font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.25;margin:0;text-wrap:balance}.story-frame--cover .story-frame__title{font-size:clamp(1.7rem,7vw,2.5rem)}.story-frame__text{font-size:1.02rem;line-height:1.75;margin:0;color:#ffffffeb}.story-frame--quote .story-frame__text{font-size:1.2rem;font-weight:600;border-inline-start:3px solid var(--accent);padding-inline-start:14px}.story-frame__cta{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#10101a;font-weight:800;font-size:.95rem;padding:12px 22px;border-radius:999px;text-decoration:none}.story-viewer__bars{position:absolute;inset-block-start:12px;inset-inline:14px;display:flex;gap:4px;z-index:4}.story-viewer__bar{flex:1;height:3px;border-radius:3px;background:#ffffff47;overflow:hidden}.story-viewer__bar>i{display:block;height:100%;width:0;background:#fff}.story-viewer__bar.is-done>i{width:100%}.story-viewer__bar.is-active>i{animation:story-fill var(--dur, 5s) linear forwards}.story-viewer.is-paused .story-viewer__bar.is-active>i{animation-play-state:paused}@keyframes story-fill{to{width:100%}}.story-viewer__top{position:absolute;inset-block-start:24px;inset-inline:14px;display:flex;align-items:center;gap:10px;z-index:4}.story-viewer__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--accent) 40%,#333)}.story-viewer__name{font-size:.85rem;font-weight:700;color:#fff;flex:1;text-shadow:0 1px 6px rgba(0,0,0,.6)}.story-viewer__close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#00000059;color:#fff;font-size:1.1rem;cursor:pointer}.story-viewer__zone{position:absolute;inset-block:0;width:33%;z-index:3;border:0;background:transparent;cursor:pointer}.story-viewer__zone--prev{inset-inline-start:0}.story-viewer__zone--next{inset-inline-end:0}@media(prefers-reduced-motion:reduce){.story-card__media img,.story-viewer,.story-viewer__frame>*{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}.story-viewer__frame[data-kenburns]{animation:none!important;background-size:cover!important}}