:root{
  --tan:#cfb38e; --tan-dark:#c29f73; --bg:#0b0b0b; --fg:#f3f4f4; --muted:#d2d7d6; --line:#262a2a; --blue:#2d5bd1;
}
*{box-sizing:border-box} html,body{margin:0}
/* Fonts: use Croat if present (user-provided), fallback to Playfair; body uses Cormorant Garamond to mimic screenshot */
body{background:var(--bg);color:var(--fg);font:17px/1.8 'Cormorant Garamond', Georgia, serif}
h1,h2{font-family:'Croat','Playfair Display', Georgia, serif;line-height:1.05;margin:0 0 .7rem}
h1{font-size:clamp(44px,5.6vw,78px);font-weight:400;letter-spacing:.01em}
h2{font-size:clamp(28px,3.6vw,46px);font-weight:400;letter-spacing:.01em}
.lead{color:var(--muted);max-width:70ch}
.btn{display:inline-block;background:var(--tan);color:#111;border:1px solid var(--tan-dark);padding:14px 22px;border-radius:4px;
  text-decoration:none;font-weight:700;letter-spacing:.2em;font-size:13px}
.btn:hover{filter:brightness(.96)}
.wrap{max-width:1280px;margin:0 auto;padding:clamp(22px,3.2vw,36px)}
.topbar{background:var(--tan);color:#111;border-bottom:1px solid var(--tan-dark)}
.topbar .nav{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.topbar img{height:112px} /* larger logo */
.menu{justify-self:end;display:flex;gap:28px}
.menu a{color:#111;text-decoration:none;letter-spacing:.18em;font-weight:700}
footer{border-top:1px solid var(--line);color:#aeb5b3}
.foot{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
@media (max-width:960px){ .foot{grid-template-columns:1fr;text-align:center} .menu{gap:16px} .topbar .nav{grid-template-columns:1fr} .menu{justify-self:start} }
.btn.dark{background:#111;color:var(--tan);border:1px solid var(--tan-dark)}
.btn.dark:hover{filter:brightness(1.08)}