:root{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#262626;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0;font-size:14px;line-height:20px}
main{width:min(534px,calc(100% - 48px));margin:80px auto 40px}
h1,h2,h3,p{margin:0;font-size:inherit}
h1{font-weight:500}
.updated{color:#777;margin-top:3px}
header{margin-bottom:24px}
.biography p+p{margin-top:16px}
a{color:inherit;text-decoration-color:#c9c9c9;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .16s ease,color .16s ease}
a:hover{color:#000;text-decoration-color:#262626}
a:focus-visible{outline:2px solid #555;outline-offset:5px;border-radius:1px}
.work{margin-top:48px}
h2,h3{color:#777;font-weight:400}
h2{margin-bottom:8px}
.year-group{display:grid;grid-template-columns:104px minmax(0,1fr);border-top:1px solid #ededed}
h3{padding-top:10px}
ul{list-style:none;padding:0;margin:0;min-width:0}
li+li{border-top:1px solid #ededed}
li a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;text-decoration:none;min-height:40px}
li a:hover>span:first-child{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#aaa}
.kind{flex-shrink:0;color:#777;font-size:14px}
footer{display:flex;align-items:center;gap:5px;margin-top:76px;color:#777;font-size:14px;font-variant-numeric:tabular-nums}
footer svg{margin-left:auto;flex-shrink:0}
@media(max-width:768px){main{margin-top:32px}}
@media(max-width:640px){.year-group{grid-template-columns:62px minmax(0,1fr)}.work{margin-top:40px}footer{margin-top:56px}li a{gap:12px}}
@media(prefers-reduced-motion:reduce){a{transition:none}}

/* Follow the device appearance automatically, including live changes. */
:root{color-scheme:light dark;--page:#fff;--text:#262626;--muted:#777;--line:#ededed;--link-line:#c9c9c9;--hover:#000;--focus:#555;--surface:#f3f3f3;--image-surface:#f7f7f7;--media-line:#e8e8e8;color:var(--text);background:var(--page)}
.updated,h2,h3,.kind,footer{color:var(--muted)}
a{text-decoration-color:var(--link-line)}
a:hover{color:var(--hover);text-decoration-color:var(--text)}
a:focus-visible{outline-color:var(--focus)}
.year-group,li+li{border-color:var(--line)}
@media(prefers-color-scheme:dark){:root{--page:#151515;--text:#e5e5e5;--muted:#a0a0a0;--line:#303030;--link-line:#686868;--hover:#fff;--focus:#bbb;--surface:#202020;--image-surface:#1b1b1b;--media-line:#343434}}

/* Compact reference typography and a quiet staggered page entrance. */
body{letter-spacing:-.09px}
@media(min-width:769px){main{width:min(550px,calc(100% - 48px))}}
body:has(.biography)>main>header,
.biography>p,
body:has(.biography) .work,
body:has(.biography)>main>footer{animation:page-enter .55s cubic-bezier(.22,1,.36,1) both}
body:has(.biography)>main>header{animation-delay:0s}
.biography>p:nth-child(1){animation-delay:.045s}
.biography>p:nth-child(2){animation-delay:.09s}
.biography>p:nth-child(3){animation-delay:.135s}
.biography>p:nth-child(4){animation-delay:.18s}
.biography>p:nth-child(5){animation-delay:.225s}
body:has(.biography) .work{animation-delay:.27s}
body:has(.biography)>main>footer{animation-delay:.315s}
@keyframes page-enter{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.work li a>span{transition:opacity .14s ease}
.work li a:hover>span:first-child{text-decoration:none}
@media(hover:hover) and (pointer:fine){
 .work:has(li a:hover) li a>span{opacity:.3}
 .work:has(li a:hover) li a:hover>span{opacity:1}
}
.work:has(li a:focus-visible) li a>span{opacity:.3}
.work:has(li a:focus-visible) li a:focus-visible>span{opacity:1}
@media(prefers-reduced-motion:reduce){
 body:has(.biography)>main>header,.biography>p,body:has(.biography) .work,body:has(.biography)>main>footer{animation:none}
 .work li a>span{transition:none}
}