@layer base{:root{color:#25322e;font-synthesis:none;--muted:#647068;--line:#d9dfd3;--accent:#dcf990;--green:#2f523d;scroll-behavior:smooth;color-scheme:light;background:#f7f8f2;font-family:Thonburi,Leelawadee UI,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #6b8036}::selection{color:#17241e;background:#dcf990}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}html{scroll-padding-top:2rem}:root{--ink:#201c25;--paper:#f3eedf;--yellow:#f4d52c;--purple:#493252;--red:#ac302e;--muted:#655c64;--line:#bcb2a8;--accent:var(--yellow);--font-display:"Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;color:var(--ink);background:var(--paper);color-scheme:light}body{border-top:8px solid var(--yellow)}a:focus-visible{outline-color:var(--red)}::selection{background:var(--yellow);color:var(--ink)}}@layer components{.wrap{width:calc(100% - 96px);max-width:1120px;margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:116px;display:flex}.wordmark{letter-spacing:-.7px;align-items:center;gap:9px;font-size:21px;font-weight:750;display:flex}.mark{background:var(--accent);border-radius:50%;place-items:center;width:42px;height:42px;margin-right:3px;font-family:Georgia,serif;font-size:29px;display:grid}.small-dot{background:#78955b;border-radius:50%;align-self:flex-end;width:6px;height:6px;margin-bottom:13px}.site-header nav{gap:32px;font-size:14px;display:flex}.site-header nav a:hover,.text-link:hover,.back-link:hover{color:#547b36}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:500;display:flex}.status-dot{background:#608644;border-radius:50%;width:7px;height:7px}.hero{padding-block:77px 66px;position:relative}.hero h1{letter-spacing:-2.5px;z-index:1;margin:27px 0 25px;font-size:clamp(48px,7.2vw,88px);font-weight:650;line-height:1.45;position:relative}.accent{background:linear-gradient(transparent 56%,var(--accent) 56%,var(--accent) 91%,transparent 91%);padding:0 4px}.hero-bottom{z-index:1;justify-content:space-between;align-items:end;display:flex;position:relative}.hero-bottom p{color:var(--muted);font-size:17px;line-height:1.95}.text-link{border-bottom:1px solid #9cae8a;gap:24px;padding-bottom:9px;font-size:14px;display:flex}.hero-decoration{color:#dce5d0;z-index:0;font-size:215px;line-height:1;position:absolute;top:100px;right:37px;transform:rotate(12deg)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading h2{margin-top:9px;font-size:27px;font-weight:600}.entry-count{color:var(--muted);letter-spacing:1px;font-family:ui-monospace,monospace;font-size:11px}.post-card{border-top:1px solid var(--line);grid-template-columns:44px 1fr 30px;gap:20px;padding:31px 0;transition:padding .2s;display:grid}.post-card:hover{background:#eef2e7;padding-inline:12px}.post-number{color:var(--muted);padding-top:4px;font:12px ui-monospace,monospace}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;line-height:1.7;display:flex}.post-card h3{margin:9px 0;font-size:24px;font-weight:600;line-height:1.6}.post-card p{color:var(--muted);font-size:15px;line-height:1.9}.post-arrow{color:#647a4f;align-self:center;font-size:25px}.tags{color:#617447;flex-wrap:wrap;gap:14px;margin-top:17px;font-size:11px;display:flex}.badge{letter-spacing:1px;background:var(--accent);color:#334629;padding:3px 6px;font:9px ui-monospace,monospace}.empty-state{border:1px dashed #c5cfbb;border-radius:3px;align-items:center;gap:24px;min-height:224px;padding:39px;display:flex;position:relative}.empty-state>span:first-child{color:#7d9367;align-self:flex-start;font-size:36px}.empty-state h3{margin-bottom:10px;font-size:20px;font-weight:500}.empty-state p{color:var(--muted);font-size:14px;line-height:1.9}.empty-note{letter-spacing:1.5px;color:#7a866e;font:9px ui-monospace,monospace;position:absolute;bottom:25px;right:26px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:40px;padding-block:50px 64px;display:grid}.about>.eyebrow{align-self:start;padding-top:13px}.about h2{margin-bottom:18px;font-size:29px;font-weight:550;line-height:1.6}.about p{color:var(--muted);font-size:14px;line-height:2}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:26px 40px;font-size:11px;display:flex}.site-footer>span:first-child{color:#344536;font-weight:700}.site-footer>span:last-child span{padding-left:12px}.skip{background:var(--accent);z-index:10;padding:12px;position:absolute;top:-100px;left:15px}.skip:focus{top:10px}.article-wrap{width:calc(100% - 96px);max-width:740px;margin:auto}.back-link{color:var(--muted);margin-top:45px;font-size:13px;display:inline-block}.article-header h1{letter-spacing:-1px;margin:18px 0;font-size:clamp(32px,4.5vw,50px);font-weight:600;line-height:1.55}.lede{color:var(--muted);margin-bottom:24px;font-size:18px;line-height:1.9}.draft-warning{color:#42552e;background:#e6eec8;border-left:3px solid #839b45;margin-top:20px;padding:11px 15px;font-size:12px}.prose{overflow-wrap:anywhere;padding-block:34px;font-size:18px;line-height:2.05}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin:0 0 1.4em}.prose h2{margin:1.8em 0 .7em;font-size:27px;font-weight:600;line-height:1.7}.prose h3{margin:1.5em 0 .7em;font-size:22px}.prose a{color:#446d31;text-underline-offset:4px;text-decoration:underline}.prose blockquote{color:var(--muted);background:#eef2e7;border-left:3px solid #9cb577;padding:10px 23px}.prose blockquote p:last-child{margin-bottom:0}.prose pre{border-radius:5px;padding:20px;font-size:14px;overflow:auto}.prose code{font-family:ui-monospace,monospace;font-size:.84em}.prose :not(pre)>code{background:#e8eddf;border-radius:3px;padding:2px 5px}.prose img{border-radius:4px;margin:auto;display:block}.article-end{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 0 65px;font-size:13px;display:flex}.provenance{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.9}.provenance a{text-underline-offset:3px;text-decoration:underline}@media (width<=680px){.wrap{width:calc(100% - 40px)}.site-header{height:88px}.wordmark{font-size:17px}.mark{width:34px;height:34px;font-size:25px}.site-header nav{gap:15px;font-size:12px}.hero{padding-block:51px 44px}.hero h1{letter-spacing:-1px;margin-top:23px;font-size:53px}.hero-decoration{opacity:.6;font-size:116px;top:143px;right:0}.hero-bottom{flex-direction:column;align-items:start;gap:28px}.hero-bottom p{font-size:15px}.section-heading h2{font-size:24px}.writing{padding-top:30px;padding-bottom:40px}.empty-state{gap:15px;min-height:232px;padding:27px 20px}.empty-note{font-size:8px;bottom:17px;left:20px}.empty-state h3{font-size:18px}.about{grid-template-columns:1fr;gap:23px;padding-block:33px 40px}.about h2{font-size:26px}.about p br{display:none}.site-footer{font-size:10px}.post-card{grid-template-columns:26px 1fr 18px;gap:9px}.post-card h3{font-size:21px}.article-wrap{width:calc(100% - 40px)}.article-header{padding-top:32px}.prose{font-size:17px}.prose h2{font-size:24px}.lede{font-size:16px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.post-card{transition:none}}.site-header{border-bottom:3px solid var(--ink);gap:24px;height:auto;min-height:106px}.wordmark{font-family:var(--font-display);letter-spacing:-1px;font-size:23px;font-weight:850}.mark{background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.small-dot{background:var(--red);border-radius:0;align-self:center;width:6px;height:13px;margin:0 0 0 1px;transform:rotate(30deg)}.site-header nav{font:11px var(--font-mono);gap:28px}.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.site-header nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline 2px}.site-header nav a:hover,.back-link:hover{color:var(--red);text-underline-offset:5px;text-decoration:underline}.eyebrow{font:10px/1.6 var(--font-mono);letter-spacing:1.7px}.status-dot{background:var(--red);border-radius:0;flex-shrink:0}.hero{background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);isolation:isolate;margin-block:28px 48px;padding:30px 38px 36px;overflow:hidden}.hero:before{content:"";background-image:radial-gradient(var(--ink) .7px, transparent .8px);opacity:.1;z-index:-1;background-size:6px 6px;position:absolute;inset:0 0 0 60%}.hero-topline{border-bottom:1px solid var(--ink);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.hero-label{font:10px/1.6 var(--font-mono);letter-spacing:1px;white-space:nowrap}.hero h1{font-family:var(--font-display);letter-spacing:-5px;text-transform:uppercase;max-width:850px;margin:36px 0 29px;font-size:clamp(58px,7.8vw,96px);font-weight:900;line-height:.99}.accent{color:var(--purple);background:0 0;padding:0}.hero-period{color:var(--red)}.hero-bottom{gap:28px}.hero-bottom p{color:var(--ink);max-width:460px;font-size:14px;line-height:1.9}.text-link{background:var(--ink);min-height:46px;color:var(--yellow);border:2px solid var(--ink);font:11px/1.6 var(--font-mono);white-space:nowrap;justify-content:space-between;align-items:center;gap:30px;padding:10px 16px;transition:background .15s}.text-link:hover{background:var(--purple);color:var(--yellow)}.hero-clock{z-index:0;border:2px solid var(--ink);opacity:.22;background:repeating-conic-gradient(from -1deg,var(--ink) 0deg 1deg,transparent 1deg 30deg);border-radius:50%;width:185px;height:185px;position:absolute;top:83px;right:37px;mask-image:radial-gradient(#0000 62%,#000 63%)}.clock-hands{background:var(--ink);opacity:.22;transform-origin:bottom;width:2px;height:65px;position:absolute;top:121px;right:128px;transform:rotate(-10deg)}.clock-hands:after{content:"";background:var(--ink);transform-origin:bottom;width:2px;height:52px;position:absolute;bottom:0;transform:rotate(-35deg)}.writing{border-top:0;padding:0 0 44px}.section-heading{gap:24px;margin-bottom:24px}.section-heading h2{font-family:var(--font-display);letter-spacing:-1.2px;margin-top:5px;font-size:34px;font-weight:850}.entry-count{font:10px/1.6 var(--font-mono);letter-spacing:1px;white-space:nowrap}.post-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#faf7ed;grid-template-columns:44px 1fr 36px;margin-bottom:20px;padding:28px 22px;transition:transform .15s,box-shadow .15s}.post-card:hover{box-shadow:6px 6px 0 var(--ink);background:#faf7ed;padding:28px 22px;transform:translate(-2px,-2px)}.post-card>div{min-width:0}.post-card h3{overflow-wrap:anywhere;font-weight:700;line-height:1.65}.post-card p{font-size:14px}.post-meta{font:11px/1.8 var(--font-mono);gap:12px}.post-arrow{color:var(--purple)}.tags{font:11px/1.8 var(--font-mono);color:var(--purple);gap:8px 16px}.badge{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);font-size:10px}.empty-state{border:2px solid var(--ink);border-radius:0;padding:36px 30px 64px}.empty-state>span:first-child{color:var(--purple)}.empty-note{color:var(--muted);bottom:22px;left:30px;right:auto}.site-footer{border-top:3px solid var(--ink);font:10px/1.8 var(--font-mono);padding-block:24px 32px}.site-footer>span:first-child,.skip{color:var(--ink)}.article-wrap{max-width:780px}.back-link{font:11px/1.8 var(--font-mono);align-items:center;min-height:44px;margin-top:26px;display:inline-flex}.article-header{border-bottom:3px solid var(--ink);padding:24px 0 32px}.article-header>.eyebrow{color:var(--purple)}.article-header h1{overflow-wrap:anywhere;font-size:clamp(30px,4.5vw,46px);font-weight:750}.draft-warning{background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.prose h2{font-weight:700}.prose a{color:var(--purple)}.prose a:hover{text-decoration-thickness:2px}.prose blockquote{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);margin-inline:0;padding:16px 23px}.prose pre{border:2px solid var(--ink);border-radius:0;max-width:100%;line-height:1.8}.prose :not(pre)>code{color:var(--purple);background:#e6dece;border-radius:0}.prose img{border:1px solid var(--line);border-radius:0}.article-end{border-top:3px solid var(--ink);font:11px/1.8 var(--font-mono);gap:20px;padding:24px 0 48px}.article-end>span{color:var(--red);font-size:25px}.article-end a{align-items:center;min-height:44px;display:inline-flex}.article-end a:hover{text-underline-offset:5px;text-decoration:underline}@media (width<=900px){.hero h1{font-size:76px}.hero-clock,.clock-hands{opacity:.1}.hero-label{display:none}}@media (width<=680px){.wrap{width:calc(100% - 36px)}.site-header{gap:12px;min-height:88px}.wordmark{gap:8px;font-size:19px}.mark{width:32px;height:32px;font-size:23px}.small-dot{display:none}.site-header nav{gap:13px;font-size:10px}.hero{box-shadow:5px 5px 0 var(--ink);margin-block:23px 36px;padding:21px 20px 25px}.hero .eyebrow{letter-spacing:.8px;gap:7px;font-size:8px}.hero h1{letter-spacing:-2.3px;margin:29px 0 24px;font-size:clamp(42px,10.5vw,70px);line-height:1.04}.hero-clock,.clock-hands{display:none}.hero-bottom{gap:22px}.hero-bottom p{font-size:13px}.section-heading{gap:12px}.section-heading h2{font-size:29px}.section-heading .eyebrow,.entry-count{font-size:9px}.writing{padding:0 0 26px}.post-card,.post-card:hover{grid-template-columns:22px 1fr 18px;gap:9px;padding:23px 15px}.post-card h3{font-size:20px}.post-card p{font-size:13px}.post-meta{font-size:10px}.post-arrow{font-size:21px}.empty-state{gap:14px;padding:26px 18px 64px}.empty-note{font-size:8px;left:18px}.about{gap:22px;margin-bottom:28px;padding:24px 22px 28px}.about>.eyebrow{padding-top:0}.about h2{font-size:27px}.site-footer{flex-direction:column;gap:8px}.article-header{padding-top:20px}.article-header h1{letter-spacing:-.5px;font-size:30px}.prose pre{padding:14px;font-size:13px}}@media (width<=380px){.site-header{flex-wrap:wrap;gap:5px;padding-block:14px 6px}.site-header nav{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.post-card,.text-link{transition:none}.post-card:hover{transform:none}}}