*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#111;font-family:"Roboto Mono",ui-monospace,monospace;font-size:16px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:920px;margin:0 auto;padding:96px 24px}
header{display:flex;flex-direction:column;gap:20px}
.name{font-size:18px;color:#111}
nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:16px}
nav a{color:#666;transition:color .15s}
nav a:hover,nav a[aria-current=page]{color:#111}
h1{font-weight:400;font-size:21px;margin:112px 0 56px}
.prose p{color:#666;margin:0 0 28px}
.prose p.lead{color:#111}
.list{list-style:none;margin:0;padding:0;border-top:1px solid #e5e5e5}
.list li{border-bottom:1px solid #e5e5e5}
.list li:last-child{border-bottom:0}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:28px 0}
.row .t{color:#111}
.row .tag{color:#666;white-space:nowrap}
.list p{margin:-16px 0 28px;color:#666}
a.row:hover .t{text-decoration:underline;text-underline-offset:4px}
.home{min-height:100vh;display:flex;align-items:center}
.home .wrap{width:100%}
.home header{gap:40px}
.home nav{flex-direction:column;gap:10px;font-size:18px}
@media (max-width:600px){.wrap{padding:48px 20px}h1{margin:72px 0 40px}nav,.name{font-size:16px}}
.portrait{float:right;width:260px;height:auto;margin:0 0 24px 48px}
@media (max-width:700px){.portrait{float:none;display:block;width:min(70%,240px);margin:0 0 32px}}
.prose a.inline{color:#111;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.prose ul.dash{list-style:none;margin:-12px 0 28px;padding:0;color:#666}
.prose ul.dash li::before{content:"- "}
.home{flex-direction:column;align-items:stretch;justify-content:center}
.home .wrap{flex:1;display:flex;align-items:center}
.meadow{flex:none;width:100%;height:110px;background:url(images/meadow.svg) repeat-x center bottom/auto 100%;pointer-events:none}
@media (max-width:600px){.meadow{height:80px}}