:root{
    --cream:#f6ecd9;
    --cream-2:#efe1c2;
    --paper:#fbf4e6;
    --brown-900:#2e1e14;
    --brown-800:#402a1c;
    --brown-700:#5c3a24;
    --brown-600:#7a4f30;
    --green-800:#354a2b;
    --green-700:#455f37;
    --green-600:#5a7649;
    --gold-700:#a97423;
    --gold-600:#c48a2f;
    --gold-400:#dcae5c;
    --terracotta:#a8552f;
    --ink:#3a2a1c;
    --shadow: 0 10px 30px rgba(46,30,20,0.18);
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Lora', serif;
    color:var(--ink);
    background:var(--cream);
    background-image:
      radial-gradient(rgba(255,255,255,0.4) 1px, transparent 1px);
    background-size: 3px 3px;
    line-height:1.65;
  }
  h1,h2,h3,h4{
    font-family:'Playfair Display', serif;
    color:var(--brown-900);
    margin:0 0 .4em 0;
    letter-spacing:.3px;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .container{max-width:1180px;margin:0 auto;padding:0 24px;}
  .eyebrow{
    font-family:'Cormorant Garamond', serif;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:14px;
    color:var(--gold-700);
    font-weight:600;
    margin-bottom:10px;
    display:inline-block;
  }
  .divider{
    width:70px;height:2px;background:var(--gold-600);
    margin:18px auto;border:none;
    position:relative;
  }
  .divider::before{
    content:"❦";
    position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);
    background:var(--paper);
    color:var(--green-700);
    padding:0 10px;
    font-size:16px;
  }
  .divider.on-dark::before{background:var(--brown-900);color:var(--gold-400);}
  .divider.left{margin:14px 0;}

  /* ===== Header ===== */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(246,236,217,0.94);
    backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(90,60,30,0.15);
  }
  .nav-wrap{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 24px;max-width:1180px;margin:0 auto;
  }
  .brand{display:flex;align-items:center;gap:12px;}
  .brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.25);}
  .brand-text{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;color:var(--brown-900);}
  .brand-text small{display:block;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:11px;letter-spacing:3px;color:var(--green-700);text-transform:uppercase;}
  nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;}
  nav a{
    font-family:'Cormorant Garamond',serif;
    font-size:17px;font-weight:600;letter-spacing:.5px;
    text-transform:uppercase;color:var(--brown-800);
    position:relative;padding-bottom:4px;
  }
  nav a::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
    background:var(--gold-600);transition:width .25s ease;
  }
  nav a:hover::after{width:100%;}
  .nav-actions{display:flex;align-items:center;gap:14px;}
  .social-ic{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--brown-900);color:var(--cream);
    transition:transform .2s ease, background .2s ease;
  }
  .social-ic:hover{transform:translateY(-2px);background:var(--gold-700);}
  .btn{
    display:inline-block;
    font-family:'Cormorant Garamond',serif;
    font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
    font-size:15px;padding:12px 26px;border-radius:2px;
    border:1px solid var(--gold-600);
    transition:all .25s ease;
    cursor:pointer;
  }
  .btn-solid{background:var(--gold-700);border-color:var(--gold-700);color:#fff;}
  .btn-solid:hover{background:var(--brown-900);border-color:var(--brown-900);}
  .btn-outline{background:transparent;color:var(--brown-900);}
  .btn-outline:hover{background:var(--brown-900);color:#fff;border-color:var(--brown-900);}
  .btn-outline-light{background:transparent;color:var(--cream);border-color:var(--cream);}
  .btn-outline-light:hover{background:var(--cream);color:var(--brown-900);}

  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;}
  .hamburger span{width:26px;height:2px;background:var(--brown-900);display:block;}

  /* ===== Scroll-reveal (menu / dish cards) ===== */
  .reveal-up{
    opacity:0;
    transform:translateY(20px);
    transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);
  }
  .reveal-up.in-view{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    .reveal-up{transform:none;transition:opacity .4s ease;}
    .preview-card:hover, .dish-card:hover{transform:none !important;}
  }