:root{--bg-primary:#0d0d0d;--bg-surface:#161616;--bg-elevated:#1e1e1e;--bg-card:#1a1a1a;--gold:#c9a84c;--gold-light:#e8d48b;--gold-dark:#8b7533;--gold-glow:#c9a84c26;--gold-border:#c9a84c40;--white:#f5f0e8;--white-pure:#fff;--text-primary:#f5f0e8;--text-secondary:#b0a89a;--text-muted:#9a948b;--ceramic-blue:#2e5a88;--red-curry:#c24a2b;--green-curry:#4a8b3f;--overlay:#0d0d0dd9;--overlay-light:#0d0d0d99;--font-heading:Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-thai:Thonburi, Tahoma, "Noto Sans Thai", sans-serif;--font-accent:Georgia, "Times New Roman", serif;--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:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.6s;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 20px #c9a84c26;--shadow-hover:0 8px 40px #0009, 0 0 30px #c9a84c1a;--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 800px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--white);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.8rem)}.thai-text{font-family:var(--font-thai)}.gold-text{color:var(--gold)}.accent-text{font-family:var(--font-accent);font-style:italic}.section{padding:var(--space-5xl) var(--space-xl);content-visibility:auto;contain-intrinsic-size:auto 900px;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-family:var(--font-heading);color:var(--white);margin-bottom:var(--space-sm)}.section-title span{color:var(--gold)}.section-subtitle{font-family:var(--font-thai);color:var(--text-secondary);letter-spacing:.05em;font-size:1.1rem}.gold-divider{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-lg) auto;max-width:300px;display:flex}.gold-divider:before,.gold-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);flex:1;height:1px}.gold-divider .diamond{background:var(--gold);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold-glow), 0 0 40px #c9a84c0d}}.animate-in{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(30px)}.animate-in.visible{opacity:1;transform:translateY(0)}.depth-card{border:1px solid var(--gold-border);border-radius:var(--radius-xl);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal);background:linear-gradient(145deg,#1e1e1eeb 0%,#121212f5 100%);position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080,inset 0 1px #ffffff14}.depth-card:hover{border-color:var(--gold);transform:translateY(-8px)scale(1.015);box-shadow:0 25px 50px #000000b3,0 0 35px #c9a84c40,inset 0 1px #c9a84c66}.glow-orb{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#c9a84c29 0%,#c9a84c00 70%);border-radius:50%;width:400px;height:400px;position:absolute}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);padding:.875rem 2rem;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--bg-primary);background:linear-gradient(135deg,#d4b254 0%,#a88630 100%);box-shadow:0 4px 15px #c9a84c4d}.btn-primary:hover{background:linear-gradient(135deg,#f5e5a3 0%,#c9a84c 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #c9a84c80,0 0 15px #c9a84c4d}.btn-outline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);border:1px solid var(--gold-border);background:#16161699;box-shadow:0 4px 15px #0006}.btn-outline:hover{background:var(--gold-glow);border-color:var(--gold);color:var(--gold-light);transform:translateY(-3px);box-shadow:0 8px 25px #c9a84c33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{background:var(--gold);color:var(--bg-primary)}@media (max-width:768px){.section{padding:var(--space-3xl) var(--space-md)}:root{--nav-height:60px}}