:root{--color-moss: #8B9B28;--color-moss-dark: #5E6A18;--color-moss-deeper: #3A4210;--color-moss-light: #B3C23A;--color-paper: #EDE9D6;--color-paper-dark: #D8D4BE;--color-ink: #1A1C10;--color-ink-mid: #3A3D22;--color-ink-muted: #6B6E4E;--color-ink-faint: #A8AC88;--color-text: var(--color-ink);--color-text-muted: var(--color-ink-muted);--color-bg: var(--color-moss);--color-surface: var(--color-paper);--color-border: var(--color-moss-dark);--color-accent: var(--color-paper);--color-accent-dark: var(--color-paper-dark);--font-display: "Besley", ui-serif, Georgia, serif;--font-serif: "Besley", ui-serif, Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--content-width: 48rem;--content-width-wide: 72rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(26 28 16 / .15);--shadow-md: 0 4px 16px rgb(26 28 16 / .2);--shadow-lg: 0 16px 48px rgb(26 28 16 / .28);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .6s;--duration-slower: .9s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;hanging-punctuation:first last}body{min-height:100vh;min-height:100dvh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);text-wrap:balance}p,li{text-wrap:pretty}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);isolation:isolate}main{max-width:var(--content-width);margin-inline:auto;padding:var(--space-16) var(--space-4)}h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-ink)}h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:var(--tracking-tight);color:var(--color-ink)}h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink-mid)}p{color:var(--color-text-muted);max-width:60ch}p{color:var(--color-ink-mid)}a{color:var(--color-paper);text-underline-offset:.2em;text-decoration-color:var(--color-paper-dark);transition:color var(--duration-fast) var(--ease-out-expo)}a:hover{color:var(--color-paper-dark)}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-moss-dark);color:var(--color-paper);padding:.1em .35em;border-radius:var(--radius-sm)}@keyframes fade-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-down{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.22;mix-blend-mode:overlay;background-repeat:repeat;background-size:256px 256px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='256' height='256' filter='url(%23n)'/></svg>")}.panel{background-color:var(--color-paper);color:var(--color-ink);padding:var(--space-8) var(--space-8);position:relative;box-shadow:var(--shadow-md)}.panel--offset{transform:rotate(-.4deg)}.panel--dark{background-color:var(--color-ink);color:var(--color-paper)}.panel-caption{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--color-ink-muted);max-width:22ch}.panel--dark .panel-caption{color:var(--color-ink-faint)}.panel-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-6);align-items:start}.moss-band{background-color:var(--color-moss);padding:var(--space-16) var(--space-8)}.moss-band--dark{background-color:var(--color-moss-deeper)}body[data-writing]{background-color:#fff;color:#1a1a1a}body[data-writing] main{max-width:none;padding:0}body[data-writing] a{color:#1a1a1a;text-decoration-color:#ddd}body[data-writing] a:hover{color:#555}.writing-index{max-width:70ch;margin-inline:auto;padding:var(--space-24) var(--space-6)}.writing-index__title{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:400;color:#000;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-16)}.writing-list{list-style:none;padding:0}.writing-list__item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-8);padding-block:var(--space-4);border-bottom:1px solid #ebebeb}.writing-list__item:first-child{border-top:1px solid #ebebeb}.writing-list__link{font-size:var(--text-base);font-weight:500;color:#1a1a1a;text-decoration:none}.writing-list__link:hover{color:#555;text-decoration-color:transparent}.writing-list__date{font-size:var(--text-sm);color:#999;white-space:nowrap;flex-shrink:0}.post{max-width:70ch;margin-inline:auto;padding:var(--space-16) var(--space-6) var(--space-32)}.post-back{display:inline-block;font-size:var(--text-sm);color:#999;text-decoration:none;margin-bottom:var(--space-16)}.post-back:hover{color:#555}.post-header{margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid #ebebeb}.post h1{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:400;color:#000;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.post-date{font-size:var(--text-sm);color:#999;display:block}.post-content{font-size:var(--text-base);line-height:1.8}.post-content p{color:#333;max-width:none;margin-bottom:var(--space-6)}.post-content p:last-child{margin-bottom:0}.post-content h2{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:#000;letter-spacing:0;margin-top:var(--space-16);margin-bottom:var(--space-4)}.post-content h3{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:#000;letter-spacing:.04em;text-transform:uppercase;font-size:var(--text-sm);margin-top:var(--space-12);margin-bottom:var(--space-3)}.post-content h4{font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;color:#000;margin-top:var(--space-8);margin-bottom:var(--space-2)}.post-content>*:first-child{margin-top:0}