:root{
  --bg:#F3E6D3;
  --bg2:#EEDFC8;
  --text:#3B2F2A;
  --muted:#75665E;
  --card:#F7EDDD;
  --border:#E2D2B8;
  --accent:#2F8F4E;
  --brown:#8C6A4A;
  --radius:18px;
  --shadow:0 10px 24px rgba(59,47,42,0.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
  background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}
a{color:inherit}
.container{width:min(1100px,92vw); margin-inline:auto;}
nav{position:sticky;top:0;z-index:50;background:rgba(243,230,211,0.85);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-badge{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:var(--card);border:1px solid var(--border);font-weight:800;box-shadow:var(--shadow)}
.brand .title{font-weight:800}
.brand .sub{font-size:12px;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:26px;font-weight:600}
.cta{padding:10px 14px;border-radius:999px;background:var(--brown);color:white;text-decoration:none;border:1px solid #72553A;box-shadow:var(--shadow)}
.cta:hover{filter:brightness(0.95)}
.mobile-toggle{display:none;border:1px solid var(--border);background:var(--card);padding:8px 10px;border-radius:12px}
@media (max-width:860px){.nav-links{display:none} .mobile-toggle{display:block}}

header.hero{padding:56px 0 22px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);background:var(--card);border-radius:999px;color:var(--muted);font-weight:700;box-shadow:var(--shadow)}
h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 10px 0;letter-spacing:-.02em}
.accent{color:var(--brown)}
.lede{font-size:18px;color:#5A4B43;max-width:860px}
.actions{display:flex;gap:14px;margin:24px 0 8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;padding:12px 16px;border-radius:14px;border:1.5px solid var(--brown);box-shadow:var(--shadow)}
.btn.primary{background:var(--brown);color:#fff}
.btn.primary:hover{filter:brightness(0.95)}
.btn.ghost{background:transparent}
.btn.ghost:hover{background:var(--card)}

.grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-4{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px 0}
.card p{margin:0;color:var(--muted)}
.tag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#EADCC6;border:1px solid var(--border);font-weight:700;font-size:12px;color:#5B4A3E}

.section{padding:48px 0}
.section h2{margin:0 0 8px 0}
.section p{color:var(--muted);max-width:780px}

.gallery{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}
.thumb{background:#EADCC6;border:1px solid var(--border);border-radius:14px;aspect-ratio:4/3;display:grid;place-items:center;color:#6a574b;font-weight:800;box-shadow:var(--shadow)}

.form{display:grid;gap:12px;max-width:620px;margin-top:8px}
input, textarea{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#FFF8EE}
label{font-weight:700}
button.submit{padding:12px 16px;border-radius:12px;border:1.5px solid var(--brown);background:var(--brown);color:white;font-weight:800;box-shadow:var(--shadow)}
.footer{border-top:1px solid var(--border);padding:22px 0 60px;color:var(--muted);font-size:14px}
.hidden{display:none}