:root{--primary:#5b7553;--primary-dark:#3e5237;--primary-light:#e8efe6;--primary-50:#f2f6f1;--primary-100:#dce6d9;--primary-600:#4a6143;--primary-700:#3e5237;--primary-800:#334430;--accent:#c9a96e;--accent-dark:#a8873e;--accent-light:#f5edd6;--accent-50:#faf7f0;--neutral-warm:#f7f3ee;--neutral-cream:#fbf9f5;--neutral-dark:#2c2418;--neutral-medium:#8a7d6d;--neutral-light:#e8e2d9;--neutral-100:#f0ebe3;--neutral-200:#e0d8cc;--neutral-300:#c4b9aa;--neutral-400:#a89d8e;--bg-primary:#fbf9f5;--bg-secondary:#f7f3ee;--bg-tertiary:#f0ebe3;--bg-dark:#2c2418;--bg-glass:#fbf9f5cc;--bg-card:#fff;--text-primary:#2c2418;--text-secondary:#8a7d6d;--text-tertiary:#a89d8e;--text-inverse:#fbf9f5;--text-accent:#c9a96e;--text-link:#5b7553;--font-heading-th:"Noto Serif Thai", serif;--font-body-th:"Noto Sans Thai", sans-serif;--font-heading-en:"Playfair Display", serif;--font-body-en:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--shadow-sm:0 1px 3px #2c241814;--shadow-md:0 4px 12px #2c24181a;--shadow-lg:0 12px 40px #2c24181f;--shadow-xl:0 20px 60px #2c241826;--shadow-gold:0 4px 20px #c9a96e40;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--container-max:1280px;--header-height:76px}[data-theme=dark]{--bg-primary:#1a1410;--bg-secondary:#231c14;--bg-tertiary:#2e2418;--bg-dark:#0d0a07;--bg-glass:#1a1410d9;--bg-card:#231c14;--text-primary:#f0ebe3;--text-secondary:#a89d8e;--text-tertiary:#8a7d6d;--text-inverse:#2c2418;--neutral-warm:#231c14;--neutral-cream:#1a1410;--neutral-100:#2e2418;--neutral-200:#3d3024;--neutral-300:#5a4a38;--neutral-400:#7a6a55;--neutral-light:#3d3024;--primary-50:#2e3a2b;--primary-light:#2e3a2b;--accent-light:#3d3024;--accent-50:#2e2418;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 40px #0006;--shadow-xl:0 20px 60px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body-th);color:var(--text-primary);background:var(--bg-primary);line-height:1.7;font-size:var(--text-base);transition:background var(--transition-normal), color var(--transition-normal)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-th);color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-alt{padding:var(--space-4xl) 0;background:var(--bg-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);letter-spacing:.3px;transition:all var(--transition-normal);white-space:nowrap;border:2px solid #0000;padding:14px 32px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-outline-gold{color:var(--accent);border-color:var(--accent);background:0 0}.btn-outline-gold:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.gold-line{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:var(--radius-full);width:60px;height:3px}.gold-line-center{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:var(--radius-full);width:60px;height:3px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:.4}50%{opacity:.8}}.animate-fade-in-up{animation:.7s ease-out forwards fadeInUp}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}@media (max-width:768px){.container{padding:0 var(--space-lg)}.section,.section-alt{padding:var(--space-3xl) 0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}:root{--header-height:64px}}@media (max-width:480px){.container{padding:0 var(--space-md)}h1{font-size:var(--text-2xl)}}