:root{--paper:#dcdcd0;--cream:#f7f7ee;--ink:#000;--mute:#8a8a7c;--ease:cubic-bezier(.22, 1, .36, 1);--pw:100vw;--bar:48px;font-family:Inter Tight,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:600;overflow-x:hidden}a{color:inherit;text-decoration:none}em{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.bar{height:var(--bar);z-index:30;mix-blend-mode:normal;transition:background .5s var(--ease), color .5s var(--ease);justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex;position:fixed;inset:0 0 auto}.bar__brand{align-items:center;gap:8px;display:flex}.bar__brand span{color:var(--mute)}.bar__mark{background:currentColor;border-radius:3px 3px 6px 6px;width:16px;height:18px;display:block}.bar__nav{gap:40px;display:flex;position:absolute;left:calc(20vw + 12px)}.bar__right{align-items:center;gap:24px;display:flex}.pill{color:var(--cream);transition:transform .4s var(--ease);background:#000;border-radius:99px;padding:9px 16px}.pill:hover{transform:scale(1.05)}.panel{width:var(--pw);z-index:10;background:#cfcfbf;position:fixed;top:0;bottom:0;left:0;overflow:hidden}#paper{width:100%;height:100%;display:block;position:absolute;inset:0}.panel__title{letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:.95;position:absolute;top:62px;left:12px}.panel__title em{letter-spacing:0}.toc{opacity:0;width:146px;position:absolute;bottom:74px;left:12px}.toc a{letter-spacing:-.03em;color:var(--mute);transition:color .4s var(--ease);justify-content:space-between;align-items:baseline;padding:0 0 .26em;font-size:17px;font-weight:700;line-height:1;display:flex}.toc a i{letter-spacing:0;font-family:Instrument Serif,serif;font-size:10px;font-style:normal}.toc a.on{color:#000}.toc a.on:after{content:"";border-bottom:1px dotted #000;flex:1;order:1;margin:0 6px}.toc a.on i{order:2}.panel__foot{opacity:0;font-size:10px;line-height:1.15;position:absolute;bottom:14px;left:14px}#content{z-index:20;min-height:100vh;margin-left:20vw;position:relative}.spacer{pointer-events:none;height:100vh;margin-left:-20vw}#chapters{background:var(--cream)}.chap{padding:18vh 3vw 6vh;position:relative}.chap__head{grid-template-columns:1fr 1fr;align-items:end;gap:3vw;margin-bottom:10vh;display:grid}.chap__name{letter-spacing:-.06em;font-size:clamp(64px,9vw,150px);font-weight:700;line-height:.85}.chap__name small{letter-spacing:0;vertical-align:top;margin-left:.5em;font:italic 400 .22em Instrument Serif,serif}.chap__lead{letter-spacing:-.03em;max-width:17em;font-size:32px;font-weight:700;line-height:.95}.chap__img{aspect-ratio:3/2;background:#d6d6c6;border-radius:6px;width:100%;margin-bottom:8vh;overflow:hidden}.chap__img img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block;transform:scale(1.12)}.rows{letter-spacing:-.02em;grid-template-columns:1fr 1fr;gap:3.2em 3vw;font-size:14px;line-height:1.1;display:grid}.row{grid-template-columns:1fr 1.6fr;gap:1.2em;display:grid}.row b{font-weight:700}.row p{color:var(--mute);transition:color .6s var(--ease)}.row.in p{color:#444438}.row.in{opacity:1}.rows .row{opacity:.001}.foot{letter-spacing:-.03em;padding:14vh 3vw 8vh;font-size:32px;line-height:.95}@media (width<=900px){:root{--pw:100vw;--bar:60px}.bar{color:var(--cream);background:#000}.bar__nav,.bar__link{display:none}.bar .pill{background:var(--cream);color:#000}.panel{z-index:5}.panel__title{font-size:clamp(44px,14vw,90px);top:auto;bottom:40px}.toc,.panel__foot{display:none}#content,.spacer{margin-left:0}.chap{padding:12vh 12px 4vh}.chap__head{grid-template-columns:1fr;gap:20px}.chap__lead{font-size:24px}.rows{grid-template-columns:1fr;row-gap:2em}.row{grid-template-columns:1fr;gap:.2em}.foot{padding:10vh 12px 8vh;font-size:24px}}@media (prefers-reduced-motion:reduce){.rows .row{opacity:1}.chap__img img{transform:none}}