:root{--paper:#fff;--ink:#000;--text:#666;--muted:#919191;--hairline:#e6e6e6;--tile:#f4f4f4;--font-sans:"Inter", system-ui, sans-serif;--space-10:10px;--space-16:16px;--space-26:26px;--space-40:40px;--column:630px;--radius-sm:7px;--radius-md:8px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--muted);text-decoration:none;transition:color .2s}a:hover{color:var(--ink)}.page{max-width:calc(var(--column) + 32px);margin:0 auto;padding:142px 16px 120px;animation:.6s both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=640px){.page{padding-top:72px}}@media (prefers-reduced-motion:reduce){.page{animation:none}*{transition:none!important}}.crumbs{margin:0 0 var(--space-26);align-items:center;gap:8px;font-size:16px;display:flex}.crumbs span[aria-hidden]{color:var(--muted)}.crumbs [aria-current]{color:var(--ink)}h1,h2,h3{color:var(--ink);letter-spacing:.02em;font-weight:500;line-height:1.2}.title{margin:0 0 6px;font-size:16px;font-weight:600}.date{margin:0 0 var(--space-26);color:var(--muted);letter-spacing:.05em;font-size:14px;font-weight:500}.label{margin:0 0 var(--space-16);border-bottom:1px solid var(--hairline);color:var(--ink);letter-spacing:.02em;align-items:baseline;gap:8px;padding:0 0 10px;font-size:16px;font-weight:500;display:flex}.label small{color:var(--text);font-size:16px;font-weight:400}.section{margin:var(--space-40) 0 0}.prose p{margin:0 0 20px}.prose h2{margin:40px 0 10px;font-size:16px}.prose a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--hairline)}.prose a:hover{text-decoration-color:var(--ink)}.prose blockquote{border-left:1px solid var(--hairline);margin:28px 0 0;padding:0 0 0 16px;font-size:14px}.prose blockquote p{margin:0 0 8px}.grid{gap:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.grid{grid-template-columns:repeat(2,1fr)}}.tile{aspect-ratio:180/148;background:var(--tile);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s;display:block;position:relative;overflow:hidden}.tile img,.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile .name{letter-spacing:.02em;color:var(--text);opacity:1;align-items:flex-end;padding:10px;font-size:12px;line-height:1.3;transition:opacity .25s;display:flex;position:absolute;inset:0}.tile.has-media .name{opacity:0;color:#fff;background:linear-gradient(#0000 40%,#0000008c)}.tile.has-media:hover .name{opacity:1}.tile:hover{color:var(--ink)}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--hairline)}.list a,.list .row{color:var(--ink);grid-template-columns:1fr auto auto;gap:16px;padding:12px 0;font-size:15px;display:grid}.list .meta{color:var(--muted);letter-spacing:.05em;text-align:right;min-width:5.5em;font-size:13px}.list .draft,.list a:hover{color:var(--muted)}.media{gap:var(--space-16);margin:var(--space-40) 0 0;display:grid}.media figure{margin:0}.media img,.media video{width:100%;height:auto;display:block}.media figcaption{text-align:center;color:var(--text);margin-top:8px;font-size:12px;font-style:italic;font-weight:300}.postnote{margin-top:var(--space-40);border-top:1px solid var(--hairline);padding-top:20px;font-size:14px}.postnote ol{margin:8px 0 12px;padding-left:20px}.home-intro p{margin:0 0 20px}.home-intro p:first-child{color:var(--ink);letter-spacing:.02em;font-weight:500}.home-intro a{color:var(--muted)}.notfound{justify-content:center;align-items:center;min-height:70vh;display:flex}.notfound a{color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:23px;font-weight:700;text-decoration:underline}.topfade{z-index:10;pointer-events:none;background:linear-gradient(to bottom, var(--paper) 0%, var(--paper) 35%, transparent 100%);height:74px;position:fixed;top:0;left:0;right:0}.label-link{text-decoration:none}.label-link .pill-text{z-index:0;align-items:baseline;gap:8px;display:inline-flex;position:relative}.label-link .pill-text:before{content:"";z-index:-1;background:var(--tile);opacity:0;border-radius:999px;transition:opacity .2s,transform .2s;position:absolute;inset:-4px -12px;transform:scale(.94)}.label-link:hover .pill-text:before,.label-link:focus-visible .pill-text:before{opacity:1;transform:none}@media (hover:hover){.grid:has(.tile:hover) .tile:not(:hover),.grid:has(.tile:focus-visible) .tile:not(:focus-visible){opacity:.4}.tile:hover,.tile:focus-visible{z-index:1;transform:scale(1.04)}}