.story-card{--story-maxw:90vw;--story-maxh:85vh;--story-h:min(823px,calc(var(--story-maxh) / 1.0583),calc(var(--story-maxw) * 16 / 9));--story-w:calc(var(--story-h) * 9 / 16);--cta-h:clamp(38px,calc(var(--story-h) * .0583),48px);--body-pad:clamp(16px,calc(var(--story-w) * .069),32px);--body-bottom:clamp(20px,calc(var(--story-w) * .0864),40px);flex:0 0 auto;width:var(--story-w);height:calc(var(--story-h) + var(--cta-h));overflow:visible;position:relative;background:0 0;color:#fff;transform:scale(.8);opacity:.45;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.story-card.is-active{transform:scale(1);opacity:1}.story-card:not(:has(.story-card__cta)){--cta-h:0px;--story-h:min(823px,var(--story-maxh),calc(var(--story-maxw) * 16 / 9))}@supports (height:1svh){.story-card{--story-maxh:85svh}}.story-card__media{position:absolute;inset:0 0 var(--cta-h) 0;border-radius:clamp(14px,calc(var(--story-w) * .052),24px);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);background:linear-gradient(160deg,#3a2a22,#17171b 70%);background-size:cover;background-position:center;display:grid;place-items:center;color:rgba(255,255,255,.35);font-size:13px}.story-card__media.has-video{background-color:#000}.story-card__video{display:block;width:100%;height:100%;object-fit:cover}.story-card.is-buffering .story-card__media::after{content:"";position:absolute;inset:0;margin:auto;width:32px;height:32px;border:2px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.85);border-radius:50%;animation:storySpin .8s linear infinite;z-index:4}.story-card__scrim{position:absolute;inset:0 0 var(--cta-h) 0;border-radius:clamp(14px,calc(var(--story-w) * .052),24px);pointer-events:none}.story-card__segs{position:absolute;top:clamp(8px,calc(var(--story-w) * .026),12px);left:clamp(8px,calc(var(--story-w) * .026),12px);right:clamp(8px,calc(var(--story-w) * .026),12px);display:flex;gap:5px;z-index:3}.seg{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}.seg__fill{display:block;height:100%;width:0;background:#fff;border-radius:3px}.seg.is-done .seg__fill{width:100%}.story-card.is-active .seg.is-current .seg__fill{animation:segFill var(--seg-dur,5s) linear forwards}.stories-viewer.is-paused .story-card.is-active .seg.is-current .seg__fill{animation-play-state:paused}.story-card.is-buffering .seg.is-current .seg__fill{animation-play-state:paused}.story-card__top{position:absolute;top:clamp(14px,calc(var(--story-w) * .056),26px);left:clamp(14px,calc(var(--story-w) * .052),24px);right:clamp(14px,calc(var(--story-w) * .052),24px);display:flex;align-items:center;gap:10px;z-index:3}.story-card__avatar{width:clamp(24px,calc(var(--story-w) * .069),32px);height:clamp(24px,calc(var(--story-w) * .069),32px);border-radius:50%;background:#cfcfda;flex:none}.story-card__label{font-size:clamp(13px,calc(var(--story-w) * .0367),17px);font-weight:400;line-height:1.5;color:#fff;font-family:"SF Pro Display","SF UI Display","Inter",-apple-system,BlinkMacSystemFont,sans-serif}.story-card__body{position:absolute;left:var(--body-pad);right:var(--body-pad);bottom:calc(var(--cta-h) + var(--body-bottom));z-index:3;text-align:left}.story-card__title{font-size:clamp(19px,calc(var(--story-w) * .069),32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;font-family:"SF Pro Display","SF UI Display","Inter",-apple-system,BlinkMacSystemFont,sans-serif}.story-card__title .accent{color:#ff4002}.story-card__desc{margin-top:clamp(6px,calc(var(--story-w) * .026),12px);font-size:clamp(13px,calc(var(--story-w) * .0346),16px);line-height:1.5;color:rgba(255,255,255,.85)}.story-card__cta{position:absolute;left:calc(var(--body-pad) * -1);right:calc(var(--body-pad) * -1);bottom:calc(( var(--cta-h) + var(--body-bottom) ) * -1);display:flex;align-items:center;justify-content:center;gap:clamp(8px,calc(var(--story-w) * .024),11px);height:var(--cta-h);margin:0;padding:0;border:0;border-radius:0;background:0 0;color:#fff;font-family:"SF Pro Display","SF UI Display","Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(13px,calc(var(--story-w) * .0346),16px);font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .2s ease}.story-card__cta::after{content:"";flex:none;width:clamp(16px,calc(var(--story-w) * .045),21px);height:clamp(10px,calc(var(--story-w) * .028),13px);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 13'%3E%3Cpath d='M0 6.5h19M14 1.5l5.5 5-5.5 5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 13'%3E%3Cpath d='M0 6.5h19M14 1.5l5.5 5-5.5 5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}.story-card__cta:hover,.story-card__cta:focus-visible{color:#ff4002}@media (max-width:720px){.story-card{--story-maxw:88vw;--story-maxh:88vh}@supports (height:1svh){.story-card{--story-maxh:88svh}}}@media (max-height:560px){.story-card{--story-maxh:92vh}@supports (height:1svh){.story-card{--story-maxh:92svh}}}