.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{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[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-progress{background:var(--tp-rule);border-radius:1px;height:2px;overflow:hidden}.cs-progress span{background:var(--tp-strong);transform-origin:0;height:100%;transition:transform .5s var(--cs-ease);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-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}@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:32px;line-height:1.1}.cs-heading{margin-bottom:12px;font-size:22px;line-height:28px}}@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}}
