
:root{--bg:#2b170d;--bg2:#3c2415;--gold:#e3c07b;--gold2:#f2e3b3;--text:#f9f6ef}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Sarabun',sans-serif}
a{color:var(--gold);text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(43,23,13,.95),rgba(43,23,13,.85));border-bottom:1px solid rgba(227,192,123,.2)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.wordmark{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:2px}.wordmark span{font-size:12px;color:var(--gold)}
.nav{display:flex;gap:18px;align-items:center}.btn-book{background:var(--gold);color:#3c2415;padding:10px 14px;border-radius:999px;font-weight:700}
.burger{display:none;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--gold);margin:5px 0}
@media(max-width:900px){.nav{display:none;position:fixed;inset:64px 0 auto 0;background:#1d100a;flex-direction:column;padding:18px}body.open .nav{display:flex}.burger{display:block}}
.hero{position:relative;min-height:68vh;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--bg2),var(--bg));overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:url('../img/img_01.jpg');background-size:cover;background-position:center;opacity:.35;filter:contrast(1.1) brightness(.8);transform:scale(1.05)}
.hero .glass{position:relative;background:linear-gradient(180deg,rgba(44,26,15,.7),rgba(44,26,15,.55));border:1px solid rgba(227,192,123,.35);box-shadow:0 10px 40px rgba(0,0,0,.4), inset 0 0 80px rgba(227,192,123,.06);padding:28px;border-radius:20px;max-width:820px;text-align:center}
.kicker{font-family:'Playfair Display',serif;color:var(--gold);font-size:20px;margin-bottom:6px}
.typewriter{font-size:28px;line-height:1.35}.typewriter .cursor{display:inline-block;border-right:2px solid var(--gold);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.section{position:relative;padding:72px 0}.section.alt{background:linear-gradient(180deg,#3c2415,#2b170d)}
.h2{font-family:'Playfair Display',serif;font-size:32px;margin:0 0 20px;color:var(--gold2)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.card{grid-column:span 6;background:linear-gradient(180deg,rgba(44,26,15,.7),rgba(44,26,15,.55));border:1px solid rgba(227,192,123,.25);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.card .img{height:220px;background-size:cover;background-position:center}.card .body{padding:18px}.card h3{margin:0 0 8px;font-family:'Playfair Display',serif;color:var(--gold)}
.service-card{grid-column:span 6;padding:16px;border:1px solid rgba(227,192,123,.25);border-radius:16px;background:rgba(60,36,21,.55)}
.service-card h4{margin:0 0 8px;color:var(--gold)}.price{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.tag{border:1px solid var(--gold);padding:6px 10px;border-radius:999px;font-size:14px;color:var(--gold)}
.box{height:360px;border:1px dashed rgba(227,192,123,.35);border-radius:16px;display:grid;place-items:center;color:#cfb891;background:rgba(44,26,15,.35)}
.site-footer{padding:40px 0;background:#1d100a;border-top:1px solid rgba(227,192,123,.3);text-align:center}.footer-brand{font-family:'Playfair Display',serif;color:var(--gold);font-size:22px;margin-bottom:4px}.small{font-size:12px;color:#cbbca0}
.reveal{opacity:0;transform:translateY(24px);transition:all .9s cubic-bezier(.2,.6,0,1)}.reveal.in{opacity:1;transform:none}
.form{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.input{grid-column:span 6;display:flex;flex-direction:column;gap:8px}.input.full{grid-column:span 12}
.input label{font-weight:600;color:var(--gold)}.input input,.input select,.input textarea{background:rgba(44,26,15,.65);border:1px solid rgba(227,192,123,.35);border-radius:12px;padding:12px 14px;color:#fff}
.input textarea{min-height:120px;resize:vertical}.btn{display:inline-block;background:var(--gold);color:#2b170d;border:0;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}
