@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg: #FAF8F5;--fg: #2C2A27;--fg-dim: #8A857D;--fg-light: #B0AAA0;--accent: #C8522E;--border: #E0DCD6;--border-strong: #CBC5BB;--code-bg: #F2EFEA}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:center;justify-content:center}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.6}.page{max-width:660px;width:100%;padding:clamp(40px,8vh,80px) clamp(24px,5vw,48px)}.header{margin-bottom:48px}.header h1{font-family:Newsreader,serif;font-size:24px;font-weight:500;color:var(--fg);margin-bottom:12px}.header p{font-family:Newsreader,serif;font-size:17px;color:var(--fg-dim);line-height:1.7;max-width:520px}.header-links{margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:12px}.header-links a{color:var(--fg-dim);text-decoration:none;transition:color .2s}.header-links a:hover{color:var(--accent)}.header-links .sep{color:var(--fg-light);margin:0 6px}.posts{border-top:1px solid var(--border);padding-top:16px}.posts-label{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--fg-light);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.post-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s}.post-row:hover{padding-left:8px}.post-row-title{font-family:Newsreader,serif;font-size:16px;font-weight:500;color:var(--fg);transition:color .2s}.post-row:hover .post-row-title{color:var(--accent)}.post-row-date{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--fg-light);white-space:nowrap;margin-left:16px}article.page{align-self:flex-start}.post-header{margin-bottom:40px}.post-header h1{font-size:32px;letter-spacing:-.01em;line-height:1.2}.prose{font-family:Newsreader,serif;font-size:18px;line-height:1.7;color:var(--fg)}.prose>*+*{margin-top:1.1em}.prose h2{font-family:Newsreader,serif;font-weight:500;font-size:22px;margin-top:2em;margin-bottom:.3em;letter-spacing:-.005em}.prose h3{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--fg-light);margin-top:2em;margin-bottom:.3em}.prose a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--accent);transition:color .15s}.prose a:hover{color:var(--accent)}.prose em{font-style:italic}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.3em}.prose blockquote{border-left:2px solid var(--accent);padding-left:1em;color:var(--fg-dim);font-style:italic}.prose code{font-family:IBM Plex Mono,monospace;font-size:.88em;background:var(--code-bg);padding:.1em .35em;border-radius:2px;color:var(--fg)}.prose pre{font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6;background:var(--code-bg);border:1px solid var(--border);border-radius:3px;padding:16px 18px;overflow-x:auto}.prose pre code{background:none;padding:0;font-size:inherit}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.prose figure{margin:2em 0}.prose figure img,.prose figure svg{display:block;width:100%;height:auto}.prose figcaption{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--fg-light);letter-spacing:1px;text-transform:uppercase;margin-top:10px;text-align:center}.prose figure.wide{margin-left:-60px;margin-right:-60px}@media(max-width:760px){.prose figure.wide{margin-left:0;margin-right:0}}.prose .pullquote{font-family:Newsreader,serif;font-weight:400;font-size:26px;line-height:1.35;color:var(--fg);margin:2em 0;padding-top:.3em;position:relative}.prose .pullquote:before{content:"“";font-family:Newsreader,serif;font-size:90px;color:var(--accent);position:absolute;top:-.1em;left:-.15em;line-height:1;opacity:.25}.prose .pullquote span{position:relative}
