:root{ --gold:#d4af37; --ink:#0b1220; --bg:#ffffff; }
*{ box-sizing:border-box }
html,body{ margin:0; padding:0; background:var(--bg); color:#1f2937; font-family:-apple-system,BlinkMacSystemFont,'Inter',Segoe UI,Roboto,Arial }
.container{ max-width:1120px; margin:0 auto; padding:0 20px }
header{ position:sticky; top:0; z-index:10; background:rgba(255,255,255,.9); backdrop-filter:blur(8px); border-bottom:1px solid #eee }
.topbar{ display:flex; align-items:center; gap:20px; padding:12px 0 }
.brand{ font-weight:800; letter-spacing:.3px; color:#6b4e00; font-size:22px }
.brand span{ color:var(--gold) }
nav a{ margin-right:14px; text-decoration:none; color:#374151; font-weight:600 }
nav a:hover{ color:#111 }
.btn{ display:inline-block; padding:12px 16px; border-radius:12px; border:1px solid #e8d9a6; background:var(--gold); color:#231a02; text-decoration:none; font-weight:800 }
.btn.ghost{ background:transparent }
.hero{ position:relative; padding:48px 0 28px }
h1,h2,h3{ color:#3a2d04 }
.lead{ color:#4b5563 }
.grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:22px }
@media(max-width:900px){ .grid{ grid-template-columns:1fr } body:before,body:after{ display:none } }
/* side ornaments */
body:before, body:after{ content:""; position:fixed; top:0; bottom:0; width:20px; background-repeat:repeat-y; background-size:40px 120px; opacity:.2; pointer-events:none }
body:before{ left:0; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="120" viewBox="0 0 40 120"><path fill="%23d4af37" d="M20 0c3 8 7 12 20 18v6C27 24 20 42 20 60s7 36 20 36v6C27 102 20 108 20 120C13 108 10 102 0 96V90c13 0 20-18 20-30S13 24 0 24V18C10 12 13 8 20 0z"/></svg>'); }
body:after{ right:0; transform:scaleX(-1); background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="120" viewBox="0 0 40 120"><path fill="%23d4af37" d="M20 0c3 8 7 12 20 18v6C27 24 20 42 20 60s7 36 20 36v6C27 102 20 108 20 120C13 108 10 102 0 96V90c13 0 20-18 20-30S13 24 0 24V18C10 12 13 8 20 0z"/></svg>'); }
/* cards */
.cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px }
.card{ border:1px solid #eee; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.04) }
.card img{ width:100%; height:360px; object-fit:cover; display:block; transition:transform .35s }
.card:hover img{ transform:scale(1.04) }
.card .cap{ padding:10px 12px; display:flex; justify-content:space-between; align-items:center }
footer{ margin:28px 0; text-align:center; color:#6b7280 }
.badge{ display:inline-block; border:1px solid #e8d9a6; border-radius:999px; padding:6px 10px; background:#fff }
.contact-list a{ display:inline-block; margin-right:10px }
.to-top{ position:fixed; right:22px; bottom:22px; display:none; background:#fff; border:1px solid #eee; border-radius:999px; padding:10px 12px; box-shadow:0 8px 18px rgba(0,0,0,.06) }
.to-top.show{ display:block }