:root{--ink:#19312a;--muted:#5d726a;--paper:#fbfaf5;--soft:#edf4ed;--leaf:#3f7458;--gold:#b3833f;--line:#d7e0d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans Thai",Tahoma,sans-serif;line-height:1.75}a{color:#245f43;text-underline-offset:.18em}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.notice{background:#183d30;color:#fff;padding:.7rem 1rem;text-align:center;overflow-wrap:anywhere}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{padding:22px 0;border-bottom:1px solid var(--line);background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--ink);font-weight:750;text-decoration:none}.brand span{display:block;color:var(--muted);font-size:.78rem;font-weight:500}.nav-links{display:flex;flex-wrap:wrap;gap:16px}.nav-links a{text-decoration:none}.hero{padding:clamp(70px,11vw,140px) 0;background:radial-gradient(circle at 82% 22%,#dcebdd 0,transparent 36%),linear-gradient(145deg,#fbfaf5,#edf3e9)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--leaf);font-weight:750;font-size:.78rem}.hero h1,h1{overflow-wrap:anywhere;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(2.45rem,7vw,5rem);line-height:1.1;margin:.15em 0 .45em}.lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:760px;color:#3d564e}.section{padding:70px 0}.section.alt{background:var(--soft)}h2{overflow-wrap:anywhere;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1.25;margin:.2em 0 .65em}h3{margin-top:0}.button{display:inline-block;padding:10px 18px;border:1px solid var(--leaf);border-radius:999px;text-decoration:none;font-weight:700}.button.primary{background:var(--leaf);color:#fff}.actions,.social{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.card p:last-child{margin-bottom:0}.step{font:2.2rem Georgia,serif;color:var(--gold)}.quote{border-left:4px solid var(--gold);padding:.5rem 1rem;color:var(--muted);font-size:1.1rem}.art{min-height:230px;border-radius:24px;background:radial-gradient(circle at 35% 38%,#f6dba5 0 3%,transparent 4%),radial-gradient(circle at 62% 58%,#8db69b 0 4%,transparent 5%),radial-gradient(circle at 50% 50%,transparent 0 30%,#dfece0 31% 31.5%,transparent 32%),linear-gradient(135deg,#173d33,#94b99b);display:grid;place-items:center;color:#fff;letter-spacing:.15em;text-transform:uppercase}.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.section{padding:52px 0}}@media(max-width:420px){.shell{width:calc(100% - 28px)}.nav-links{gap:10px;font-size:.92rem}.hero h1,h1{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}