@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Archivo Fallback;src:local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:100.2%;ascent-override:87.8%;descent-override:21%;line-gap-override:0%}:root{color-scheme:light dark;--paper:#f6f7f9;--paper-raised:#fff;--ink:#16181d;--ink-soft:#454b55;--line:#d9dde3;--line-strong:#b9bfc9;--blue:#1d4ed8;--blue-deep:#173fa8;--red:#d92b1f;--yellow:#f0b400;--focus:#1d4ed8;--input-bg:#fff}@media (prefers-color-scheme:dark){:root{--paper:#14161a;--paper-raised:#1b1e24;--ink:#eef0f4;--ink-soft:#aeb5c0;--line:#2c3038;--line-strong:#454b57;--blue:#8fabff;--blue-deep:#b3c6ff;--focus:#8fabff;--input-bg:#1b1e24}}*{box-sizing:border-box}html{scrollbar-color:var(--line-strong) transparent}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,Archivo Fallback,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.65}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}img{max-width:100%}a{color:var(--blue);text-underline-offset:3px}.wrap{max-width:1060px;margin:0 auto;padding-inline:clamp(20px,5vw,48px)}.micro{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.masthead{z-index:10;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.masthead-in{flex-wrap:wrap;align-items:center;gap:.6rem 1.75rem;padding-block:.85rem;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.65rem;margin-right:auto;font-size:1.08rem;font-weight:800;text-decoration:none;display:inline-flex}.motif{flex:none;display:block}@media (prefers-reduced-motion:no-preference){.motif .shape{transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.22,1,.36,1) backwards motif-in}.motif .s2{animation-delay:.1s}.motif .s3{animation-delay:.2s}@keyframes motif-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}}.nav{flex-wrap:wrap;align-items:center;gap:.35rem 1.15rem;display:flex}.nav a{color:var(--ink-soft);font-size:.92rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.hero{grid-template-columns:minmax(0,1fr) 232px;align-items:start;gap:clamp(2rem,6vw,4.5rem);padding-block:clamp(2.5rem,6vw,4.25rem) clamp(2rem,5vw,3rem);display:grid}h1{letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0 0 1.4rem;font-size:clamp(2.15rem,4.6vw,3.3rem);font-weight:800;line-height:1.08}.lede{max-width:66ch;margin:0 0 1.1rem;font-size:1.13rem}.hero-copy p{max-width:66ch}.hero-copy p:last-child{color:var(--ink-soft);margin-bottom:0}.portrait{margin:.35rem 0 0}.portrait-frame{position:relative}.portrait-frame:after{content:"";border:2px solid var(--blue);z-index:0;position:absolute;inset:0;transform:translate(11px,11px)}.portrait-frame picture{z-index:1;display:block;position:relative}.portrait-frame img{aspect-ratio:480/576;border:2px solid var(--ink);width:100%;height:auto;display:block}.frame-shapes{z-index:2;pointer-events:none;position:absolute;overflow:visible}.frame-shapes.tl{top:-11px;left:-11px}.frame-shapes.br{bottom:-13px;right:-13px}.portrait figcaption{color:var(--ink-soft);margin-top:1.35rem;font-size:.88rem}section{border-top:1px solid var(--line);padding-block:clamp(2.75rem,6vw,4rem);scroll-margin-top:84px}#essays,#notes,#lists,#now{content-visibility:auto}#essays{contain-intrinsic-size:auto 430px}#notes{contain-intrinsic-size:auto 760px}#lists{contain-intrinsic-size:auto 470px}#now{contain-intrinsic-size:auto 480px}.sec-head{align-items:center;gap:.7rem;margin-bottom:1.6rem;display:flex}.sec-head h2{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700}.sec-intro{color:var(--ink-soft);max-width:68ch;margin:-.7rem 0 1.8rem}.index-list{margin:0;padding:0;list-style:none}.index-list li{border-top:1px solid var(--line)}.index-list li:first-child{border-top:none}.essay-row{color:var(--ink);padding:1.15rem .25rem;text-decoration:none;display:block}.essay-row:hover .essay-title{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.essay-title{letter-spacing:-.015em;font-size:1.22rem;font-weight:700;line-height:1.3;display:block}.essay-dek{color:var(--ink-soft);max-width:68ch;margin-top:.3rem;display:block}.essay-meta{color:var(--ink-soft);margin-top:.5rem;display:block}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.3rem 1.25rem;padding:.85rem .25rem;display:flex}.archive-list li:first-child{border-top:none}.archive-title{letter-spacing:-.01em;font-weight:600}.archive-meta{color:var(--ink-soft);margin-left:auto}.notes{grid-template-columns:1fr 1fr;gap:0 clamp(2rem,5vw,3.5rem);display:grid}.note{border-top:2px solid var(--ink);padding:1.15rem 0 1.5rem}.note-head{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.55rem;display:flex}.note-head h3{letter-spacing:-.015em;margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.note-meta{color:var(--ink-soft);margin-left:auto}.note p{color:var(--ink-soft);margin:0}.note[hidden]{display:none}.lists{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}.lists h3{letter-spacing:-.01em;margin:0 0 .9rem;font-size:1.12rem;font-weight:700}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-top:1px solid var(--line);padding:.85rem .1rem}.plain-list li:first-child{border-top:none;padding-top:.2rem}.book-title{font-style:italic;font-weight:600}.book-note{color:var(--ink-soft);margin-top:.2rem;font-size:.95rem;display:block}.tag-now{color:var(--blue);white-space:nowrap;margin-left:.5rem}.question{font-weight:500}.question-note{color:var(--ink-soft);margin-top:.2rem;font-size:.95rem;display:block}.now-block p{max-width:70ch;margin:0 0 1rem}.now-block p:last-of-type{margin-bottom:0}.now-stamp{color:var(--ink-soft);margin-top:1.4rem}footer{border-top:2px solid var(--ink);padding-block:2rem 2.75rem}.foot-in{flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem;display:flex}.foot-voice{max-width:62ch;margin:0}.foot-small{color:var(--ink-soft);max-width:70ch;margin:.9rem 0 0;font-size:.88rem}.foot-nav{flex-wrap:wrap;gap:.3rem 1.1rem;margin-left:auto;display:flex}.foot-nav a{color:var(--ink-soft);font-size:.92rem;text-decoration:none}.foot-nav a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}@media (width<=760px){.hero{flex-direction:column;gap:1.75rem;display:flex}.portrait{order:-1;width:168px;margin-top:0}.portrait figcaption{margin-top:1.15rem}.notes,.lists{grid-template-columns:1fr}.lists{gap:2.25rem}.archive-meta,.foot-nav{margin-left:0}section{scroll-margin-top:118px}}.skip{z-index:20;background:var(--paper);padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:8px}a:hover{color:var(--blue-deep)}a:active{color:var(--ink)}::selection{background:var(--blue);color:var(--paper)}.story summary{cursor:pointer;padding-right:2rem;list-style:none;position:relative}.story summary::-webkit-details-marker{display:none}.story summary:hover .essay-title{color:var(--blue)}.story summary:active{opacity:.8}.story-body{max-width:70ch;padding:0 .25rem 1.25rem}.story-body p{margin:.6rem 0}.lesson{color:var(--ink-soft)}.project h3{margin:0 0 .6rem;font-size:1.22rem}.project p{max-width:68ch}.draft-label{color:var(--ink-soft);font-size:.88rem}.hero{scroll-margin-top:100px}.notes h3{overflow-wrap:anywhere}.disclosure{fill:none;width:20px;height:20px;stroke:var(--blue);stroke-width:1.5px;position:absolute;top:1.3rem;right:0}.story[open] .vertical{display:none}