@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-body:"Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Chakra Petch", "Noto Sans Thai", sans-serif;--font-mono:"Chakra Petch", ui-monospace, monospace;--bg-dark:#f6f5ee;--bg-surface:#fffefb;--bg-surface-elevated:#edf2e9;--bg-surface-subtle:#e2eadf;--line-dark:#d4ded0;--line-strong:#b9cbb6;--action-green:#2d6043;--action-green-hover:#214d35;--amber-primary:var(--action-green);--amber-hover:var(--action-green-hover);--amber-subtle:#2d60431a;--text-main:#20352a;--text-muted:#526457;--text-dim:#5e7062;--warm-paper:#f6f5ee;--warm-ink:#20352a;--warm-accent:var(--action-green);--forest-deep:#244b35;--sage-surface:#e8efe5;--sage-light:#dcebdc;--earth-accent:#9b5316;--earth-soft:#f2e3cf;--paper-white:#fffefb;--max:1200px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--transition:all .2s cubic-bezier(.16, 1, .3, 1);--shadow-card:0 4px 20px #20352a14;--shadow-hover:0 10px 30px #20352a26}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{min-width:320px;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;line-height:1.75}main.theme-warm{--bg-dark:var(--warm-paper);--bg-surface:#fffefb;--bg-surface-elevated:#edf2e9;--line-dark:#d4ded0;--line-strong:#b9cbb6;--text-main:var(--warm-ink);--text-muted:#526457;--text-dim:#5e7062;--amber-primary:var(--warm-accent);background:var(--warm-paper);color:var(--warm-ink)}main.theme-warm :is(h1,h2,h3,h4){color:var(--text-main)}main.theme-warm .btn-primary{color:#fffefb}main.theme-warm .btn-primary:hover{background:var(--amber-hover)}main.theme-warm .btn-secondary:hover{color:var(--warm-ink)}main.theme-warm+.site-footer{margin-top:0}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.25}h1{font-size:clamp(2.2rem,4.4vw,3.8rem)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}.container{width:min(calc(100% - 2.5rem), var(--max));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-dark);background:#f6f5eef5;position:sticky;top:0}.site-header-inner{align-items:center;gap:2rem;height:74px;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-badge{background:var(--forest-deep);border:1px solid var(--forest-deep);border-radius:var(--radius-sm);color:#fffefb;width:40px;height:40px;font-family:var(--font-mono);place-items:center;font-size:1.15rem;font-weight:800;display:grid}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-heading);letter-spacing:.08em;color:var(--text-main);font-size:1.2rem;font-weight:800;line-height:1.1}.brand-subtitle{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:.6rem}.site-nav{align-items:center;gap:1.8rem;margin-left:auto;display:flex}.site-nav a{min-height:44px;color:var(--text-muted);align-items:center;font-size:.92rem;font-weight:600;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--amber-primary)}.site-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--amber-primary)}.header-cta{background:var(--amber-primary);color:#fffefb;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-flex}.header-cta:hover{background:var(--amber-hover)}.btn-primary{background:var(--amber-primary);color:#fffefb;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--amber-hover);transform:translateY(-2px);box-shadow:0 4px 15px #2d60433d}.btn-secondary{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-main);background:var(--bg-surface);transition:var(--transition);align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--amber-primary);color:var(--amber-primary);transform:translateY(-2px)}.site-footer{background:var(--sage-surface);border-top:1px solid var(--line-strong);color:var(--text-main);margin-top:6rem}.footer-main{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,6vw,5rem);display:grid}.footer-brand{align-items:center;gap:.7rem;display:inline-flex}.footer-brand-mark{background:var(--forest-deep);color:#fffefb;width:3.3rem;height:3.3rem;font:800 1rem var(--font-heading);border-radius:.55rem;place-items:center;display:grid}.footer-brand>span:last-child{line-height:1.3;display:grid}.footer-brand strong{font:800 1.12rem var(--font-heading);letter-spacing:.03em}.footer-brand small{color:var(--text-dim);font:600 .72rem var(--font-mono)}.footer-intro p{max-width:34ch;color:var(--text-muted);margin:1.25rem 0 0;font-size:.86rem;line-height:1.85}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.footer-col{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.footer-col h2{color:var(--forest-deep);font:700 .8rem var(--font-mono);letter-spacing:.03em;margin:0 0 .55rem}.footer-col a{color:var(--text-muted);font-size:.79rem;line-height:1.5}.footer-col a:hover,.footer-bottom a:hover{color:var(--earth-accent);text-underline-offset:.2em;text-decoration:underline}.footer-follow a{color:var(--forest-deep);font-weight:700}.footer-bottom-shell{border-top:1px solid var(--line-strong);background:#dfe9db}.footer-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.2rem;font-size:.72rem;display:flex}.footer-bottom a{color:var(--forest-deep);font-weight:700}@media (width<=860px){.site-nav{display:none}.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=580px){.container{width:min(calc(100% - 1.5rem), var(--max))}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}}.skip-link{z-index:100;background:var(--forest-deep);color:#fffefb;border-radius:.4rem;padding:.65rem 1rem;font-weight:700;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber-primary);outline-offset:3px}.mobile-menu{margin-left:auto;display:none;position:relative}.mobile-menu summary{border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:.4rem;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.83rem;font-weight:700;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{z-index:70;border:1px solid var(--line-strong);background:var(--bg-surface);min-width:min(280px,100vw - 1.5rem);box-shadow:var(--shadow-hover);border-radius:.6rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .8rem);right:0}.mobile-menu nav a{border-radius:.3rem;padding:.7rem .8rem}.mobile-menu nav a:hover{background:var(--bg-surface-elevated);color:var(--amber-primary)}@media (width<=860px){.mobile-menu{display:block}.site-header-inner{gap:.8rem}.header-cta{margin-left:auto}}@media (width<=580px){.site-header-inner{height:66px}.brand-subtitle{display:none}.brand-title{font-size:1rem}.header-cta{display:none}.mobile-menu{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}