.landing-root.blog-page{background-color:var(--bg);background-image:radial-gradient(#b07d1a0d 1px,#0000 1.4px);background-size:26px 26px}.landing-root .blog-hero{text-align:center;background:#0a0a0a;padding:172px 24px 118px;position:relative;overflow:hidden}.landing-root .bh-img{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.landing-root .bh-veil{background:linear-gradient(#0a0a0a99,#0a0a0a47 40%,#0a0a0a73 62%,#ffffffdb 92%,#fff 100%),radial-gradient(60% 60% at 50% 18%,#e0a82e1f,#0000 70%);position:absolute;inset:0}.landing-root .bh-m{z-index:2;filter:drop-shadow(0 16px 24px #00000073);pointer-events:none;width:118px;animation:4.4s ease-in-out infinite bfloat;position:absolute;bottom:22px;right:6%}@keyframes bfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-root .bh-in{max-width:780px;margin:0 auto;position:relative}.landing-root .bh-in .eyebrow{color:var(--gold-bright)}.landing-root .blog-hero h1{letter-spacing:-.02em;background:linear-gradient(#fff 32%,#ffffff85);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:14px;padding-top:.14em;font-size:clamp(32px,4.6vw,54px);font-weight:700}.landing-root .blog-hero p{color:#ffffffb8;margin-top:14px;font-size:17px}.landing-root .bgrid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:90px;display:grid}.landing-root .bcard{border-radius:var(--lr-lg);background:var(--glass-l-bg);-webkit-backdrop-filter:var(--glass-blur-l);backdrop-filter:var(--glass-blur-l);border:1px solid var(--glass-l-brd);box-shadow:var(--glass-l-sh);transition:transform .2s var(--ease), box-shadow .25s, border-color .2s;flex-direction:column;display:flex;overflow:hidden}.landing-root .bcard:hover{box-shadow:var(--glass-l-sh), var(--sh-md);border-color:#e0a82e80;transform:translateY(-4px)}.landing-root .bc-cover{aspect-ratio:16/9;background:#eef0f3;display:block;overflow:hidden}.landing-root .bc-cover img{object-fit:cover;width:100%;height:100%;display:block}.landing-root .bc-body{flex-direction:column;gap:8px;padding:20px 22px 22px;display:flex}.landing-root .bc-cat{font-family:var(--font-space-mono), monospace;letter-spacing:.06em;color:var(--gold-deep);font-size:11px;font-weight:700}.landing-root .bc-title{font-family:var(--font-clash), var(--font-anuphan), sans-serif;color:var(--ink);font-size:19px;font-weight:600;line-height:1.35}.landing-root .bc-ex{color:var(--g600);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.landing-root .bc-date{font-family:var(--font-space-mono), monospace;color:var(--g500);margin-top:4px;font-size:12px}.landing-root .bfeat{grid-column:1/-1;grid-template-columns:1.25fr 1fr;display:grid}.landing-root .bfeat .bc-cover{aspect-ratio:auto;min-height:300px}.landing-root .bfeat .bc-body{justify-content:center;padding:34px 38px}.landing-root .bfeat .bc-title{font-size:clamp(22px,2.6vw,32px)}.landing-root .bfeat .bc-ex{-webkit-line-clamp:3;font-size:16px}.landing-root .post-wrap{max-width:760px;margin:0 auto;padding:0 24px}.landing-root .crumb{font-family:var(--font-space-mono), monospace;color:var(--g500);padding:126px 0 0;font-size:12px}.landing-root .crumb a{color:var(--gold-deep)}.landing-root .post-head h1{letter-spacing:-.02em;margin:16px 0 14px;font-size:clamp(30px,4.2vw,44px);font-weight:700}.landing-root .post-meta{font-family:var(--font-space-mono), monospace;color:var(--g500);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;font-size:12.5px;display:flex}.landing-root .post-meta .cat{color:var(--gold-deep);font-weight:700}.landing-root .post-cover{border-radius:var(--lr-lg);box-shadow:var(--sh-md);margin-bottom:30px;overflow:hidden}.landing-root .post-cover img{width:100%;display:block}.landing-root .tldr{background:var(--gold-soft);border-radius:var(--lr-md);border:1px solid #e0a82e66;margin-bottom:30px;padding:18px 22px;box-shadow:inset 0 1px #ffffffd9}.landing-root .tldr b{font-family:var(--font-space-mono), monospace;letter-spacing:.1em;color:var(--gold-deep);margin-bottom:6px;font-size:12px;display:block}.landing-root .post-body{color:var(--g700);font-size:17px}.landing-root .post-body h2{color:var(--ink);margin:38px 0 14px;font-size:26px}.landing-root .post-body h3{color:var(--ink);margin:28px 0 10px;font-size:20px}.landing-root .post-body p{margin:0 0 18px}.landing-root .post-body ul,.landing-root .post-body ol{margin:0 0 18px;padding-left:26px}.landing-root .post-body li{margin-bottom:8px}.landing-root .post-body img{border-radius:var(--lr-md);margin:8px 0 18px}.landing-root .post-body blockquote{border-left:3px solid var(--gold);color:var(--g600);background:var(--bg-soft);border-radius:0 var(--lr-sm) var(--lr-sm) 0;margin:0 0 18px;padding:6px 18px}.landing-root .post-body code{background:var(--bg-soft);border:1px solid var(--line);font-family:var(--font-space-mono), monospace;border-radius:6px;padding:1px 7px;font-size:14px}.landing-root .post-body pre{color:#e7e9ee;border-radius:var(--lr-md);background:#0f1013;margin:0 0 18px;padding:18px;overflow-x:auto}.landing-root .post-body pre code{color:inherit;background:0 0;border:none;padding:0}.landing-root .post-body a{color:var(--gold-deep);text-underline-offset:3px;text-decoration:underline}.landing-root .post-body hr{border:none;border-top:1px solid var(--line);margin:32px 0}.landing-root .post-sec-h{margin:44px 0 16px;font-size:24px}.landing-root .post-cta{text-align:center;border-radius:var(--lr-lg);background:linear-gradient(#ffffffd9,#ffffff9e);border:1px solid #e0a82e8c;margin:48px 0;padding:34px 28px;box-shadow:inset 0 1px #ffffffd9,0 18px 40px -22px #e0a82e80}.landing-root .post-cta h2{margin-bottom:8px;font-size:24px}.landing-root .post-cta p{color:var(--g600);margin-bottom:18px}.landing-root .blog-cta{max-width:1160px;margin:20px auto 90px;padding:0 24px;position:relative}.landing-root .blog-cta-in{text-align:center;border-radius:var(--lr-lg);background:linear-gradient(#ffffffe0,#fffdf6b3);border:1px solid #e0a82e8c;padding:56px 32px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffe6,0 26px 60px -30px #e0a82e8c}.landing-root .blog-cta h2{margin-bottom:10px;font-size:clamp(24px,3vw,36px)}.landing-root .blog-cta p{color:var(--g600);margin-bottom:22px;font-size:16.5px}.landing-root .bcta-m{filter:drop-shadow(0 16px 22px #0c0d0e38);pointer-events:none;width:132px;animation:4.8s ease-in-out infinite bfloat;position:absolute;bottom:-6px;right:3%}@media (max-width:600px){.landing-root .bh-m,.landing-root .bcta-m{display:none}}@media (prefers-reduced-motion:reduce){.landing-root .bh-m,.landing-root .bcta-m{animation:none}}.landing-root .related{max-width:1160px;margin:0 auto;padding:0 24px 90px}.landing-root .related .bgrid{grid-template-columns:repeat(3,1fr);padding-bottom:0}@media (max-width:900px){.landing-root .bgrid{grid-template-columns:1fr 1fr}.landing-root .bfeat{grid-template-columns:1fr}.landing-root .crumb{padding-top:104px}}@media (max-width:600px){.landing-root .bgrid,.landing-root .related .bgrid{grid-template-columns:1fr}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.landing-root .bcard{background-color:#fffffff7!important}}