:root{--pink:#d6457a;--pink-deep:#8e0f45;--pink-soft:#fdf3f6;--gold:#b8892c;--ink:#2e2a2c;--muted:#6b6468;--bg:#fff;--surface:#f8f7f7;--card:#fff;--line:#ebe8e9;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Sarabun,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:17px}h1,h2,h3{font-family:"Noto Serif Thai",serif;line-height:1.3}a{color:var(--pink)}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.nav{position:sticky;top:0;z-index:20;justify-content:space-between;gap:16px;padding:10px clamp(16px,5vw,64px);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-family:"Noto Serif Thai",serif;font-weight:700;font-size:1.25rem;color:var(--pink-deep);text-decoration:none}.brand img{border-radius:8px}.nav nav{display:flex;gap:6px}.nav nav a{color:var(--muted);text-decoration:none;font-weight:500;padding:6px 14px;border-radius:999px}.nav nav a:hover{color:var(--pink)}.nav nav a.active{color:var(--pink-deep);background:var(--pink-soft)}.menu-btn{display:none;width:44px;height:44px;padding:10px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:space-around}.menu-btn span{display:block;height:2px;background:var(--pink-deep);border-radius:2px}@media(max-width:760px){.menu-btn{display:flex}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 16px;box-shadow:0 10px 20px #0000000f}.nav nav.open{display:flex}.nav nav a{padding:12px 14px;border-radius:10px}}.btn{display:inline-block;padding:10px 22px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d6457a40}.btn.primary{background:var(--pink);color:#fff}.btn.ghost{border:1.5px solid var(--pink);color:var(--pink);background:#fff}.page-head{padding:clamp(40px,6vw,72px) clamp(16px,5vw,64px) clamp(24px,3vw,32px);background:radial-gradient(ellipse at 85% 0,var(--pink-soft),transparent 60%);border-bottom:1px solid var(--line)}.page-head>*{max-width:1100px;margin-left:auto;margin-right:auto}.page-head .eyebrow{color:var(--gold);font-weight:600;margin-top:0;margin-bottom:0}.page-head h1{font-size:clamp(2rem,5vw,3rem);color:var(--pink-deep);margin:4px auto 8px}.page-head p.lead{color:var(--muted);margin-top:0;margin-bottom:0}.section{padding:clamp(40px,6vw,72px) clamp(16px,5vw,64px);max-width:1100px;margin:0 auto;box-sizing:content-box}.section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--pink-deep);margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}.card h3{margin:0 0 8px;color:var(--pink);font-size:1.2rem}.card p{margin:0}.card p,.footer{color:var(--muted)}.footer{text-align:center;padding:32px 16px;background:var(--surface);border-top:1px solid var(--line);font-size:.95rem}.footer p{margin:2px 0}.footer-name{font-family:"Noto Serif Thai",serif;color:var(--pink-deep);font-weight:700;font-size:1.05rem}