.tp{--cs-ease:cubic-bezier(.2, .75, .1, 1);--cs-top:132px;--cs-stage-top:80px;--cs-mid:calc(var(--cs-stage-top) + (100vh - var(--cs-stage-top) - 69px) / 2)}.cs{grid-template-columns:minmax(340px,.65fr) minmax(0,1fr);column-gap:96px;max-width:1320px;margin:64px auto 0;display:grid}.cs-head{padding:0 0 72px}.cs-head h1{width:fit-content;color:var(--tp-strong);letter-spacing:-.03em;font-size:48px;font-weight:500;line-height:1.05}.cs-facts{gap:8px;margin-top:32px;display:grid}.cs-facts div{border-top:1px solid var(--tp-rule);grid-template-columns:96px minmax(0,1fr);gap:16px;padding-top:8px;font-size:14px;line-height:20px;display:grid}.cs-facts dt{color:var(--tp-caption)}.cs-facts dd{color:var(--tp-strong);margin:0}.cs-beat{display:grid}.cs-beat+.cs-beat{margin-top:24vh}.cs-copy,.cs-steps{grid-area:1/1}.cs-steps{flex-direction:column;display:flex}.cs-step{height:70vh}.cs-copy{top:var(--cs-mid);opacity:.35;align-self:start;transition:opacity .4s;position:sticky;transform:translateY(-50%)}.cs-beat--overview .cs-copy{position:relative;top:0;transform:none}.cs-beat--overview .cs-step{flex:1;height:auto;min-height:28vh}.cs-beat[data-active=true] .cs-copy{opacity:1}.cs-heading{color:var(--tp-strong);letter-spacing:-.015em;margin-bottom:16px;font-size:28px;font-weight:500;line-height:34px}.cs-p{font-family:var(--font-sans),system-ui,sans-serif;font-size:16px;line-height:26px}.cs-p+.cs-p{margin-top:14px}.cs-inline{display:none}.cs-stage-wrap{margin-top:calc(var(--cs-stage-top) - var(--cs-top))}.cs-stage{top:var(--cs-stage-top);height:calc(100vh - var(--cs-stage-top) - 24px);flex-direction:column;gap:12px;display:flex;position:sticky}.cs-board{flex:1;position:relative;overflow:hidden;container-type:size}.cs-layer{opacity:0;transition:opacity .5s ease,transform .8s var(--cs-ease);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(24px)scale(.985)}.cs-layer:not([data-state=on]){pointer-events:none}.cs-layer[data-state=past]{transform:translateY(-24px)scale(.985)}.cs-layer[data-state=on]{opacity:1;transform:none}.cs-frame{width:min(100cqw,100cqh*var(--r));aspect-ratio:var(--r);border-radius:var(--radius-lg);background:var(--tp-placeholder);box-shadow:0 0 0 1px var(--tp-rule);overflow:hidden}.cs-frame img,.cs-frame iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.cs-title{align-items:flex-start;gap:12px;display:flex}.cs-pin{font:inherit;color:inherit;text-align:left;background:0 0;border:0;flex:none;padding:0;position:relative}.cs-pin-dot{background:var(--tp-bg);width:30px;height:30px;transition:transform .24s var(--tp-ease);border-radius:50% 50% 50% 0;place-items:center;display:grid;box-shadow:0 0 0 1px #0000000d,0 1px 4px #0000000f}.cs-pin-dot img{border-radius:50%;width:22px;height:22px}.cs-pin-card{z-index:2;background:var(--tp-bg);opacity:0;transform-origin:0 0;pointer-events:none;width:max-content;max-width:232px;transition:opacity .14s ease-out,transform .2s var(--tp-ease);border-radius:12px 12px 12px 4px;gap:4px;padding:8px 12px 10px;display:grid;position:absolute;top:0;left:calc(100% + 8px);transform:translate(-6px)scale(.96);box-shadow:0 0 0 1px #0000000d,0 4px 14px #0000000f}.cs-pin-who{color:var(--tp-strong);align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.cs-pin-who img{border-radius:50%}.cs-pin-who b{font-weight:500}.cs-pin-text{color:var(--tp-fg);letter-spacing:0;font-size:14px;line-height:20px}.cs-pin:focus-visible .cs-pin-card,.cs-pin[data-open] .cs-pin-card{opacity:1;pointer-events:auto;transform:none}@media (hover:hover){.cs-pin:hover .cs-pin-card{opacity:1;pointer-events:auto;transform:none}.cs-pin:hover .cs-pin-dot{transform:scale(1.08)}}.cs-pin--title{margin-top:6px}@media (max-width:1023px){.cs-title{position:relative}.cs-pin--title{position:static}.cs-pin--title .cs-pin-card{top:calc(100% + 8px);left:0;transform:translateY(-6px)scale(.96)}}.cs-note{margin-top:28px;display:flex}.cs-note .cs-pin-card{opacity:1;pointer-events:auto;border-radius:12px;position:static;transform:none}.cs-progress{background:var(--tp-rule);border-radius:1px;height:2px;position:relative}.cs-progress:before{content:"";position:absolute;inset:-8px 0}.cs-progress span{background:var(--tp-strong);transform-origin:0;height:100%;transition:transform .5s var(--cs-ease);border-radius:1px;display:block}.cs-caption{color:var(--tp-caption);justify-content:space-between;font-size:13px;line-height:20px;display:flex}.cs-count{font-variant-numeric:tabular-nums}.cs-caption{position:relative}.cs-tip{color:var(--tp-caption);white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .4s var(--cs-ease);align-items:center;gap:8px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%,4px)}.cs-tip[data-on]{opacity:1;transform:translate(-50%)}.cs-end{flex-direction:column;align-items:flex-start;gap:20px;max-width:1320px;margin:96px auto 0;display:flex}.cs-back{font-size:14px;line-height:20px}.cs-reader-track,.cs-reader{display:none}.cs-story{position:relative}@media (min-width:1024px){.cs-reader-track{inset:0 0 calc(100vh - 24px - var(--cs-mid));pointer-events:none;display:block;position:absolute}.cs-reader{pointer-events:auto;top:var(--cs-mid);z-index:1;height:0;display:block;position:sticky}.cs-reader-chapter{position:absolute;inset:0 0 auto;transform:translateY(-50%)}.cs--reader .cs-copy{pointer-events:none;opacity:0!important}}.cs-reader-chapter .cs-w{animation:.26s ease-out both cs-word;animation-delay:calc(var(--i)*var(--step))}.cs-reader-chapter .cs-note{animation:.32s ease-out both cs-word;animation-delay:calc(var(--total) + .12s)}@keyframes cs-word{0%{opacity:0;filter:blur(4px);translate:0 3px}}@media (max-width:1023px){.cs--reader[data-reveal] .cs-copy .cs-p:not([data-in]) .cs-w,.cs--reader[data-reveal] .cs-copy .cs-note:not([data-in]){opacity:0}.cs--reader[data-reveal] .cs-copy .cs-p[data-in] .cs-w{animation:.26s ease-out both cs-word;animation-delay:calc(var(--i)*var(--step))}.cs--reader[data-reveal] .cs-copy .cs-note[data-in]{animation:.32s ease-out both cs-word}.cs--reader[data-reveal] .cs-inline:not(.cs-inline--lead) figure{transition:opacity .28s ease-out,transform .36s var(--cs-ease)}.cs--reader[data-reveal] .cs-inline:not(.cs-inline--lead) figure:not([data-in]){opacity:0;transform:translateY(12px)scale(.985)}}@media (prefers-reduced-motion:reduce){.cs-reader-chapter :is(.cs-w,.cs-note){animation:none}}@media (max-width:1023px){.cs{max-width:640px;margin-top:64px;display:block}.cs-head{padding-bottom:40px}.cs-head h1{font-size:40px}}@media (max-width:1023px) and (max-width:640px){.cs-head h1{font-size:28px;line-height:1.1}.cs-heading{margin-bottom:8px;font-size:16px;line-height:22px}.cs-p{font-size:14px;line-height:22px}.cs-p+.cs-p{margin-top:12px}.cs-facts div,.cs-pin-text{font-size:13px;line-height:18px}}@media (max-width:1023px){.cs-stage-wrap,.cs-steps{display:none}.cs-copy{opacity:1;position:static;transform:none}.cs-beat+.cs-beat{margin-top:32px}.cs-inline.cs-inline--lead{margin:0 0 32px}.cs-inline{gap:12px;margin-top:32px;display:grid}.cs-inline figure{margin:0}.cs-inline img,.cs-inline iframe{border-radius:var(--radius-lg);border:0;width:100%;height:auto;display:block}.cs-end{max-width:640px;margin-top:72px}}@media (prefers-reduced-motion:reduce){.cs-copy,.cs-layer,.cs-progress span{transition:none}}
