:root{
    --cream:#f4efe6; --butter:#e8e1d3; --crust:#a67c52; --deep-crust:#58614e;
    --cocoa:#4e5a44; --sage:#a7b08c; --ink:#3a4234; --gold:#8b6b45;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Jost',sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
  h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.15;color:var(--cocoa)}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}

  header{position:sticky;top:0;z-index:50;background:rgba(250,244,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,136,74,.18)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:12px;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:var(--deep-crust);letter-spacing:.5px}
  .brand img{height:52px;width:52px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 2px 8px rgba(164,99,42,.18)}
  .menu{display:flex;gap:30px;font-size:15px;font-weight:500;letter-spacing:.3px}
  .menu a{color:var(--cocoa);transition:color .2s}
  .menu a:hover{color:var(--crust)}
  .btn{display:inline-block;background:var(--deep-crust);color:var(--cream);padding:12px 26px;border-radius:40px;font-weight:500;font-size:15px;letter-spacing:.4px;transition:all .25s;border:none;cursor:pointer}
  .btn:hover{background:var(--crust);transform:translateY(-1px);box-shadow:0 8px 22px rgba(164,99,42,.28)}
  .btn-ghost{background:transparent;border:1.5px solid var(--deep-crust);color:var(--deep-crust)}
  .btn-ghost:hover{background:var(--deep-crust);color:var(--cream)}
  .menu-toggle{display:none;background:none;border:none;font-size:26px;color:var(--deep-crust);cursor:pointer}


@media(max-width:1000px){header .menu{display:none}header .menu-toggle{display:block}}@media(max-width:540px){header .brand{font-size:19px;gap:7px}header .brand img{width:42px;height:42px}header .nav{gap:10px}header .nav>.btn{padding:9px 12px;font-size:13px}header .wrap{padding:0 14px}}header .menu[data-open="true"]{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:16px;background:var(--cream);padding:20px 24px;border-bottom:1px solid var(--butter)}