:root{--bg:#17181a;--surface:#1e1f22;--raise:#24252a;--border:#2e2f34;--hair:#26272b;--text:#eae9e5;--muted:#9c9b95;--accent:#8b8b86;--hs:1;--logo-filter:none;--shadow:0 14px 40px #00000052;--sans:"Source Sans 3", "Source Sans Pro", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2, .7, .3, 1);color-scheme:dark}:root[data-theme=light]{--bg:#f4f3ef;--surface:#fefdfb;--raise:#fff;--border:#dcdad3;--hair:#e5e3dc;--text:#1b1b19;--muted:#6e6d67;--accent:#7a7a74;--logo-filter:invert(1) brightness(.22);--shadow:0 14px 40px #00000024;color-scheme:light}html{scroll-behavior:smooth}*{box-sizing:border-box;text-wrap:pretty}body{background:var(--bg);color:var(--text);font:300 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background .4s,color .4s}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}.logo{filter:var(--logo-filter);transition:filter .4s}.avatar{object-fit:cover;background:var(--raise);border:1px solid var(--border);border-radius:50%;flex:none}.label{font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.label--muted{color:var(--muted)}.mono{font:400 12px/1.2 var(--mono);color:var(--muted)}.date{font:500 12px/1.2 var(--mono);letter-spacing:.06em}.navlabel{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:8px 0;transition:color .25s;display:flex}.navlabel:hover{color:var(--accent)}.navlabel svg{flex:none;display:block}.frame{justify-content:center;min-height:100vh;display:flex}.rail{display:none}@media (width<=1023px){.desk{display:none!important}}.column{border-left:1px solid var(--border);border-right:1px solid var(--border);width:100%;max-width:430px;min-height:100vh;padding-bottom:104px;position:relative}.progress{z-index:70;height:2px;position:fixed;top:0;left:0;right:0}.progress span{background:var(--accent);width:0%;height:2px;animation:linear both grow scroll(root);display:block}.bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex;position:sticky;top:0}.wordmark{font:700 15px/1 var(--sans);letter-spacing:-.015em;align-items:center;gap:10px;display:flex}.wordmark img{width:auto;height:20px}.wordmark--lg{letter-spacing:-.02em;gap:12px;font-size:22px}.wordmark--lg img{height:30px}.pill{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);z-index:60;border-radius:999px;align-items:center;gap:4px;padding:7px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pill a{font:500 12px/1 var(--sans);color:var(--muted);border-radius:999px;padding:12px 15px;transition:color .25s,background .25s}.pill a:hover{color:var(--text)}.pill a[aria-current=page]{background:var(--raise);color:var(--text)}.pill button{font:500 15px/1 var(--sans);color:var(--accent);cursor:pointer;transition:color .25s ease, transform .4s var(--ease);background:0 0;border:none;border-radius:999px;padding:11px 14px}.pill button:hover{color:var(--text)}:root[data-theme=light] .pill button{transform:rotate(180deg)}.row{border-bottom:1px solid var(--hair);grid-template-columns:82px 1fr;padding:22px 0;display:grid;position:relative}.row:last-child{border-bottom:0}.row:before{content:"";background:var(--hair);width:1px;position:absolute;top:0;bottom:0;left:82px}.row__rail{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;padding-right:16px;display:flex;position:relative}.row__rail .mono{font-size:11px}.row__rail:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:-3px}.row__body{flex-direction:column;gap:7px;min-width:0;padding-left:16px;display:flex}.row__body h3{font:700 calc(var(--hs) * 18px) / 1.2 var(--sans);letter-spacing:-.025em;transition:transform .25s var(--ease);margin:0}.row:hover .row__body h3{transform:translate(4px)}.row--older .row__rail .date{color:var(--muted)}.row--older .row__body h3{font-size:calc(var(--hs) * 17px)}.prose{flex-direction:column;gap:18px;padding-top:6px;display:flex}.prose>*{margin:0}.prose p{font:300 17px/1.7 var(--sans)}.prose p strong{font-weight:600}.prose em{font-style:italic}.prose h2{font:700 calc(var(--hs) * 21px) / 1.25 var(--sans);letter-spacing:-.025em;margin-top:12px;padding-left:18px;position:relative}.prose h2:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:0}.prose h3{font:700 calc(var(--hs) * 18px) / 1.3 var(--sans);letter-spacing:-.02em;margin-top:6px}.prose blockquote{border-left:2px solid var(--accent);font:400 19px/1.45 var(--sans);letter-spacing:-.015em;padding:2px 0 2px 18px}.prose blockquote p{font:inherit}.prose a{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--accent)}.prose ul,.prose ol{flex-direction:column;gap:8px;padding-left:22px;display:flex}.prose li::marker{color:var(--muted)}.prose hr{border:0;border-top:1px solid var(--border);margin:6px 0}.prose code{font:400 .88em var(--mono);background:var(--raise);border:1px solid var(--hair);border-radius:3px;padding:.05em .35em}.prose pre{border:1px solid var(--border);font:400 13px/1.6 var(--mono);padding:16px 18px;overflow-x:auto;background:var(--surface)!important}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose img{border:1px solid var(--border)}.prose figure{flex-direction:column;gap:8px;margin:0;display:flex}.prose figcaption{font:400 11px/1.5 var(--mono);color:var(--muted)}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.prose th{font:500 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}@keyframes inRight{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes inLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes grow{0%{width:0%}to{width:100%}}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes spine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spy{0%{color:var(--muted)}22%{color:var(--accent)}78%{color:var(--accent)}to{color:var(--muted)}}@keyframes spydash{0%{width:6px}22%{width:18px}78%{width:18px}to{width:6px}}.in-left{animation:inLeft .42s var(--ease) both}.in-right{animation:inRight .42s var(--ease) both}.fade-up{animation:fadeUp .5s var(--ease) both;animation-delay:var(--d,0s)}.fade-in{animation:.6s .15s both fadeIn}.dot-pop{animation:pop .5s .25s var(--ease) both}.wipe{animation:.8s cubic-bezier(.4,0,.2,1) .1s both wipe}.rise{animation:riseIn .55s var(--ease) both;animation-delay:var(--d,0s)}@media (width>=1024px){.mobi{display:none!important}.frame--rail{grid-template-columns:335px 1fr;justify-content:normal;align-items:start;display:grid}.frame--rail .column{background:var(--surface);border:0;max-width:none;padding:60px 60px 140px}.frame--rail .column>.in-left,.frame--rail .column>.in-right{max-width:820px}.frame--rail .bar{display:none}.rail{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:32px;height:100vh;padding:60px 48px;display:flex;position:sticky;top:0;overflow:hidden}.rail__brand{font:700 30px/1 var(--sans);letter-spacing:-.02em;flex:none;align-items:center;gap:14px;display:flex}.rail__brand img{width:auto;height:44px}.rail__stack{min-height:0;animation:fadeUp .5s var(--ease) both;flex-direction:column;flex:1;gap:30px;display:flex}.rail__stack--index{gap:32px}.rail__stack h1{font:700 calc(var(--hs) * 44px) / 1.05 var(--sans);letter-spacing:-.035em;margin:0}.rail__stack>p{font:300 18px/1.7 var(--sans);color:var(--muted);margin:0}.rail__back{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;transition:color .25s;display:flex}.rail__back:hover{color:var(--accent)}.rail__back svg{flex:none;display:block}.rail__block{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding-top:26px;display:flex}.rail__block--loose{gap:12px}.rail__fact{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.rail__fact .label{color:var(--muted);font-size:11px}.rail__fact .date{font-size:13px}.rail__fact .label--cat{letter-spacing:.14em;color:var(--accent);font-size:12px}.rail__fact .plain{font:300 15px/1 var(--sans)}.rail__who{flex-direction:row;align-items:center;gap:12px;display:flex}.rail__who .avatar{width:40px;height:40px;transition:border-color .3s}.rail__who:hover .avatar{border-color:var(--accent)}.rail__who div{flex-direction:column;gap:4px;display:flex}.rail__who .name{font:500 14px/1 var(--sans);color:var(--text)}.rail__who .where{font:300 14px/1 var(--sans);color:var(--muted)}.rail__line{font:300 15px/1.65 var(--sans);color:var(--muted);margin:0}.rail__foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.rail__foot .label{letter-spacing:.18em;font-size:11px}.rail__foot a{font:300 16px/1.4 var(--sans);color:var(--muted);transition:color .25s}.rail__foot a:hover{color:var(--text)}.rail__share{flex-direction:column;gap:10px;margin-top:auto;display:flex}.rail__share .label{letter-spacing:.14em;font-size:12px}.rail__share div{align-items:center;gap:14px;display:flex}.rail__share a{width:20px;height:20px;color:var(--muted);place-items:center;transition:color .25s;display:grid}.rail__share a:hover,.rail__share a.is-done{color:var(--accent)}.toc{flex-direction:column;gap:14px;display:flex}.toc a{font:500 15px/1.35 var(--sans);color:var(--muted);animation:linear both spy;animation-timeline:var(--t);align-items:center;gap:12px;display:flex}.toc a:before{content:"";width:6px;height:1px;animation:linear both spydash;animation-timeline:var(--t);background:currentColor;flex:none}.toc a:hover{color:var(--text)}.frame--rail .pill{gap:8px;padding:8px;bottom:28px;left:calc(395px + min(820px,100vw - 455px)/2)}.frame--rail .pill a{padding:10px 16px;font-size:13px}.frame--rail .pill button{padding:9px 15px}.row{grid-template-columns:118px 1fr;align-items:start;padding:34px 0}.row:before{background:var(--border);left:118px}.row__rail{margin-top:calc(var(--hs) * 14px);gap:5px;padding-right:26px;transform:translateY(-19%)}.row__rail .date{font-size:13px}.row__rail .mono{font-size:12px}.row__rail:after{top:25%;transform:translateY(-50%)}.row__body{gap:10px;padding-left:26px;transition:padding-left .3s}.row:hover .row__body{padding-left:36px}.row:hover .row__body h3{transform:none}.row__body h3{font-size:calc(var(--hs) * 24px);line-height:1.15}.row__body .label{letter-spacing:.14em;font-size:11px}.row__desc{font:300 16px/1.6 var(--sans);color:var(--muted);margin:0}.row--thumb{grid-template-columns:118px 1fr 200px}.row__thumb{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);width:100%;height:auto;margin-left:26px}.row--older{align-items:stretch;padding:24px 0}.row--older .row__rail{min-height:calc(var(--hs) * 25px);justify-content:center;align-items:center;margin-top:0;transform:none}.row--older .row__rail:after{top:50%}.row--older .row__body{flex-direction:row;justify-content:space-between;align-items:baseline;gap:20px}.row--older .row__body h3{font-size:calc(var(--hs) * 21px);line-height:1.2}.row--older .row__body .label{flex:none}.prose{gap:26px;padding-top:0;padding-left:118px;position:relative}.prose:before{content:"";background:var(--hair);width:1px;position:absolute;top:0;bottom:0;left:118px}.prose>*{max-width:74ch;margin-left:26px}.prose>.sec{flex-direction:column;gap:26px;max-width:none;margin-left:0;padding-top:44px;padding-left:26px;display:flex;position:relative}.prose>.sec>*{max-width:74ch}.prose>.sec:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:60px;left:-3px;transform:translateY(-50%)}.prose>.sec>*{margin:0}.prose p{font-size:19px;line-height:1.72}.prose h2{font-size:calc(var(--hs) * 27px);margin-top:0;padding-left:0;scroll-margin-top:104px;line-height:1.2}.prose h2:before{display:none}.prose h3{font-size:calc(var(--hs) * 21px)}.prose blockquote{padding:4px 0 4px 22px;font-size:22px;line-height:1.5}.prose pre{font-size:14px}.prose table{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:1ms!important;animation-delay:0s!important}html{scroll-behavior:auto}}