@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Serif:wght@400;500&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #FFFFFF;--bg-alt: #F7F6F2;--bg-inset: #FBFAF7;--fg: #111111;--fg-muted: #6B6B6B;--fg-faint: #9A9A9A;--fg-on-dark: #FAFAF8;--border: #E8E6E1;--border-faint: #F0EDE7;--border-strong: #D7D4CD;--p1-ink: #5E5C82;--p1-wash: #ECEAF1;--p1-deep: #3D3B5C;--p2-ink: #647C66;--p2-wash: #ECEFE9;--p2-deep: #3F5142;--p3-ink: #9F6147;--p3-wash: #F2E7DF;--p3-deep: #6E3F2A;--font-sans: "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-base: 16px;--fs-lg: 18px;--fs-h3: 20px;--fs-h2: 22px;--fs-h1: 30px;--fs-display: 40px;--lh-tight: 1.3;--lh-snug: 1.5;--lh-body: 1.75;--lh-loose: 1.85;--fw-light: 300;--fw-reg: 400;--fw-med: 500;--fw-semi: 600;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-eyebrow: .16em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-0: 0;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--w-feed: 720px;--w-body: 580px;--pad-x: clamp(20px, 5vw, 48px);--ease: cubic-bezier(.4,0,.2,1);--dur-quick: .15s;--dur-base: .2s;--dur-reveal: .4s}.h1,h1{font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:var(--fw-med);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg)}.h2,h2{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:var(--fw-med);line-height:1.35;color:var(--fg)}.h3,h3{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-med);line-height:1.4;color:var(--fg)}.body,p{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-reg);line-height:var(--lh-body);color:var(--fg)}.muted{color:var(--fg-muted)}.meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:0}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-xxs);font-weight:var(--fw-med);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted)}.code,code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-alt);padding:2px 6px;border-radius:var(--r-sm);color:var(--fg)}.quote,blockquote{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:var(--fw-reg);font-style:italic;line-height:var(--lh-snug);color:var(--fg);border-left:2px solid var(--fg);padding-left:var(--s-4);margin:var(--s-6) 0}.lead{font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--fg-muted)}.tagline{font-size:var(--fs-h3);font-weight:var(--fw-light);line-height:1.55;color:var(--fg)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}img{display:block;max-width:100%;height:auto}main{min-height:70vh}::selection{background:var(--fg);color:var(--bg)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-x);height:56px;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-faint)}.nav-wm{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:500;letter-spacing:-.03em;color:var(--fg)}.nav-links{display:flex;gap:var(--s-5);align-items:center}.nav-link{font-size:14px;color:var(--fg-muted);transition:color var(--dur-base) var(--ease)}.nav-link:hover,.nav-link.active{color:var(--fg)}@media (max-width: 640px){.nav-links{gap:var(--s-3)}.nav-link{font-size:13px}.nav-wm{font-size:17px}}.page{padding:var(--s-7) var(--pad-x) var(--s-9)}.feed-wrap{max-width:var(--w-feed);margin:0 auto}.body-wrap{max-width:var(--w-body);margin:0 auto}.hero{max-width:var(--w-feed);margin:0 auto;padding:var(--s-8) var(--pad-x) var(--s-7)}.hero h1{font-size:clamp(28px,4vw,36px);font-weight:500;line-height:1.3;letter-spacing:-.015em;margin-bottom:var(--s-4);text-wrap:pretty}.hero-sub{font-size:var(--fs-lg);color:var(--fg-muted);line-height:1.7;max-width:540px;margin-bottom:var(--s-6)}.hero-ctas{display:flex;gap:var(--s-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:10px 18px;border-radius:var(--r-lg);border:1px solid transparent;text-decoration:none;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.btn-line{background:#06c755;color:#fff}.btn-line:hover{background:#05a647}.btn-outline{background:transparent;color:var(--fg);border-color:var(--fg)}.btn-outline:hover{background:var(--fg);color:var(--bg)}.btn-ghost{background:transparent;color:var(--fg);padding:10px 4px}.btn-ghost:hover{text-decoration:underline;text-underline-offset:3px}.pillars{max-width:var(--w-feed);margin:var(--s-6) auto var(--s-9);padding:0 var(--pad-x);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.pillar-card{position:relative;padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);display:block;color:inherit;transition:border-color var(--dur-base) var(--ease)}.pillar-card:hover{border-color:var(--border-strong)}.pillar-stripe{position:absolute;top:0;left:0;right:0;height:2px}.pillar-num{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);margin-bottom:var(--s-4)}.pillar-name{font-size:16px;font-weight:500;margin-bottom:4px}.pillar-desc{font-size:13px;color:var(--fg-muted);line-height:1.65}.pillar-more{font-size:12px;color:var(--fg);margin-top:var(--s-3);display:inline-block;text-decoration:underline;text-underline-offset:3px}@media (max-width: 720px){.pillars{grid-template-columns:1fr}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--s-5);padding:0 var(--pad-x)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);transition:all var(--dur-base) var(--ease)}.pill:hover{border-color:var(--fg-faint);color:var(--fg)}.pill.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.pill .dot{width:6px;height:6px;border-radius:50%}.feed{display:flex;flex-direction:column;padding:0 var(--pad-x)}.post-row{padding:var(--s-5) 0;border-top:1px solid var(--border);transition:opacity var(--dur-base) var(--ease)}.post-row.note .row-link,.post-row .row-link{display:block;color:inherit}.post-row .row-link:hover{opacity:.78}.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);margin-bottom:10px}.post-meta .sep{color:var(--fg-faint)}.post-meta .meta-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.badge{font-family:var(--font-sans);font-size:10px;font-weight:500;padding:2px 7px;border-radius:4px}.post-title{font-size:19px;font-weight:500;line-height:1.4;margin:0 0 6px;color:var(--fg)}.post-excerpt{font-size:14.5px;line-height:1.75;color:var(--fg-muted);margin:0}.post-row.note .post-excerpt{color:var(--fg);font-size:15.5px}.post-more{font-size:13px;color:var(--fg);text-decoration:underline;text-underline-offset:3px;margin-top:8px;display:inline-block}.feed-eyebrow{max-width:var(--w-feed);margin:var(--s-3) auto var(--s-3);padding:0 var(--pad-x);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.back-link{display:block;max-width:var(--w-body);margin:0 auto var(--s-5);padding:0 var(--pad-x);font-size:13px;color:var(--fg-muted)}.back-link:hover{color:var(--fg)}.post-detail{max-width:var(--w-body);margin:0 auto;padding:0 var(--pad-x)}.post-detail h1{font-size:26px;font-weight:500;line-height:1.35;letter-spacing:-.01em;margin:var(--s-4) 0 var(--s-3);text-wrap:pretty}.post-detail .post-excerpt-lg{font-size:var(--fs-lg);color:var(--fg-muted);line-height:1.75;margin-bottom:var(--s-7)}.post-detail .body p{margin:0 0 var(--s-5);font-size:16px;line-height:1.85}.post-detail .body h2{font-size:var(--fs-h2);margin:var(--s-7) 0 var(--s-3)}.post-detail .body h3{font-size:var(--fs-h3);margin:var(--s-6) 0 var(--s-2)}.post-detail .body ul,.post-detail .body ol{padding-left:22px;margin:0 0 var(--s-5)}.post-detail .body li{margin-bottom:var(--s-2)}.post-detail .body blockquote{font-family:var(--font-serif);font-style:italic;border-left:2px solid var(--fg);padding-left:var(--s-4);margin:var(--s-6) 0;color:var(--fg)}.post-detail .body img{max-width:100%;border-radius:var(--r-md);margin:var(--s-6) 0}.post-detail .body code{font-family:var(--font-mono);background:var(--bg-alt);padding:2px 6px;border-radius:var(--r-sm);font-size:.92em}.post-detail .tags{display:flex;gap:8px;flex-wrap:wrap;margin:var(--s-7) 0 var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--border)}.tag{font-size:12px;color:var(--fg-muted);padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-pill)}.tag:hover{color:var(--fg)}.author{max-width:var(--w-body);margin:0 auto;display:grid;grid-template-columns:56px 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-inset)}.author-ava{width:56px;height:56px;border-radius:999px;object-fit:cover;background:var(--border)}.author-name{font-size:15px;font-weight:500}.author-bio{font-size:13px;color:var(--fg-muted);line-height:1.6;margin-top:2px}.related-h{max-width:var(--w-body);margin:var(--s-8) auto var(--s-3);padding:0 var(--pad-x);font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);letter-spacing:.12em;text-transform:uppercase}.related-list{max-width:var(--w-body);margin:0 auto;padding:0 var(--pad-x);display:flex;flex-direction:column}.related-list .post-row{padding:var(--s-4) 0}.line-cta{max-width:var(--w-body);margin:var(--s-9) auto var(--s-6);padding:var(--s-7) var(--pad-x);border-top:1px solid var(--border);text-align:center}.line-cta-msg{font-size:var(--fs-lg);line-height:1.7;margin-bottom:var(--s-4);color:var(--fg)}.line-cta-sub{font-size:13px;color:var(--fg-muted);margin-top:var(--s-3)}.about{max-width:var(--w-body);margin:0 auto;padding:var(--s-7) var(--pad-x) var(--s-7)}.about-photo{width:100%;aspect-ratio:4 / 5;border-radius:var(--r-md);object-fit:cover;margin:0 0 var(--s-7);background:var(--bg-alt)}.about h1{font-size:28px;font-weight:500;margin-bottom:var(--s-4);letter-spacing:-.015em}.about p{font-size:16px;line-height:1.85;color:var(--fg);margin-bottom:var(--s-4)}.about p.lead{font-size:var(--fs-lg);color:var(--fg-muted);margin-bottom:var(--s-6)}.pillar-hero{width:calc(100% - 2 * var(--pad-x));max-width:var(--w-feed);margin:var(--s-6) auto var(--s-7);padding:var(--s-7) var(--s-5);background:var(--bg-alt);border-radius:var(--r-lg)}.pillar-hero-num{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);margin-bottom:var(--s-3)}.pillar-hero h1{font-size:28px;font-weight:500;margin-bottom:var(--s-3)}.pillar-hero p{font-size:15px;line-height:1.75;color:var(--fg-muted);max-width:540px;margin:0}.pillar-hero-stripe{display:inline-block;width:24px;height:2px;vertical-align:middle;margin-right:10px}.foot{max-width:var(--w-feed);margin:0 auto;padding:var(--s-6) var(--pad-x);border-top:1px solid var(--border-faint);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--fg-faint)}.foot-wm{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--fg);font-weight:500;letter-spacing:-.02em}.fade-in{animation:fadeIn .4s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}html{scroll-behavior:auto}}