:root{--paper:#F7F7F3;--paper-2:#EDECE4;--ink:#171A16;--ink-2:#4F534A;--ink-3:#8A8D83;--green:#0B7A53;--green-d:#0A5C40;--green-l:#3FB07E;--green-wash:#E2EDE6;--clay:#B4543B;--clay-wash:#FAF0ED;--line:#D9D7CD;--line-2:#C7C5B8;--disp:"Bricolage Grotesque",Georgia,serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--maxw:1280px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:19px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E")}::selection{background:var(--green);color:#fff}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}.nav{position:sticky;top:0;z-index:40;background:#f7f7f3e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .row{max-width:var(--maxw);margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.word{font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;text-decoration:none;line-height:1}.word svg{width:14px;height:14px;flex:none}.nav .links{display:flex;align-items:center;gap:26px}.nav .links a.t{font-size:15px;color:var(--ink-2);text-decoration:none;font-weight:500}.nav .links a.t:hover,.nav .links a.t[aria-current=page]{color:var(--green)}footer{border-top:1px solid var(--line);margin-top:96px;padding:40px 0}footer .row{max-width:var(--maxw);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}footer .meta{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--ink-3)}footer .meta a{text-decoration:none}footer .meta a:hover{color:var(--green)}.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:20px}.bloglist{padding-block:72px 40px}.bloglist h1{font-family:var(--disp);font-weight:700;font-size:clamp(2.8rem,2rem + 3.4vw,4.6rem);line-height:1;letter-spacing:-.035em;margin-bottom:14px}.bloglist .lede{font-size:1.15rem;color:var(--ink-2);max-width:52ch;margin-bottom:40px}.search{margin-bottom:44px}.search input{width:100%;max-width:440px;font-family:var(--body);font-size:16px;padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink)}.search input:focus-visible{outline:3px solid rgba(11,122,83,.35);outline-offset:2px;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:34px}.card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #00000012;border-color:var(--line-2)}.card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--paper-2)}.card .body{padding:24px}.card .meta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-3);display:flex;gap:14px;margin-bottom:12px}.card h3{font-family:var(--disp);font-weight:700;font-size:1.4rem;line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}.card p{font-size:.95rem;color:var(--ink-2);margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--green-wash);color:var(--green-d)}.more{font-weight:600;font-size:.95rem;color:var(--green)}.empty{font-size:1.05rem;color:var(--ink-2);padding:40px 0}.article{max-width:760px;margin:0 auto;padding-block:56px 24px}.back{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--ink-2);text-decoration:none;margin-bottom:32px}.back:hover{color:var(--green)}.article .hero img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:16px;border:1px solid var(--line);object-fit:cover;background:var(--paper-2)}.article h1{font-family:var(--disp);font-weight:700;font-size:clamp(2.3rem,1.7rem + 2.6vw,3.5rem);line-height:1.03;letter-spacing:-.035em;margin:28px 0 18px}.article .meta{font-family:var(--mono);font-size:13px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:18px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:36px}.prose{font-size:1.08rem;line-height:1.72;color:var(--ink)}.prose h2{font-family:var(--disp);font-weight:700;font-size:1.85rem;letter-spacing:-.02em;line-height:1.15;margin:44px 0 14px}.prose h3{font-family:var(--disp);font-weight:600;font-size:1.35rem;letter-spacing:-.015em;margin:32px 0 10px}.prose p{margin-bottom:20px}.prose ul,.prose ol{margin:0 0 20px 24px}.prose li{margin-bottom:8px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose blockquote{border-left:3px solid var(--green);padding-left:20px;color:var(--ink-2);font-style:italic;margin-bottom:20px}.prose code{font-family:var(--mono);font-size:.88em;background:var(--paper-2);padding:2px 6px;border-radius:5px}.prose pre{background:var(--ink);color:var(--paper);padding:20px;border-radius:12px;overflow-x:auto;margin-bottom:24px}.prose pre code{background:none;padding:0;color:inherit;font-size:.85rem}.prose table{border-collapse:collapse;margin-bottom:24px;font-size:.95rem;display:block;overflow-x:auto;width:100%}.prose th,.prose td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}.prose th{background:var(--paper-2);font-weight:600}.author{display:flex;align-items:center;gap:16px;margin-top:52px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.author img{width:64px;height:64px;border-radius:12px;flex:none}.author h3{font-family:var(--disp);font-size:1.1rem;margin-bottom:4px}.author p{font-size:.92rem;color:var(--ink-2)}.notfound{padding-block:120px;text-align:center}.notfound h1{font-family:var(--disp);font-size:2.4rem;margin-bottom:20px}@media(max-width:720px){.wrap,.nav .row,footer .row{padding-left:22px;padding-right:22px}.grid{grid-template-columns:1fr}.nav .links{gap:16px}}