:root{
  --bg:#f5efe6;
  --bg-alt:#fffaf1;
  --text:#2b2b2b;
  --muted:#6b6b6b;
  --gold-1:#C8A96A;
  --gold-2:#E6C674;
  --gold-3:#A67C2E;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;background:rgba(245,239,230,.9);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #eadfcd;z-index:1000}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand img{height:54px}
nav a{margin:0 10px;text-decoration:none;color:var(--text);font-weight:600}
nav .small{padding:.45rem .8rem;border-radius:999px;border:1px solid var(--gold-1)}

.hero{position:relative;min-height:70vh;display:grid;place-items:center;text-align:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;z-index:-1}
.hero-inner h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2rem 0 .2rem;letter-spacing:.5px}
.tagline{font-family:Georgia,serif;font-style:italic;opacity:.85;margin:.2rem 0 1.4rem}
.cta .btn{margin:.25rem}

.section{padding:70px 0;background:linear-gradient(180deg,var(--bg) 0%,#e9e1d4 100%)}
.section.alt{background:linear-gradient(180deg,var(--bg-alt) 0%,#f3eadb 100%)}
.section h2{font-size:clamp(1.8rem,3.6vw,2.4rem);margin:0 0 10px}
.grid{display:grid;gap:20px}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:.2rem 0 .4rem}
.card ul{margin:0;padding-left:1.1rem}

.about-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.about-img{width:100%;border-radius:12px;box-shadow:var(--shadow)}

.quotes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
blockquote{margin:0;padding:18px;border-left:4px solid var(--gold-1);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}

.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.contact-grid form label{display:block;font-weight:600;margin:.4rem 0 .15rem}
.contact-grid input,.contact-grid textarea{width:100%;padding:.8rem;border-radius:10px;border:1px solid #ddd;background:#fff}
.contact-grid button.btn{width:100%}

.btn{display:inline-block;text-decoration:none;font-weight:700;border:1px solid var(--gold-1);padding:.75rem 1.15rem;border-radius:999px;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--gold-2),var(--gold-1));color:#2a1f0f}
.btn.outline{background:transparent;color:#4b3b1c;border-color:var(--gold-3)}

.site-footer{padding:30px 0;border-top:1px solid #eadfcd;background:#fff}
.site-footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.tagline-small{font-family:Georgia,serif;font-style:italic;opacity:.8}

@media (max-width: 860px){
  .about-wrap{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}