:root{--h:265;--primary:oklch(.48 .14 var(--h));--tertiary:oklch(.5 .12 calc(var(--h) + 70));--surface:oklch(.985 .005 var(--h));--surface-c-low:oklch(.965 .009 var(--h));--surface-c:oklch(.95 .011 var(--h));--on-surface:oklch(.23 .015 var(--h));--on-surface-var:oklch(.46 .02 var(--h));--outline-var:oklch(.88 .012 var(--h));--f-display:"Newsreader", Georgia, "Times New Roman", serif;--f-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--primary:oklch(.8 .1 var(--h));--tertiary:oklch(.8 .09 calc(var(--h) + 70));--surface:oklch(.17 .01 var(--h));--surface-c-low:oklch(.2 .012 var(--h));--surface-c:oklch(.22 .013 var(--h));--on-surface:oklch(.92 .01 var(--h));--on-surface-var:oklch(.76 .02 var(--h));--outline-var:oklch(.33 .015 var(--h));color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--on-surface);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto}a{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}h1,h2,h3{text-wrap:balance}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:1080px;margin:0 auto;padding-block:clamp(24px,6vw,72px) 48px;padding-inline:clamp(16px,4vw,40px)}.wrap{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(32px,7vw,104px);display:grid}.main{align-content:start;gap:72px;min-width:0;display:grid}.side{align-self:start;gap:28px;display:grid;position:sticky;top:48px}.name{font:400 38px/1.02 var(--f-display);letter-spacing:-.02em;margin:0}.name a{color:inherit;text-decoration:none}.name em{color:var(--primary);font-style:italic}.bio{color:var(--on-surface-var);margin:0;font-size:15px;line-height:1.55}.nav{gap:2px;display:grid}.nav a{color:var(--on-surface-var);align-items:center;gap:10px;padding:6px 0;font-size:15px;text-decoration:none;display:flex}.nav a:before{content:"";background:0 0;border-radius:50%;width:6px;height:6px}.nav a[aria-current=page]{color:var(--on-surface);font-weight:600}.nav a[aria-current=page]:before{background:var(--primary)}.nav a:hover{color:var(--on-surface)}.elsewhere{gap:4px;font-size:14px;display:grid}.label{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-var)}.now{gap:16px;display:grid}.now .label{color:var(--primary)}.now p{font:300 clamp(26px, 3.4vw, 38px)/1.28 var(--f-display);letter-spacing:-.012em;max-width:28ch;margin:0}.sec{gap:8px;display:grid}.sec>.label{margin-bottom:12px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.post-row{color:inherit;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-block:14px;text-decoration:none;display:grid}.post-row .d{font:400 13px/2.1 var(--f-mono);color:var(--on-surface-var);font-variant-numeric:tabular-nums}.post-row .t{font:500 26px/1.2 var(--f-display);letter-spacing:-.01em;display:block}.post-row:hover .t{color:var(--primary);text-underline-offset:5px;text-decoration:underline 1px}.post-row .x{color:var(--on-surface-var);max-width:60ch;margin-top:6px;display:block}.entry{grid-template-columns:76px minmax(0,1fr);gap:16px;padding-block:12px;scroll-margin-top:24px;display:grid}.entry .d{font:400 13px/1.9 var(--f-mono);color:var(--on-surface-var);font-variant-numeric:tabular-nums;text-decoration:none}.entry .d:hover{color:var(--primary)}.entry .body{max-width:62ch;font-size:17px}.entry .body>:first-child{margin-top:0}.entry .body>:last-child{margin-bottom:0}.entry .body p{margin:0 0 .6em}.entry .lead+p{display:inline}.entry .lead+p+*{margin-top:.6em}.entry .k{font-family:var(--f-display);color:var(--on-surface-var);margin-right:.3em;font-style:italic}.entry .k.building{color:var(--tertiary)}.empty{color:var(--on-surface-var);font-family:var(--f-display);margin:0;font-size:18px;font-style:italic}.more{margin-left:92px;font-size:15px;text-decoration:none}.more:hover{text-decoration:underline}.year{font:400 13px/1 var(--f-mono);color:var(--on-surface-var);font-variant-numeric:tabular-nums;margin:28px 0 4px 92px}.article{max-width:68ch}.article h1{font:500 clamp(34px, 5vw, 54px)/1.08 var(--f-display);letter-spacing:-.015em;margin:12px 0 16px}.article .dek{color:var(--on-surface-var);margin:0 0 20px;font-size:20px;line-height:1.5}.article .byline{color:var(--on-surface-var);border-bottom:1px solid var(--outline-var);flex-wrap:wrap;gap:8px 16px;margin-bottom:28px;padding-bottom:28px;font-size:14px;display:flex}.prose p,.prose li{font-size:18px;line-height:1.72}.prose h2{font:500 26px/1.25 var(--f-display);margin:40px 0 8px}.prose h3{font:600 20px/1.3 var(--f-display);margin:32px 0 6px}.prose pre{font:400 14px/1.6 var(--f-mono);border-radius:12px;padding:16px 20px;overflow-x:auto;background:var(--surface-c)!important}.prose code{font-family:var(--f-mono);font-size:.88em}.prose :not(pre)>code{background:var(--surface-c);border-radius:4px;padding:.1em .35em}.prose blockquote{border-left:3px solid var(--primary);font:italic 400 22px/1.45 var(--f-display);margin:28px 0;padding:4px 0 4px 20px}.prose blockquote p{font:inherit;margin:0}.prose img{border-radius:12px}.next{background:var(--surface-c-low);color:inherit;border-radius:16px;gap:4px;margin-top:48px;padding:20px 24px;text-decoration:none;display:grid}.next:hover{background:var(--surface-c)}.next .t{font:500 20px/1.3 var(--f-display)}.about{gap:28px;max-width:64ch;display:grid}.about h1{font:500 clamp(34px, 5vw, 52px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0}.about h2{font:500 20px/1.3 var(--f-display);margin:0 0 6px}.about p{margin:0;font-size:18px;line-height:1.65}.about .prose>*+*{margin-top:1em}.about .prose h2{margin-top:28px}.footer{color:var(--on-surface-var);flex-wrap:wrap;gap:8px 20px;padding-top:24px;font-size:13px;display:flex}.footer .sep{flex:1}.footer a{color:inherit}@media (width<=760px){.wrap{grid-template-columns:minmax(0,1fr);gap:40px}.side{position:static}.nav{grid-auto-flow:column;justify-content:start;gap:20px}.post-row,.entry{grid-template-columns:minmax(0,1fr);gap:2px}.more,.year{margin-left:0}}
