:root{--page:#fbfbfb;--ink:#1d1d1f;--text:#515154;--mute:#8e8e93;--faint:#c7c7cc;--edge:#e6e6e8;--node:#d6d6d9;--blue:#2f9bf7;--blue-halo:#2f9bf721;--node-blue:#b4d9fb;--orange:#f0923a;--node-orange:#f8cfa6;--font:-apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SF Mono", Menlo, Consolas, monospace;--top:56px;--pad:40px;--gap:64px;--max:1480px;--inset:max(var(--pad), calc((100vw - var(--max)) / 2 + var(--pad)));--ease:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--top)}body{background:var(--page);color:var(--ink);font:400 17px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:400}button,input{font:inherit;color:inherit}[hidden]{display:none!important}.sec{max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.head{padding-block:clamp(72px,10vw,150px) clamp(24px,3vw,44px)}.head h2,.pdf h2,.track__head h2{letter-spacing:-.02em;text-wrap:balance;max-width:17em;font-size:clamp(28px,3vw,40px);line-height:1.1}.head p,.pdf>p{max-width:34em;color:var(--text);margin-top:14px}.sheet{background:var(--page);border:1px solid var(--edge)}.pin{top:var(--top);height:calc(100vh - var(--top));height:calc(100svh - var(--top));position:sticky;overflow:hidden}.mk{background:var(--faint);flex:none;width:9px;height:9px;display:inline-block}.mk--squareBlue{background:var(--node-blue)}.mk--squareOrange{background:var(--node-orange)}.mk--dot{background:var(--blue);border-radius:50%}.mk--diamond{background:var(--orange);transform:rotate(45deg)scale(.92)}.mk--line{width:14px;height:2px}.top{z-index:9;height:var(--top);padding-inline:var(--pad);background:var(--page);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.top:after{content:"";background:var(--ink);transform-origin:0;height:1px;transform:scaleX(var(--page-p,0));position:absolute;bottom:-1px;left:0;right:0}.top__name{white-space:nowrap}.top__nav{color:var(--mute);white-space:nowrap;gap:28px;display:flex}.top__nav a{transition:color .2s var(--ease)}.top__nav a:hover,.top__nav a.is-here{color:var(--ink)}.brief{display:none}.intro{padding-block:clamp(48px,7vw,104px) clamp(32px,4vw,56px)}.intro h1{letter-spacing:-.022em;text-wrap:balance;max-width:15em;font-size:clamp(32px,4.2vw,56px);line-height:1.08}.intro p{max-width:34em;color:var(--text);margin-top:20px;font-size:clamp(17px,1.4vw,20px)}.stage{top:calc(var(--top) + var(--sub,0px) + (100vh - var(--top) - var(--sub,0px) - var(--stage-h)) / 2);height:var(--stage-h);border:1px solid var(--edge);background:var(--page);align-self:start;position:sticky}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__head{transition:opacity .25s var(--ease);font-size:17px;position:absolute;top:18px;left:22px}.stage__dots{display:flex;position:absolute;top:14px;right:14px}.stage__dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:19px;height:26px;padding:0;display:grid}.stage__dots i{background:var(--node);width:7px;height:7px;transition:background .25s var(--ease)}.stage__dots button:hover i{background:var(--mute)}.stage__dots button.is-on i{background:var(--ink)}.stage__dots button:focus-visible{outline:1px dotted var(--ink)}.stage__foot{pointer-events:none;font-size:15px;position:absolute;bottom:18px;left:22px;right:22px}.stage__legend{flex-wrap:wrap;gap:4px 22px;min-height:22px;display:flex}.stage__legend span{align-items:center;gap:9px;display:inline-flex}.stage__cap{transition:opacity .25s var(--ease);margin-top:8px}.is-out{opacity:0}.story{column-gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);grid-auto-rows:minmax(66vh,auto);padding-bottom:14vh;display:grid}.story .stage{--stage-h:min(600px, calc(100vh - var(--top) - 64px));grid-column:2}.note{grid-row:var(--row);opacity:.25;width:100%;max-width:310px;transition:opacity .4s var(--ease);align-self:start;margin-top:calc(33vh - 70px);position:relative}.note--l{grid-column:1;justify-self:end}.note--r{grid-column:3;justify-self:start}.note.is-active{opacity:1}.note__n{color:var(--mute);line-height:24px}.note__t{letter-spacing:-.012em;text-wrap:balance;margin-top:10px;font-size:24px;line-height:1.2}.note__p{color:var(--text);text-wrap:pretty;margin-top:10px}.note:before{content:"";height:1px;width:calc(var(--gap) - 18px);background:var(--edge);position:absolute;top:12px}.note--l:before{left:calc(100% + 18px)}.note--r:before{right:calc(100% + 18px)}.knob{width:23px;height:23px;transition:background .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:1px}.note--l .knob{left:calc(100% + var(--gap) - 11px)}.note--r .knob{right:calc(100% + var(--gap) - 11px)}.knob b{background:var(--node);width:7px;height:7px;transition:background .4s var(--ease), border-radius .4s var(--ease), transform .4s var(--ease)}.note.is-active .knob{background:var(--blue-halo)}.note.is-active .knob b{background:var(--blue);border-radius:50%;transform:scale(1.3)}.words{height:300vh}.words .pin{flex-direction:column;justify-content:center;display:flex}.words__k{color:var(--mute)}.words__text{letter-spacing:-.02em;max-width:21em;color:var(--faint);margin-top:18px;font-size:clamp(25px,3.5vw,50px);line-height:1.2}.words__text span{transition:color .25s var(--ease)}.words__text .is-on{color:var(--ink)}.words__text .is-next{color:var(--orange)}.words__meta{border-top:1px solid var(--edge);max-width:64em;color:var(--mute);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px 36px;margin-top:clamp(24px,3vw,44px);padding-top:16px;display:flex}.words__next{flex-wrap:wrap;gap:4px 24px;display:flex}.words__next span{align-items:center;gap:9px;display:inline-flex}.words__next .is-top{color:var(--ink)}.annotate__body{grid-template-columns:minmax(0,640px) minmax(0,380px);justify-content:space-between;column-gap:clamp(40px,6vw,110px);padding-bottom:8vh;display:grid}.annotate__sheet{top:calc(var(--top) + 12vh);align-self:start;padding:18px 22px 6px;position:sticky}.sheet__head{margin-bottom:16px}.part{border-top:1px solid var(--edge);color:var(--faint);transition:color .35s var(--ease);grid-template-columns:124px minmax(0,1fr) 52px;column-gap:18px;padding-block:16px;display:grid}.part__k{align-items:center;gap:11px;height:22px;font-size:15px;display:flex}.part__k i{background:var(--node);width:7px;height:7px;transition:background .35s var(--ease), border-radius .35s var(--ease), transform .35s var(--ease);flex:none}.part p{font:400 14px/1.6 var(--mono)}.part__n{text-align:right;font-variant-numeric:tabular-nums;font-size:15px}.part.is-on{color:var(--ink)}.part.is-on .part__k i{background:var(--blue);border-radius:50%;transform:scale(1.3)}.say{opacity:.25;min-height:58vh;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;display:flex}.say.is-active{opacity:1}.say h3,.stop h3,dt,.row__t{letter-spacing:-.012em;text-wrap:balance;font-size:24px;line-height:1.2}.say p{color:var(--text);text-wrap:pretty;margin-top:10px}.tally__body{grid-template-columns:minmax(0,420px) minmax(0,620px);justify-content:space-between;column-gap:clamp(40px,6vw,110px);padding-bottom:6vh;display:grid}.tally__sum{top:calc(var(--top) + 16vh);align-self:start;position:sticky}.tally__k{color:var(--mute)}.tally__v{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(56px,7vw,104px);line-height:1}.tally__meter{grid-template-columns:repeat(16,9px);gap:6px;margin-top:30px;display:grid}.tally__meter i{background:var(--edge);width:9px;height:9px;transition:background .3s var(--ease)}.tally__meter .is-in{background:var(--node-blue)}.tally__meter .is-out{background:var(--node-orange)}.tally__cap{color:var(--mute);flex-wrap:wrap;gap:4px 20px;margin-top:18px;font-size:15px;display:flex}.tally__cap span{align-items:center;gap:9px;display:inline-flex}.tally__rows{padding:0;list-style:none}.tally__rows li{border-top:1px solid var(--edge);opacity:.28;min-height:30vh;transition:opacity .35s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:24px;padding-top:20px;display:grid}.tally__rows li.is-on{opacity:1}.row__p{max-width:26em;color:var(--text);grid-column:1;margin-top:8px}.row__n{font-variant-numeric:tabular-nums;grid-area:1/2;font-size:24px;line-height:1.2}.track{--ax:calc(var(--inset) + clamp(0px, 14vw, 220px))}.track .pin{flex-direction:column;display:flex}.track__head{padding:clamp(36px, 8vh, 96px) var(--inset) 0;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.track__count{color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}.track__view{flex:1;align-items:center;display:flex}.track__inner{width:100%;position:relative}.track__line{background:var(--edge);height:1px;position:absolute;top:3px;left:0;right:0}.track__actor{z-index:1;left:calc(var(--ax) - 8px);background:var(--blue-halo);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:-8px}.track__actor b{background:var(--blue);border-radius:50%;width:9px;height:9px}.track__strip{padding:0 0 0 var(--ax);will-change:transform;margin:0;list-style:none;display:flex}.stop{opacity:.28;width:clamp(250px,30vw,440px);transition:opacity .35s var(--ease);flex:none;margin-right:clamp(48px,7vw,140px);padding-top:34px;position:relative}.stop:before{content:"";background:var(--node);width:7px;height:7px;transition:background .35s var(--ease);position:absolute;top:0;left:0}.stop.is-done:before{background:var(--node-blue)}.stop.is-active{opacity:1}.stop__n{color:var(--mute)}.stop h3{margin-top:8px;font-size:clamp(24px,2.4vw,32px)}.stop h3+p{color:var(--text);margin-top:10px}.stack{padding-bottom:14vh}.card{top:calc(var(--top) + 20px + var(--i,0) * 53px);min-height:calc(64vh - var(--i,0) * 53px);flex-direction:column;display:flex;position:sticky}.card+.card{margin-top:36vh}.card__head{border-bottom:1px solid var(--edge);flex:none;align-items:center;gap:16px;height:52px;padding-inline:22px;display:flex}.card__head span{color:var(--mute)}.card__head h3{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.card__body{opacity:calc(1 - var(--cover,0) * .85);flex-direction:column;flex:1;justify-content:center;padding:32px 22px;display:flex}.card__big{letter-spacing:-.022em;text-wrap:balance;max-width:16em;font-size:clamp(27px,3.6vw,52px);line-height:1.1}.card__body p+p{max-width:34em;color:var(--text);margin-top:18px}.deep{--sub:53px}.tabs{top:var(--top);z-index:4;height:var(--sub);background:var(--page);border-bottom:1px solid var(--edge);gap:36px;display:flex;position:sticky}.tab{cursor:pointer;color:var(--mute);transition:color .25s var(--ease), border-color .25s var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:10px;margin-bottom:-1px;padding:0;display:inline-flex}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.tab:focus-visible{outline:1px dotted var(--ink)}.tab i{background:var(--node);width:7px;height:7px;transition:background .25s var(--ease), border-radius .25s var(--ease)}.tab[aria-selected=true] i{background:var(--blue);border-radius:50%}.tab span{color:var(--mute)}.deep__body{grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:clamp(40px,5vw,88px);padding-bottom:8vh;display:grid}.deep .stage{--stage-h:min(620px, calc(100vh - var(--top) - var(--sub) - 56px));grid-area:1/2}.deep__text{grid-area:1/1}.block{opacity:.25;min-height:70vh;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;display:flex}.block.is-active{opacity:1}.block__n{color:var(--mute)}.block h3{letter-spacing:-.016em;text-wrap:balance;margin-top:10px;font-size:28px;line-height:1.15}.block p+p,.block h3+p{margin-top:14px}.block p:not(.block__n){color:var(--text);text-wrap:pretty}.group{column-gap:var(--gap);border-top:1px solid var(--edge);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.group__k{top:calc(var(--top) + 12px);align-self:start;padding-block:24px;position:sticky}.group__k p{letter-spacing:-.012em;font-size:24px;line-height:1.2}.group__k span{color:var(--mute);font-size:15px}.group dl>div{padding-block:24px 44px}.group dl>div+div{border-top:1px solid var(--edge)}dd{max-width:34em;color:var(--text);margin:8px 0 0}.pdf{padding-block:clamp(72px,10vw,150px) clamp(56px,7vw,110px)}.pdf__form{max-width:460px;margin-top:28px}.pdf__form label{color:var(--mute);font-size:15px;display:block}.pdf__form div{border:1px solid var(--faint);transition:border-color .2s var(--ease);margin-top:8px;display:flex}.pdf__form div:focus-within{border-color:var(--ink)}.pdf__form input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 14px}.pdf__form input::placeholder{color:var(--faint)}.pdf__form button{border:0;border-left:1px solid var(--faint);background:var(--ink);color:var(--page);cursor:pointer;white-space:nowrap;padding:12px 18px}.pdf__form button:active{transform:translateY(1px)}.pdf__note{color:var(--mute);margin-top:10px;font-size:15px}.foot{padding:20px var(--pad) 28px;border-top:1px solid var(--edge);color:var(--mute);font-size:15px}@media (width<=1100px){:root{--pad:28px}.story,.deep__body,.annotate__body,.tally__body{padding-bottom:0;display:block}.story .stage,.deep .stage{top:calc(var(--top) + var(--sub,0px));height:46vh;min-height:300px;margin-inline:calc(-1 * var(--pad));z-index:2;border-width:0 0 1px}.note{max-width:30em;margin:0;padding-block:15vh}.note--r{margin-left:auto}.note:before,.knob{display:none}.block{max-width:34em;min-height:52vh}.annotate__sheet{top:var(--top);z-index:2;margin-inline:calc(-1 * var(--pad));padding:14px var(--pad) 2px;border-width:0 0 1px}.sheet__head{margin-bottom:12px}.part{grid-template-columns:112px minmax(0,1fr) 44px;padding-block:11px}.part p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.say{max-width:30em;min-height:46vh}.tally__sum{top:var(--top);z-index:2;margin-inline:calc(-1 * var(--pad));padding:14px var(--pad) 16px;background:var(--page);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:24px;display:flex}.tally__v{font-size:44px}.tally__meter{margin-top:0}.tally__cap span:last-child{display:none}.tally__cap{margin-top:10px}.tally__rows li{min-height:26vh}.group{display:block}.group__k{top:var(--top);z-index:1;background:var(--page);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:baseline;padding-block:14px;display:flex}.group__k p{font-size:19px}}@media (width<=640px){:root{--pad:18px;--top:50px}.top__nav{gap:18px;font-size:15px}.long{display:none}.brief{display:inline}.story .stage{height:48vh}.deep .stage{height:44vh}.stage__head{font-size:15px;top:14px;left:16px}.stage__foot{font-size:13px;bottom:12px;left:16px;right:16px}.stage__legend{gap:2px 14px}.stage__cap{margin-top:4px}.note{padding-block:12vh}.note--r{margin-left:0}.note__t,.say h3,dt,.row__t,.row__n{font-size:21px}.words__meta{font-size:15px}.part{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding-block:9px}.part p{-webkit-line-clamp:1;grid-area:2/1/auto/-1;font-size:12.5px}.tally__meter{grid-template-columns:repeat(16,6px);gap:4px}.tally__meter i{width:6px;height:6px}.tally__cap{display:none}.stop{width:76vw}.tabs{gap:24px}.tab span{display:none}.block h3{font-size:23px}.card__head,.card__body{padding-inline:16px}.pdf__form div{flex-direction:column}.pdf__form button{border-left:0;border-top:1px solid var(--faint)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
