[data-page=note]{.read{line-height:1.5}.progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:70;background:var(--bg);transform:scaleX(0);transform-origin:0 50%;mix-blend-mode:difference}.hero-fig{padding:0 var(--pad)}.hero-fig .frame{--ar: 21 / 9}@media(max-width:800px){.hero-fig .frame{--ar: 4 / 3}}.body{padding:clamp(80px,10vw,160px) var(--pad) 0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:start}.toc-wrap{grid-column:1 / 4;grid-row:1;align-self:stretch}.toc{position:sticky;top:92px;display:flex;flex-direction:column;gap:20px}.toc ol{display:grid;row-gap:4px;list-style:none}.toc li a{display:flex;gap:var(--gap);color:var(--ink-2);transition:color .35s ease-out}.toc li.on a{color:var(--ink)}.flow{grid-column:4 / -1;grid-row:1;display:grid;grid-template-columns:repeat(9,1fr);column-gap:var(--gap);--block: clamp(72px, 9vw, 140px)}.flow>section{display:contents}.flow .lede{grid-column:2 / 9;margin-bottom:28px;max-width:20em}.flow .h{grid-column:2 / 7;display:flex;gap:var(--gap);margin-top:var(--block);margin-bottom:28px}.flow .t{grid-column:2 / 7}.flow .intro-t{margin-bottom:0}.flow .t p+p,.flow .t p+h3,.flow .t h3+p{margin-top:1.3em}.flow .t h3{font:inherit}.pull{grid-column:1 / -1;margin:var(--block) 0 0}.pull blockquote{margin-left:calc((100% - 8 * var(--gap)) / 9 + var(--gap));max-width:19em;text-wrap:balance}@media(max-width:800px){.body{display:block}.toc-wrap{display:none}.flow{display:block}.pull blockquote{margin-left:0}}}