:root{color-scheme:light;--canvas:#f3f0ee;--white:#fff;--ghost:#e8e2da;--ink:#141413;--charcoal:#262627;--slate:#696969;--dust:#d1cdc7;--orange:#cf4500;--orange-light:#f37338;--panel-radius:40px;--btn-radius:20px;--shadow-halo:#00000014 0 24px 48px;--shadow-card:#0000000f 0 12px 28px;--shadow-nav:#0000000a 0 4px 24px 0;--content-max:1200px;--page-max:720px;--gutter:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Sofia Sans,Noto Sans Thai,Arial,sans-serif;font-size:16px;line-height:1.4;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}[hidden]{display:none!important}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--slate);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--orange);border-radius:50%;flex:none;width:7px;height:7px}.btn-ink,.btn-white,.btn-ghost{border-radius:var(--btn-radius);letter-spacing:-.32px;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:16px;display:inline-flex}.btn-ink{background:var(--ink);color:var(--canvas);border:1.5px solid var(--ink);font-weight:500}.btn-ink:hover{background:var(--charcoal)}.btn-white{background:var(--white);color:var(--ink);border:1.5px solid var(--white);font-weight:500}.btn-white:hover{background:var(--canvas);border-color:var(--canvas)}.btn-ghost{color:var(--white);background:0 0;border:1.5px solid #fff6;font-weight:450}.btn-ghost:hover{border-color:#fffc}.page-head{text-align:center;padding:72px var(--gutter) 0;flex-direction:column;align-items:center;display:flex}.page-title{letter-spacing:-.022em;color:var(--ink);max-width:820px;margin:20px 0 0;font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.08}.page-sub{color:var(--charcoal);max-width:560px;margin:16px 0 0;font-size:16.5px;line-height:1.6}.posts{max-width:var(--page-max);padding:0 var(--gutter);margin:44px auto 0}.post-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.post-card{background:var(--white);box-shadow:var(--shadow-card);border-radius:20px;align-items:center;gap:18px;padding:18px 20px;transition:box-shadow .15s,transform .15s;display:flex}.post-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0000001a}.post-card .pc-main{flex:1;min-width:0}.post-card .pc-title{letter-spacing:-.2px;color:var(--ink);font-size:17px;font-weight:600;display:block}.post-card .pc-desc{color:var(--slate);margin-top:3px;font-size:13.5px;line-height:1.5;display:block}.post-card .pc-meta{flex:none;align-items:center;gap:10px;display:flex}.post-card time{color:var(--slate);white-space:nowrap;font-size:13px}.post-card .pc-arrow{width:16px;height:16px;color:var(--dust);flex:none;transition:color .15s,transform .15s}.post-card:hover .pc-arrow{color:var(--orange);transform:translate(2px)}.empty{text-align:center;color:var(--slate);padding:48px 0;font-size:15px}@media (width<=560px){.post-card{flex-direction:column;align-items:flex-start;gap:10px}.post-card .pc-meta{justify-content:space-between;width:100%}}.about-stack{max-width:var(--page-max);padding:0 var(--gutter);flex-direction:column;gap:14px;margin:44px auto 0;display:flex}.info-card{background:var(--white);box-shadow:var(--shadow-card);border-radius:24px;padding:26px 28px}.info-card h2{letter-spacing:.12em;text-transform:uppercase;color:var(--slate);align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:600;display:flex}.info-card h2:before{content:"";background:var(--orange);border-radius:50%;flex:none;width:7px;height:7px}.info-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.info-list li{color:var(--charcoal);font-size:15.5px;line-height:1.65}.info-list strong{color:var(--ink);font-weight:600}.info-list a{color:var(--orange)}.info-list a:hover{text-decoration:underline}.post-page{max-width:var(--page-max);padding:64px var(--gutter) 0;margin:0 auto}.post-head h1{letter-spacing:-.02em;color:var(--ink);margin:18px 0 0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.12}.post-head time{color:var(--slate);margin-top:12px;font-size:13.5px;display:block}.tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--orange);background:#cf450012;border:1px solid #cf450038;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.prose{color:var(--charcoal);margin-top:40px;font-size:16.5px;line-height:1.75}.prose h2{letter-spacing:-.015em;color:var(--ink);margin:40px 0 14px;font-size:26px;font-weight:600;line-height:1.25}.prose h3{color:var(--ink);margin:30px 0 10px;font-size:20px;font-weight:600;line-height:1.3}.prose p{margin:0 0 18px}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--orange);text-underline-offset:3px;text-decoration:underline #cf450059}.prose a:hover{text-decoration-color:var(--orange)}.prose ul,.prose ol{flex-direction:column;gap:6px;margin:0 0 18px;padding-left:24px;display:flex}.prose li::marker{color:var(--orange)}.prose code{background:var(--ghost);color:var(--ink);border-radius:8px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.prose pre{background:var(--ink);color:#f4f1ee;border-radius:20px;margin:0 0 18px;padding:20px 22px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0;font-size:13.5px;line-height:1.6}.prose img{border-radius:20px;margin:8px 0 18px}.prose blockquote{border-left:3px solid var(--orange);color:var(--slate);margin:0 0 18px;padding:4px 0 4px 20px}.prose hr{border:0;border-top:1px solid var(--ghost);margin:32px 0}.nav-wrap{z-index:50;padding:24px 24px 8px;position:sticky;top:0}.nav-pill{max-width:var(--content-max);backdrop-filter:blur(8px);box-shadow:var(--shadow-nav);background:#ffffffe0;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 16px 12px 32px;display:flex}.nav-left{align-items:center;gap:12px;min-width:0;display:flex}.nav-brand{letter-spacing:-.4px;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:600;display:inline-flex}.nav-brand img{object-fit:cover;border-radius:50%;width:30px;height:30px}.nav-brand .brand-dot{color:var(--orange)}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--ink);letter-spacing:-.48px;white-space:nowrap;font-size:16px;font-weight:500}.nav-links a:hover,.nav-links a.is-current{color:var(--orange)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-pill .btn-ink{padding:9px 20px;font-size:15px}.nav-menu-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:none}.nav-menu-btn svg{width:20px;height:20px}.nav-menu-btn:hover{background:#f1ede9}@media (width<=860px){.nav-links{display:none}.nav-pill{padding-left:12px}.nav-menu-btn{display:inline-flex}.nav-pill .nav-brand img{display:none}}@media (width<=480px){.nav-pill .nav-brand img{display:none}}html.nav-open{overflow:hidden}.nav-backdrop{z-index:1190;opacity:0;visibility:hidden;pointer-events:none;background:#14141373;transition:opacity .24s,visibility 0s linear .24s;position:fixed;inset:0}.nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s,visibility}.nav-drawer{z-index:1200;background:var(--white);visibility:hidden;border-radius:0 28px 28px 0;flex-direction:column;width:min(320px,85vw);padding:18px 16px 20px;transition:transform .26s,visibility 0s linear .26s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%);box-shadow:0 24px 64px #14141333}.nav-drawer.is-open{visibility:visible;transition:transform .26s,visibility;transform:none}.nav-drawer-head{justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;display:flex}.drawer-brand{letter-spacing:-.4px;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.drawer-brand img{object-fit:cover;border-radius:50%;width:34px;height:34px}.drawer-brand .brand-dot{color:var(--orange)}.nav-drawer-close{border:1.5px solid var(--ghost);background:var(--white);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.nav-drawer-close svg{width:17px;height:17px}.nav-drawer-close:hover{border-color:var(--ink)}.nav-drawer-links{border-top:1px solid var(--ghost);flex-direction:column;gap:2px;padding-top:8px;display:flex}.nav-drawer-links a{letter-spacing:-.3px;color:var(--ink);border-radius:14px;padding:13px 12px;font-size:19px;font-weight:600}.nav-drawer-links a:hover{background:#f7f5f2}.nav-drawer-links a.is-current{color:var(--orange)}.nav-drawer-foot{border-top:1px solid var(--ghost);margin-top:auto;padding-top:16px}.nav-drawer-foot .btn-ink{width:100%}@media (width>=861px){.nav-drawer,.nav-backdrop{display:none}}.footer{background:var(--ink);color:var(--white);border-radius:var(--panel-radius) var(--panel-radius) 0 0;margin-top:72px}.footer-inner{max-width:var(--content-max);grid-template-columns:1.4fr 1fr;align-items:start;column-gap:64px;margin:0 auto;padding:88px 24px 44px;display:grid}.footer-main h2{letter-spacing:-.02em;color:var(--white);margin:0 0 14px;font-size:clamp(28px,4vw,34px);font-weight:500}.footer-main p{color:#ffffffa6;max-width:440px;margin:0 0 28px;font-size:15px;font-weight:450;line-height:1.5}.footer-actions{flex-wrap:wrap;gap:12px;display:flex}.footer-cols{grid-template-columns:1fr 1fr;gap:32px;display:grid}.footer-col h3,.footer-col h4{letter-spacing:.56px;text-transform:uppercase;color:#fff9;margin:0 0 16px;font-size:12px;font-weight:700}.footer-col a,.footer-col span{color:var(--white);padding:4px 0;font-size:14px;font-weight:450;line-height:1.5;display:block}.footer-col a:hover{color:var(--orange-light)}.footer-bottom{color:#fff9;border-top:1px solid #fff3;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:24px;font-size:13px;font-weight:450;display:flex}.footer-bottom a{color:#fff9}.footer-bottom a:hover{color:var(--orange-light)}@media (width<=860px){.footer-inner{display:block}.footer-cols{border-top:1px solid #fff3;margin-top:48px;padding-top:36px}}.consent-banner{z-index:1000;background:var(--white);border:1px solid var(--ghost);width:min(100% - 32px,460px);box-shadow:var(--shadow-halo);border-radius:20px;flex-direction:column;gap:12px;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.consent-banner[hidden]{display:none}.consent-banner-text{color:var(--slate);margin:0;font-size:13px;line-height:1.5}.consent-banner-actions{flex-direction:row-reverse;gap:8px;display:flex}.consent-btn{cursor:pointer;border:1.5px solid #0000;border-radius:14px;flex:1;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.consent-accept{background:var(--ink);color:var(--canvas)}.consent-accept:hover{background:var(--charcoal)}.consent-decline{color:var(--slate);border-color:var(--dust);background:0 0}.consent-decline:hover{color:var(--ink);border-color:var(--charcoal)}@media (width<=960px){.page-head{padding-top:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card,.post-card .pc-arrow,.nav-drawer,.nav-backdrop{transition:none}}