.story{padding:0}.story-copy{display:grid;grid-gap:14px;gap:14px;justify-items:center;text-align:center}.story-copy h2{font-size:clamp(1.8rem,3.4vw,2.9rem);max-width:20ch}.story-copy .lede{margin:0;max-width:56ch;text-align:center}.story-console .cx{border-radius:calc(12 * var(--u));box-shadow:0 0 0 1px #e6e8ec,0 30px 70px -40px rgba(15,23,42,.35)}.story-note h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.story-note p{margin:6px 0 0;font-size:.95rem;line-height:1.5;color:var(--muted)}.story-arrows{overflow:visible;fill:none;stroke:var(--fg);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.story-stage{display:grid;grid-gap:clamp(3rem,7vw,5.5rem);gap:clamp(3rem,7vw,5.5rem);justify-items:center;padding:clamp(6rem,14vh,10rem) 20px}.story-console{--u-fit:calc(min(100vw - 40px, 1080px) / 1409)}.story-app{--u-fit:calc(min(100svh - 120px, 820px) / 940)}.story-notes{display:grid;grid-gap:32px 48px;gap:32px 48px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(100%,960px)}.story-arrows,.story-deco,.story-grid,.story-plates{display:none}@media (prefers-reduced-motion:no-preference){.story{height:760svh}.story-stage{position:-webkit-sticky;position:sticky;top:0;display:block;height:100svh;padding:0;overflow:hidden}.story-stage>*{position:absolute}.story-plates{display:block;inset:0;z-index:1;pointer-events:none}.story-console{z-index:2}.story-app{z-index:3}.story-notes{width:auto}.story-arrows,.story-notes{display:block;inset:0;z-index:4;pointer-events:none}.story-arrows{width:100%;height:100%}.story-beat{z-index:5}.story-grid{inset:0 calc(var(--rail-x) + 12px);z-index:0;background-image:linear-gradient(90deg,rgba(11,18,32,.05) 1px,transparent 0),linear-gradient(rgba(11,18,32,.05) 1px,transparent 0);background-size:calc(100% / 12) 68px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}.story-deco,.story-grid{display:block;pointer-events:none}.story-deco{inset:0}.story-deco,.story-deco>*{position:absolute}.deco-orb{display:grid;place-items:center;top:-17px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--ink);font-size:15px;color:var(--fg)}.deco-orb.is-l{left:-17px}.deco-orb.is-r{right:-17px}.deco-label{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.02em;color:var(--dim);white-space:nowrap}.deco-label.is-tr{right:24px;top:-32px}.deco-label.is-bl{left:24px;bottom:-30px}.deco-sq{width:8px;height:8px;background:#c9ced6}.deco-ring{right:-84px;bottom:12%;width:34px;height:34px;border:1px solid var(--line);border-radius:50%}.deco-mark{left:-104px;top:64%;display:grid;grid-template-columns:repeat(3,8px);grid-gap:4px;gap:4px}.deco-mark i{width:8px;height:8px;background:#e3e6eb}.deco-mark i:nth-child(3){background:var(--blue)}.deco-mark i:nth-child(5){background:var(--orange)}.deco-mark i:nth-child(7){background:var(--green)}.deco-lines{right:-104px;top:16%;display:flex;flex-wrap:wrap;gap:5px 4px;width:72px}.deco-lines i{height:4px;background:#e3e6eb}.story-plate{position:absolute;box-sizing:border-box}.story:not(.is-live) .story-app,.story:not(.is-live) .story-arrows,.story:not(.is-live) .story-beat:not([data-beat="0"]),.story:not(.is-live) .story-notes{visibility:hidden}.story-stage{--beat-top:clamp(28px,6vh,64px);--phone-u:min(calc((100svh - var(--beat-top) - 150px) / 940),1.1px);--phone-top:calc(var(--beat-top) + 118px);--phone-half:calc(218.5 * var(--phone-u))}.story-beat{left:50%;top:var(--beat-top);translate:-50% 0;width:min(92vw,46rem)}.story-console{--u-fit:min(calc((100vw - 240px) / 1409),calc((100svh - var(--beat-top) - 280px) / 790),1.1px);left:50%;top:calc(var(--beat-top) + 240px);translate:-50% 0}.story-app{--u-fit:var(--phone-u);left:50%;top:var(--phone-top);translate:-50% 0}.story-note{position:absolute;width:min(290px,calc(50vw - var(--phone-half) - 90px - var(--rail-x) - 40px))}.story-note.is-bl,.story-note.is-tl{right:calc(50% + var(--phone-half) + 90px);text-align:right}.story-note.is-br,.story-note.is-tr{left:calc(50% + var(--phone-half) + 90px)}.story-note.is-tl,.story-note.is-tr{top:calc(var(--phone-top) + 940 * var(--phone-u) * .17)}.story-note.is-bl,.story-note.is-br{top:calc(var(--phone-top) + 940 * var(--phone-u) * .54)}@media (max-width:1199px){.deco-lines,.deco-mark,.deco-ring{display:none}}@media (max-aspect-ratio:1/1),(max-width:899px){.story-stage{--cx-u:min(calc((100vw - 72px) / 1409),calc((100svh - 230px) / 790));--cx-top:calc(50svh - 395 * var(--cx-u) + 100px)}.story-grid{inset:0;background-size:calc(100% / 6) 56px}.deco-lines,.deco-mark,.deco-ring,.deco-sq{display:none}.story-beat{top:28px;width:min(calc(100vw - 40px),40rem)}.story-beat h2{font-size:clamp(1.4rem,6.2vw,2.4rem)}.story-beat .lede{font-size:1rem}.story-beat[data-beat="0"],.story-beat[data-beat="1"]{top:auto;bottom:calc(100svh - var(--cx-top) + 28px)}.story-console{--u-fit:var(--cx-u);top:var(--cx-top)}.story-app{--u-fit:min(calc((100svh - 250px) / 940),calc((100vw - 80px) / 440));top:auto;bottom:18px}.story-note,.story-note.is-bl,.story-note.is-br,.story-note.is-tl,.story-note.is-tr{--stacked:1;left:50%;right:auto;top:104px;translate:-50% 0;width:min(calc(100vw - 48px),32rem);text-align:center}}@media (max-width:599px){.story-stage{--cx-u:min(calc(41svh / 790),calc((100vw - 32px) / 1409 * 1.75))}.story-console{left:24px;translate:none}}}