:root{
    --warm-white:#FAFAFA;
    --charcoal:#1B1B1B;
    --gold:#C6A76A;
    --gold-soft:#D9C295;
    --olive:#44543D;
    --beige:#F5F2EC;
    --line: rgba(27,27,27,0.09);
    --shadow: 0 20px 60px -25px rgba(27,27,27,0.25);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
 body{
    font-family:'Inter', sans-serif;
    color:var(--charcoal);
    background:var(--beige);
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    overflow-x:hidden;
  }
  body.menu-open{ overflow:hidden; }
  h1,h2,h3,h4{
    font-family:'Cormorant Garamond', serif;
    font-weight:600;
    line-height:1.1;
    letter-spacing:0.01em;
  }
  a{text-decoration:none; color:inherit;}
  ul{list-style:none;}
  img{display:block; max-width:100%;}
  .container{
    max-width:1240px;
    margin:0 auto;
    padding:0 40px;
  }
  .eyebrow{
    font-family:'Inter', sans-serif;
    font-size:12px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:12px;
  }
  .eyebrow::before{
    content:'';
    width:28px;
    height:1px;
    background:var(--gold);
    display:inline-block;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 34px;
    font-family:'Inter', sans-serif;
    font-size:13px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-weight:500;
    border-radius:2px;
    cursor:pointer;
    border:1px solid transparent;
    transition:all .35s cubic-bezier(.2,.7,.3,1);
    white-space:nowrap;
  }
  button.btn{ font-family:'Inter', sans-serif; }
  .btn-primary{
    background:var(--gold);
    color:var(--charcoal);
  }
  .btn-primary:hover{ background:var(--charcoal); color:var(--warm-white); }
  .btn-outline{
    border-color:rgba(250,250,250,0.55);
    color:inherit;
  }
  .btn-outline:hover{ border-color:var(--gold); color:var(--gold); }
  .btn-dark{
    background:var(--charcoal);
    color:var(--warm-white);
  }
  .btn-dark:hover{ background:var(--gold); color:var(--charcoal); }

  /* content is always visible by default, no matter what — animation is a pure bonus, never a gate */
  .reveal{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }

  /* ================= NAV ================= */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:26px 0;
    transition:all .4s ease;
  }
  header.scrolled{
    padding:16px 0;
    background:rgba(250,250,250,0.92);
    backdrop-filter:blur(14px);
    box-shadow:0 1px 0 var(--line);
  }
  .nav-row{ display:flex; align-items:center; justify-content:space-between; }
  .logo{
    font-family:'Cormorant Garamond', serif;
    font-size:23px;
    font-weight:600;
    letter-spacing:0.02em;
    color:var(--warm-white);
    transition:color .4s ease;
  }
  header.scrolled .logo{ color:var(--charcoal); }
  .logo span{ color:var(--gold); }
  .nav-links{ display:flex; gap:44px; align-items:center; }
  .nav-links a{
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    font-weight:500;
    color:rgba(250,250,250,0.88);
    transition:color .35s ease;
    position:relative;
  }
  header.scrolled .nav-links a{ color:var(--charcoal); }
  .nav-links a:hover{ color:var(--gold); }
  .nav-cta{
    padding:12px 26px;
    font-size:12px;
  }
  .nav-toggle{ display:none; }

  /* ================= HERO ================= */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    color:var(--warm-white);
    overflow:hidden;
  }
  .hero-bg{
    position:absolute; inset:0;
    background:
      linear-gradient(180deg, rgba(20,18,14,0.55) 0%, rgba(15,13,10,0.68) 55%, rgba(10,9,7,0.88) 100%),
      url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
    transform:scale(1.08);
    animation:heroZoom 22s ease-in-out infinite alternate;
  }
  @keyframes heroZoom{ from{transform:scale(1.08);} to{transform:scale(1);} }
  .hero-inner{
    position:relative; z-index:2;
    width:100%;
    padding-top:90px;
  }
  .hero-copy{ max-width:700px; }
  .hero-eyebrow{
    color:var(--gold-soft);
  }
  .hero-eyebrow::before{ background:var(--gold-soft); }
  .hero h1{
    font-size:clamp(40px, 5vw, 68px);
    margin:26px 0 22px;
    max-width:680px;
  }
  .hero p{
    font-size:17px;
    line-height:1.7;
    color:rgba(250,250,250,0.82);
    max-width:600px;
    font-weight:300;
    margin-bottom:38px;
  }
  .hero-ctas{ display:flex; gap:18px; flex-wrap:wrap; }
  .hero-badges{
    display:flex; flex-wrap:wrap;
    gap:14px 36px;
    margin-top:44px;
    padding-top:36px;
    border-top:1px solid rgba(255,255,255,0.16);
    max-width:640px;
  }
  .hero-badge{
    display:flex; align-items:center; gap:9px;
    font-size:12.5px;
    letter-spacing:0.03em;
    color:rgba(255,255,255,0.8);
    font-weight:400;
  }
  .hero-badge svg{ width:14px; height:14px; color:var(--gold-soft); flex-shrink:0; }

  .scroll-cue{
    position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
    z-index:2;
    display:flex; flex-direction:column; align-items:center; gap:10px;
    color:rgba(255,255,255,0.65);
    font-size:11px;
    letter-spacing:0.12em;
    text-transform:uppercase;
  }
  .scroll-line{
    width:1px; height:38px;
    background:linear-gradient(rgba(255,255,255,0.9), transparent);
    animation:scrollPulse 2s ease-in-out infinite;
  }
  @keyframes scrollPulse{ 0%,100%{opacity:.3;} 50%{opacity:1;} }

  /* ================= STATS STRIP ================= */
  .stats{
    position:relative;
    margin-top:-64px;
    z-index:5;
  }
  .stats-inner{
    background:var(--warm-white);
    border-radius:14px;
    box-shadow:var(--shadow);
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    padding:38px 10px;
  }
  .stat{
    text-align:center;
    padding:10px 14px;
    border-right:1px solid var(--line);
  }
  .stat:last-child{ border-right:none; }
  .stat .icon{
    width:30px; height:30px; margin:0 auto 14px;
    color:var(--gold);
  }
  .stat .icon svg{ width:100%; height:100%; }
  .stat p{
    font-size:12.5px;
    color:#555;
    font-weight:500;
    line-height:1.4;
  }

  /* ================= SECTION generic ================= */
  section{ padding:150px 0 120px; }
  .section-tight{ padding:120px 0; }
  .section-head{ max-width:640px; margin-bottom:60px; }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
  .section-head h2{ font-size:clamp(32px, 4vw, 46px); margin-top:20px; }
  .section-head p{ font-size:16px; color:#5c5c5c; margin-top:18px; line-height:1.75; font-weight:300; }

  /* ================= SERVICES (What We Offer) ================= */
  .services{ background:var(--beige); }
  .cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
  .service-card{
    position:relative;
    background:var(--warm-white);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 18px 50px -30px rgba(27,27,27,0.18);
    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;
  }
  .service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px -25px rgba(27,27,27,0.28);
  }
  .service-img{
    width:100%;
    height:210px;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .service-card:hover .service-img{ transform:scale(1.06); }
  .service-icon{
    position:relative;
    z-index:2;
    width:60px; height:60px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--warm-white);
    color:var(--gold);
    font-size:24px;
    margin:-30px 0 0 32px;
    border:5px solid var(--beige);
    box-shadow:0 14px 30px -10px rgba(27,27,27,0.18);
  }
  .service-body{ padding:16px 32px 40px; }
  .service-body h3{ font-size:23px; margin-bottom:12px; }
  .service-body p{ color:#5c5c5c; font-size:14.5px; line-height:1.75; font-weight:300; }
  .services .section-head{ margin-bottom:34px; }
  .services-statement{
    text-align:center;
    margin-bottom:50px;
  }
  .services-statement h3{
    font-size:clamp(28px, 3.6vw, 42px);
    line-height:1.35;
    color:var(--charcoal);
  }
  .services-statement h3 span{ color:var(--gold); }

  /* ================= EVENTS GRID ================= */
  .events{ background:var(--warm-white); }
  .events-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:26px;
  }
  .event-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    height:290px;
    cursor:pointer;
  }
  .event-card img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .event-card:hover img{ transform:scale(1.08); }
  .event-overlay{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(10,9,7,0.82) 100%);
    display:flex; flex-direction:column; justify-content:flex-end;
    padding:24px;
  }
  .event-overlay h4{
    color:var(--warm-white); font-size:20px; margin-bottom:6px;
  }
  .event-overlay a{
    font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-soft); font-weight:500;
    display:inline-flex; align-items:center; gap:6px;
    opacity:0; transform:translateY(6px);
    transition:all .4s ease;
  }
  .event-card:hover .event-overlay a{ opacity:1; transform:translateY(0); }

  /* ================= FOOD ================= */
  .food{ background:var(--charcoal); color:var(--warm-white); }
  .food-grid{
    display:grid;
    grid-template-columns:0.95fr 1.15fr;
    gap:90px;
    align-items:center;
  }
  .food-img-wrap{ position:relative; }
  .food-img-main{
    border-radius:14px;
    height:620px;
    width:100%;
    object-fit:cover;
  }
  .food-img-small{
    position:absolute;
    left:-46px; bottom:56px;
    width:220px; height:170px;
    object-fit:cover;
    border-radius:12px;
    border:6px solid var(--charcoal);
    box-shadow:0 24px 50px -20px rgba(0,0,0,0.55);
  }
  .food-badge{
    position:absolute;
    top:-26px; right:-26px;
    background:var(--gold);
    color:var(--charcoal);
    padding:24px 28px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 24px 50px -20px rgba(0,0,0,0.5);
  }
  .food-badge .num{ font-family:'Cormorant Garamond', serif; font-size:34px; line-height:1; }
  .food-badge .lbl{ font-family:'Cormorant Garamond', serif; font-size:19px; letter-spacing:0.02em; font-weight:600; }
  .food-copy .eyebrow{ color:var(--gold-soft); }
  .food-copy .eyebrow::before{ background:var(--gold-soft); }
  .food-copy h2{ font-size:clamp(32px,4vw,44px); margin:20px 0 22px; }
  .food-copy p{ color:rgba(250,250,250,0.72); line-height:1.85; font-weight:300; font-size:15.5px; margin-bottom:36px; }
  .food-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px 24px;
    margin-bottom:40px;
    padding-top:34px;
    border-top:1px solid rgba(255,255,255,0.14);
  }
  .food-feature{ display:flex; gap:14px; align-items:flex-start; }
  .food-feature-icon{
    width:42px; height:42px; flex-shrink:0;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    display:flex; align-items:center; justify-content:center;
    font-size:18px;
  }
  .food-feature h4{ font-family:'Inter'; font-weight:600; font-size:14.5px; margin-bottom:5px; color:var(--warm-white); }
  .food-feature p{ font-size:12.5px; color:rgba(255,255,255,0.6); line-height:1.6; margin-bottom:0; font-weight:300; }
  .food-ctas{ display:flex; gap:18px; flex-wrap:wrap; }

  /* ================= PROCESS ================= */
 .process{ background:var(--warm-white); position:relative; }
.process::before{
  content:'';
  position:absolute; top:0; left:50%;
  transform:translateX(-50%);
  width:min(1160px, calc(100% - 80px));
  height:1px;
  background:var(--line);
}
  .process-line{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-top:70px;
  }
  .process-line::before{
    content:'';
    position:absolute;
    top:22px; left:0; right:0;
    height:1px;
    background:var(--line);
  }
  .process-step{
    flex:1;
    text-align:center;
    position:relative;
    padding:0 12px;
  }
  .process-dot{
    width:44px; height:44px;
    border-radius:50%;
    background:var(--warm-white);
    border:1px solid var(--gold);
    color:var(--gold);
    font-family:'Cormorant Garamond', serif;
    font-size:17px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 22px;
    position:relative; z-index:2;
    background:var(--warm-white);
  }
  .process-step h4{ font-family:'Inter'; font-weight:600; font-size:14px; margin-bottom:8px; }
  .process-step p{ font-size:12.5px; color:#767676; font-weight:300; }

  /* ================= CONTACT & LOCATION ================= */
  .location{ background:var(--warm-white); position:relative; }
.location::before{
  content:'';
  position:absolute; top:0; left:50%;
  transform:translateX(-50%);
  width:min(1160px, calc(100% - 80px));
  height:1px;
  background:var(--line);
}
  .location-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border-radius:14px;
    overflow:hidden;
    box-shadow:var(--shadow);
  }
  .map-embed{ min-height:100%; background:var(--beige); position:relative; }
  .map-embed iframe{ width:100%; height:100%; min-height:520px; border:0; filter:grayscale(0.15) contrast(1.05); }
  .location-right{ display:flex; flex-direction:column; }
  .contact-form-card{
    background:var(--warm-white);
    padding:48px 50px 40px;
  }
  .contact-form-card h3{ font-size:26px; margin-bottom:8px; color:var(--charcoal); }
  .contact-form-card .sub{ font-size:13.5px; color:#6b6b6b; margin-bottom:28px; font-weight:300; }
  .form-light .field label{ color:#6b6b6b; }
  .form-light .field input, .form-light .field select, .form-light .field textarea{
    width:100%;
    background:var(--beige);
    border:1px solid var(--line);
    border-radius:4px;
    padding:12px 14px;
    color:var(--charcoal);
    font-family:'Inter', sans-serif;
    font-size:14px;
    outline:none;
    transition:border-color .3s ease, background .3s ease;
  }
  .field{ margin-bottom:16px; }
  .field label{
    display:block;
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    margin-bottom:7px;
  }
  .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .form-light .field textarea{ resize:vertical; min-height:90px; }
  .form-light .field input::placeholder, .form-light .field textarea::placeholder{ color:#9a9a9a; }
  .form-light .field input:focus, .form-light .field select:focus, .form-light .field textarea:focus{ border-color:var(--gold); background:var(--warm-white); }
  .form-light .field select option{ color:var(--charcoal); }
  .form-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
  .form-actions .btn{ flex:1; min-width:170px; }
  .btn-outline-dark{ border-color:rgba(27,27,27,0.28); color:var(--charcoal); }
  .btn-outline-dark:hover{ border-color:var(--gold); color:var(--gold); background:transparent; }
  .loc-info{
    background:var(--charcoal);
    color:var(--warm-white);
    padding:44px 50px;
    display:flex; flex-direction:column; justify-content:center; gap:24px;
    flex:1;
  }
  .loc-row{ display:flex; gap:18px; align-items:flex-start; }
  .loc-icon{ color:var(--gold); flex-shrink:0; margin-top:3px; }
  .loc-row h5{ font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.55); margin-bottom:6px; font-weight:500; }
  .loc-row p{ font-size:15px; color:rgba(255,255,255,0.92); line-height:1.6; font-weight:300; }
  .loc-row p a{ color:inherit; transition:color .3s ease; }
  .loc-row p a:hover{ color:var(--gold-soft); }

  /* ================= FOOTER ================= */
  footer{ background:#141210; color:rgba(250,250,250,0.7); padding:80px 0 30px; border-top:1px solid rgba(27,27,27,0.12); }
 .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:50px;
    padding-bottom:56px;
  }
  .footer-logo{ font-family:'Cormorant Garamond', serif; font-size:26px; color:var(--warm-white); margin-bottom:16px; }
  .footer-logo span{ color:var(--gold); }
  .footer-col h5{
    color:var(--warm-white); font-size:13px; letter-spacing:0.08em; text-transform:uppercase;
    margin-bottom:22px; font-weight:500;
  }
  .footer-col ul li{ margin-bottom:13px; font-size:14px; font-weight:300; }
  .footer-col ul li a:hover{ color:var(--gold); }
  .footer-about p{ font-size:14px; line-height:1.8; font-weight:300; max-width:320px; margin-bottom:22px; }
  .social-row{ display:flex; gap:12px; }
  .social-icon{
    width:38px; height:38px; border-radius:50%;
    border:1px solid rgba(255,255,255,0.2);
    display:flex; align-items:center; justify-content:center;
    transition:all .3s ease;
  }
  .social-icon:hover{ background:var(--gold); border-color:var(--gold); color:#141210; }
 .footer-bottom-wrap{ border-top:1px solid rgba(255,255,255,0.09); }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center;
    padding:28px 0 0;
    font-size:12.5px;
    color:rgba(255,255,255,0.45);
    flex-wrap:wrap; gap:14px;
  }
  .footer-bottom a:hover{ color:var(--gold); }

  /* whatsapp float */
  .wa-float{
    position:fixed; bottom:28px; right:28px; z-index:90;
    width:58px; height:58px; border-radius:50%;
    background:var(--olive);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 34px -10px rgba(68,84,61,0.6);
    color:#fff;
    transition:transform .3s ease;
  }
  .wa-float:hover{ transform:scale(1.08); }

  /* ================= VIEW MENU MODAL ================= */
  .menu-modal{
    position:fixed; inset:0; z-index:200;
    display:flex; align-items:center; justify-content:center;
    padding:24px;
    opacity:0; visibility:hidden;
    transition:opacity .35s ease, visibility .35s ease;
  }
  .menu-modal.is-open{ opacity:1; visibility:visible; }
  .menu-modal-overlay{
    position:absolute; inset:0;
    background:rgba(15,13,10,0.72);
    backdrop-filter:blur(4px);
  }
  .menu-modal-panel{
    position:relative;
    width:100%; max-width:840px;
    max-height:86vh;
    overflow-y:auto;
    background:var(--warm-white);
    border-radius:14px;
    padding:52px 54px 44px;
    box-shadow:0 40px 100px -30px rgba(0,0,0,0.55);
    transform:translateY(24px) scale(0.98);
    transition:transform .35s cubic-bezier(.2,.7,.2,1);
  }
  .menu-modal.is-open .menu-modal-panel{ transform:translateY(0) scale(1); }
  .menu-modal-close{
    position:absolute; top:20px; right:20px;
    width:38px; height:38px;
    border-radius:50%;
    border:1px solid var(--line);
    background:var(--warm-white);
    font-size:20px; line-height:1;
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    color:var(--charcoal);
    transition:all .3s ease;
  }
  .menu-modal-close:hover{ background:var(--gold); border-color:var(--gold); }
  .menu-modal-head{ margin-bottom:34px; padding-right:30px; }
  .menu-modal-head h3{ font-size:clamp(28px,3.4vw,36px); margin:16px 0 14px; }
  .menu-modal-head p{ color:#5c5c5c; font-size:15px; line-height:1.7; font-weight:300; max-width:560px; }
  .menu-modal-body{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px 36px;
    margin-bottom:38px;
  }
  .menu-cat h4{
    font-family:'Cormorant Garamond', serif;
    font-size:19px; font-weight:600;
    margin-bottom:14px; padding-bottom:10px;
    border-bottom:1px solid var(--line);
    color:var(--charcoal);
  }
  .menu-cat ul li{ font-size:14px; color:#4a4a4a; font-weight:300; padding:6px 0; }
  .menu-modal-foot{
    display:flex; align-items:center; justify-content:space-between;
    gap:20px; flex-wrap:wrap;
    padding-top:26px;
    border-top:1px solid var(--line);
  }
  .menu-modal-foot p{ font-size:13px; color:#767676; font-weight:300; max-width:340px; }

  /* ============ RESPONSIVE ============ */
  @media (max-width: 1024px){
    .food-grid{ grid-template-columns:1fr; gap:56px; }
    .food-img-wrap{ order:-1; }
    .food-img-main{ height:380px; }
    .food-img-small{ display:none; }
    .cards-3{ grid-template-columns:1fr 1fr; }
    .events-grid{ grid-template-columns:repeat(2,1fr); }
    .location-grid{ grid-template-columns:1fr; }
    .map-embed iframe{ min-height:380px; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .stats-inner{ grid-template-columns:repeat(3,1fr); }
    .stat{ border-right:none; border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:10px; }
    .stat:nth-child(3n){ border-right:none; }
    .menu-modal-body{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width: 720px){
    .container{ padding:0 22px; }
    .nav-links{ display:none; }
    section{ padding:100px 0 80px; }
    .cards-3{ grid-template-columns:1fr; }
    .events-grid{ grid-template-columns:1fr 1fr; }
    .food-features{ grid-template-columns:1fr; }
    .process-line{ flex-direction:column; gap:36px; }
    .process-line::before{ display:none; }
    .food-badge{ position:static; margin:-30px 0 24px auto; width:fit-content; }
    .footer-grid{ grid-template-columns:1fr; gap:36px; }
    .footer-bottom{ flex-direction:column; align-items:flex-start; }
    .hero h1{ font-size:38px; }
    .contact-form-card{ padding:38px 26px; }
    .loc-info{ padding:38px 26px; }
    .form-actions{ flex-direction:column; }
    .form-actions .btn{ width:100%; }
    .stats{ margin-top:-40px; }
    .stats-inner{ grid-template-columns:repeat(2,1fr); padding:26px 8px; }
    .stat{ padding:8px 8px 20px; }
    .stat:nth-child(2n){ border-right:none; }
    .menu-modal-panel{ padding:40px 24px 30px; }
    .menu-modal-body{ grid-template-columns:1fr 1fr; gap:24px; }
    .menu-modal-foot{ flex-direction:column; align-items:flex-start; }
  }    cursor:pointer;
    border:1px solid transparent;
    transition:all .35s cubic-bezier(.2,.7,.3,1);
    white-space:nowrap;
  }
  .btn-primary{
    background:var(--gold);
    color:var(--charcoal);
  }
  .btn-primary:hover{ background:var(--charcoal); color:var(--warm-white); }
  .btn-outline{
    border-color:rgba(250,250,250,0.55);
    color:inherit;
  }
  .btn-outline:hover{ border-color:var(--gold); color:var(--gold); }
  .btn-dark{
    background:var(--charcoal);
    color:var(--warm-white);
  }
  .btn-dark:hover{ background:var(--gold); color:var(--charcoal); }

  /* content is always visible by default, no matter what — animation is a pure bonus, never a gate */
  .reveal{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }

  /* ================= NAV ================= */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:26px 0;
    transition:all .4s ease;
  }
  header.scrolled{
    padding:16px 0;
    background:rgba(250,250,250,0.92);
    backdrop-filter:blur(14px);
    box-shadow:0 1px 0 var(--line);
  }
  .nav-row{ display:flex; align-items:center; justify-content:space-between; }
  .logo{
    font-family:'Cormorant Garamond', serif;
    font-size:23px;
    font-weight:600;
    letter-spacing:0.02em;
    color:var(--warm-white);
    transition:color .4s ease;
  }
  header.scrolled .logo{ color:var(--charcoal); }
  .logo span{ color:var(--gold); }
  .nav-links{ display:flex; gap:44px; align-items:center; }
  .nav-links a{
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    font-weight:500;
    color:rgba(250,250,250,0.88);
    transition:color .35s ease;
    position:relative;
  }
  header.scrolled .nav-links a{ color:var(--charcoal); }
  .nav-links a:hover{ color:var(--gold); }
  .nav-cta{
    padding:12px 26px;
    font-size:12px;
  }
  .nav-toggle{ display:none; }

  /* ================= HERO ================= */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    color:var(--warm-white);
    overflow:hidden;
  }
  .hero-bg{
    position:absolute; inset:0;
    background:
      linear-gradient(180deg, rgba(20,18,14,0.55) 0%, rgba(15,13,10,0.68) 55%, rgba(10,9,7,0.88) 100%),
      url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
    transform:scale(1.08);
    animation:heroZoom 22s ease-in-out infinite alternate;
  }
  @keyframes heroZoom{ from{transform:scale(1.08);} to{transform:scale(1);} }
  .hero-inner{
    position:relative; z-index:2;
    width:100%;
    padding-top:90px;
  }
  .hero-copy{ max-width:700px; }
  .hero-eyebrow{
    color:var(--gold-soft);
  }
  .hero-eyebrow::before{ background:var(--gold-soft); }
  .hero h1{
    font-size:clamp(40px, 5vw, 68px);
    margin:26px 0 22px;
    max-width:680px;
  }
  .hero p{
    font-size:17px;
    line-height:1.7;
    color:rgba(250,250,250,0.82);
    max-width:600px;
    font-weight:300;
    margin-bottom:38px;
  }
  .hero-ctas{ display:flex; gap:18px; flex-wrap:wrap; }
  .hero-badges{
    display:flex; flex-wrap:wrap;
    gap:14px 36px;
    margin-top:44px;
    padding-top:36px;
    border-top:1px solid rgba(255,255,255,0.16);
    max-width:640px;
  }
  .hero-badge{
    display:flex; align-items:center; gap:9px;
    font-size:12.5px;
    letter-spacing:0.03em;
    color:rgba(255,255,255,0.8);
    font-weight:400;
  }
  .hero-badge svg{ width:14px; height:14px; color:var(--gold-soft); flex-shrink:0; }

  /* inquiry card */
  .inquiry-card{
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.22);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    border-radius:14px;
    padding:38px 34px;
    box-shadow:0 30px 80px -30px rgba(0,0,0,0.6);
  }
  .inquiry-card h3{
    color:var(--warm-white);
    font-size:24px;
    margin-bottom:6px;
  }
  .inquiry-card .sub{
    font-size:13px;
    color:rgba(255,255,255,0.65);
    margin-bottom:26px;
    font-weight:300;
  }
  .field{ margin-bottom:16px; }
  .field label{
    display:block;
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.6);
    margin-bottom:7px;
  }
  .field input, .field select{
    width:100%;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:4px;
    padding:12px 14px;
    color:var(--warm-white);
    font-family:'Inter', sans-serif;
    font-size:14px;
    outline:none;
    transition:border-color .3s ease, background .3s ease;
  }
  .field input::placeholder{ color:rgba(255,255,255,0.4); }
  .field input:focus, .field select:focus{ border-color:var(--gold); background:rgba(255,255,255,0.13); }
  .field select option{ color:#1B1B1B; }
  .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .inquiry-card .btn{ width:100%; margin-top:6px; }

  .scroll-cue{
    position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
    z-index:2;
    display:flex; flex-direction:column; align-items:center; gap:10px;
    color:rgba(255,255,255,0.65);
    font-size:11px;
    letter-spacing:0.12em;
    text-transform:uppercase;
  }
  .scroll-line{
    width:1px; height:38px;
    background:linear-gradient(rgba(255,255,255,0.9), transparent);
    animation:scrollPulse 2s ease-in-out infinite;
  }
  @keyframes scrollPulse{ 0%,100%{opacity:.3;} 50%{opacity:1;} }

  /* ================= STATS STRIP ================= */
  .stats{
    position:relative;
    margin-top:-64px;
    z-index:5;
  }
  .stats-inner{
    background:var(--warm-white);
    border-radius:14px;
    box-shadow:var(--shadow);
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    padding:38px 10px;
  }
  .stat{
    text-align:center;
    padding:10px 14px;
    border-right:1px solid var(--line);
  }
  .stat:last-child{ border-right:none; }
  .stat .icon{
    width:30px; height:30px; margin:0 auto 14px;
    color:var(--gold);
  }
  .stat .icon svg{ width:100%; height:100%; }
  .stat p{
    font-size:12.5px;
    color:#555;
    font-weight:500;
    line-height:1.4;
  }

  /* ================= SECTION generic ================= */
  section{ padding:150px 0 120px; }
  .section-tight{ padding:120px 0; }
  .section-head{ max-width:640px; margin-bottom:60px; }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
  .section-head h2{ font-size:clamp(32px, 4vw, 46px); margin-top:20px; }
  .section-head p{ font-size:16px; color:#5c5c5c; margin-top:18px; line-height:1.75; font-weight:300; }

  /* ================= ABOUT ================= */
  .about{ background:var(--warm-white); }
  .about-grid{
    display:grid;
    grid-template-columns:0.95fr 1.05fr;
    gap:80px;
    align-items:center;
  }
  .about-img-wrap{ position:relative; }
  .about-img-wrap img{
    border-radius:14px;
    width:100%;
    height:560px;
    object-fit:cover;
    box-shadow:var(--shadow);
  }
  .about-badge{
    position:absolute;
    bottom:-30px; right:-30px;
    background:var(--charcoal);
    color:var(--warm-white);
    padding:26px 30px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 24px 50px -20px rgba(0,0,0,0.4);
  }
  .about-badge .num{ font-family:'Cormorant Garamond', serif; font-size:38px; color:var(--gold); }
  .about-badge .lbl{ font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.7); margin-top:4px; }
  .about-copy h2{ font-size:clamp(32px, 4vw, 44px); margin-bottom:24px; }
  .about-copy p{ color:#555; line-height:1.85; font-weight:300; margin-bottom:20px; font-size:15.5px; }
  .about-copy .btn{ margin-top:18px; }
  .about-checklist{ margin:8px 0 24px; }
  .about-checklist li{
    display:flex; align-items:center; gap:12px;
    font-size:14.5px; color:#3a3a3a; font-weight:400;
    padding:9px 0;
    border-bottom:1px solid var(--line);
  }
  .about-checklist li:last-child{ border-bottom:none; }
  .about-checklist li::before{
    content:'✓';
    width:20px; height:20px; flex-shrink:0;
    border-radius:50%;
    background:var(--olive);
    color:var(--warm-white);
    font-size:11px;
    display:flex; align-items:center; justify-content:center;
  }

  /* ================= SERVICES ================= */
  .services{ background:var(--beige); }
  .cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
  .service-card{
    position:relative;
    background:var(--warm-white);
    border-radius:14px;
    padding:50px 36px 40px;
    box-shadow:0 18px 50px -30px rgba(27,27,27,0.18);
    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;
    border:1px solid transparent;
    overflow:hidden;
  }
  .service-card::before{
    content:'';
    position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg, var(--gold-soft), var(--gold));
    transform:scaleX(0); transform-origin:left;
    transition:transform .5s cubic-bezier(.2,.7,.2,1);
  }
  .service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px -25px rgba(27,27,27,0.28);
    border-color:var(--gold);
  }
  .service-card:hover::before{ transform:scaleX(1); }
  .service-num{
    position:absolute; top:26px; right:30px;
    font-family:'Cormorant Garamond', serif;
    font-size:44px;
    color:var(--line);
    font-weight:600;
  }
  .service-icon{
    position:relative;
    width:64px; height:64px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--beige);
    color:var(--olive);
    margin-bottom:28px;
    font-size:26px;
    border:1px solid var(--gold-soft);
  }
  .service-card h3{ font-size:24px; margin-bottom:14px; }
  .service-card p{ color:#5c5c5c; font-size:14.5px; line-height:1.75; font-weight:300; margin-bottom:20px; }
  .service-link{
    display:inline-flex;
    font-size:12.5px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    font-weight:600;
    color:var(--gold);
    padding-top:16px;
    border-top:1px solid var(--line);
    width:100%;
    transition:gap .3s ease, color .3s ease;
  }
  .service-link:hover{ color:var(--charcoal); }
  .services-statement{
    text-align:center;
    margin-bottom:60px;
    padding-bottom:50px;
    border-bottom:1px solid var(--line);
  }
  .services-statement h3{
    font-size:clamp(28px, 3.6vw, 42px);
    line-height:1.35;
    color:var(--charcoal);
  }
  .services-statement h3 span{ color:var(--gold); }

  /* ================= EVENTS GRID ================= */
  .events{ background:var(--warm-white); }
  .events-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:26px;
  }
  .event-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    height:290px;
    cursor:pointer;
  }
  .event-card img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .event-card:hover img{ transform:scale(1.08); }
  .event-overlay{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(10,9,7,0.82) 100%);
    display:flex; flex-direction:column; justify-content:flex-end;
    padding:24px;
  }
  .event-overlay h4{
    color:var(--warm-white); font-size:20px; margin-bottom:6px;
  }
  .event-overlay a{
    font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-soft); font-weight:500;
    display:inline-flex; align-items:center; gap:6px;
    opacity:0; transform:translateY(6px);
    transition:all .4s ease;
  }
  .event-card:hover .event-overlay a{ opacity:1; transform:translateY(0); }

  /* ================= WHY CHOOSE US (blended into About) ================= */
  .why-inline{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 24px;
    margin:8px 0 30px;
    padding-top:26px;
    border-top:1px solid var(--line);
  }
  .why-item{
    display:flex; align-items:center; gap:12px;
  }
  .why-icon{
    width:34px; height:34px; flex-shrink:0;
    border-radius:50%;
    background:var(--beige);
    display:flex; align-items:center; justify-content:center;
    font-size:14px;
  }
  .why-item span{ font-size:14.5px; color:#3a3a3a; font-weight:500; }
  .about-cta{ margin-top:6px; }

  /* ================= GALLERY (masonry) ================= */
  .gallery{ background:var(--warm-white); }
  .masonry{
    column-count:3;
    column-gap:24px;
  }
  .masonry img{
    width:100%;
    border-radius:12px;
    margin-bottom:24px;
    break-inside:avoid;
    box-shadow:0 14px 40px -20px rgba(27,27,27,0.25);
    transition:transform .5s ease, filter .5s ease;
  }
  .masonry img:hover{ transform:translateY(-6px); filter:brightness(1.04); }
  .gallery-cta{ text-align:center; margin-top:52px; }

  /* ================= FOOD ================= */
  .food{ background:var(--charcoal); color:var(--warm-white); }
  .food-grid{
    display:grid;
    grid-template-columns:0.95fr 1.15fr;
    gap:90px;
    align-items:center;
  }
  .food-img-wrap{ position:relative; }
  .food-img-main{
    border-radius:14px;
    height:620px;
    width:100%;
    object-fit:cover;
  }
  .food-img-small{
    position:absolute;
    left:-46px; bottom:56px;
    width:220px; height:170px;
    object-fit:cover;
    border-radius:12px;
    border:6px solid var(--charcoal);
    box-shadow:0 24px 50px -20px rgba(0,0,0,0.55);
  }
  .food-badge{
    position:absolute;
    top:-26px; right:-26px;
    background:var(--gold);
    color:var(--charcoal);
    padding:24px 28px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 24px 50px -20px rgba(0,0,0,0.5);
  }
  .food-badge .num{ font-family:'Cormorant Garamond', serif; font-size:34px; line-height:1; }
  .food-badge .lbl{ font-family:'Cormorant Garamond', serif; font-size:19px; letter-spacing:0.02em; font-weight:600; }
  .food-copy .eyebrow{ color:var(--gold-soft); }
  .food-copy .eyebrow::before{ background:var(--gold-soft); }
  .food-copy h2{ font-size:clamp(32px,4vw,44px); margin:20px 0 22px; }
  .food-copy p{ color:rgba(250,250,250,0.72); line-height:1.85; font-weight:300; font-size:15.5px; margin-bottom:36px; }
  .food-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px 24px;
    margin-bottom:40px;
    padding-top:34px;
    border-top:1px solid rgba(255,255,255,0.14);
  }
  .food-feature{ display:flex; gap:14px; align-items:flex-start; }
  .food-feature-icon{
    width:42px; height:42px; flex-shrink:0;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    display:flex; align-items:center; justify-content:center;
    font-size:18px;
  }
  .food-feature h4{ font-family:'Inter'; font-weight:600; font-size:14.5px; margin-bottom:5px; color:var(--warm-white); }
  .food-feature p{ font-size:12.5px; color:rgba(255,255,255,0.6); line-height:1.6; margin-bottom:0; font-weight:300; }

  /* ================= PROCESS ================= */
  .process{ background:var(--warm-white); }
  .process-line{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-top:70px;
  }
  .process-line::before{
    content:'';
    position:absolute;
    top:22px; left:0; right:0;
    height:1px;
    background:var(--line);
  }
  .process-step{
    flex:1;
    text-align:center;
    position:relative;
    padding:0 12px;
  }
  .process-dot{
    width:44px; height:44px;
    border-radius:50%;
    background:var(--warm-white);
    border:1px solid var(--gold);
    color:var(--gold);
    font-family:'Cormorant Garamond', serif;
    font-size:17px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 22px;
    position:relative; z-index:2;
    background:var(--warm-white);
  }
  .process-step h4{ font-family:'Inter'; font-weight:600; font-size:14px; margin-bottom:8px; }
  .process-step p{ font-size:12.5px; color:#767676; font-weight:300; }

  /* ================= TESTIMONIALS ================= */
  .testimonials{ background:var(--beige); }
  .t-wrap{ position:relative; max-width:760px; margin:0 auto; text-align:center; }
  .t-stars{ color:var(--gold); font-size:18px; letter-spacing:4px; margin-bottom:26px; }
  .t-quote{
    font-family:'Cormorant Garamond', serif;
    font-size:clamp(22px,2.6vw,30px);
    line-height:1.5;
    font-style:italic;
    color:#2a2a2a;
    margin-bottom:34px;
  }
  .t-name{ font-weight:600; font-size:15px; }
  .t-event{ font-size:12.5px; color:#767676; margin-top:4px; letter-spacing:0.03em; text-transform:uppercase; }
  .t-nav{ display:flex; justify-content:center; gap:18px; margin-top:44px; }
  .t-arrow{
    width:44px; height:44px;
    border-radius:50%;
    border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:all .3s ease;
    background:var(--warm-white);
  }
  .t-arrow:hover{ background:var(--gold); border-color:var(--gold); color:var(--warm-white); }

  /* ================= CONTACT & LOCATION ================= */
  .location{ background:var(--warm-white); }
  .location-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border-radius:14px;
    overflow:hidden;
    box-shadow:var(--shadow);
  }
  .map-embed{ min-height:100%; background:var(--beige); position:relative; }
  .map-embed iframe{ width:100%; height:100%; min-height:520px; border:0; filter:grayscale(0.15) contrast(1.05); }
  .location-right{ display:flex; flex-direction:column; }
  .contact-form-card{
    background:var(--warm-white);
    padding:48px 50px 40px;
  }
  .contact-form-card h3{ font-size:26px; margin-bottom:8px; color:var(--charcoal); }
  .contact-form-card .sub{ font-size:13.5px; color:#6b6b6b; margin-bottom:28px; font-weight:300; }
  .form-light .field label{ color:#6b6b6b; }
  .form-light .field input, .form-light .field select, .form-light .field textarea{
    width:100%;
    background:var(--beige);
    border:1px solid var(--line);
    border-radius:4px;
    padding:12px 14px;
    color:var(--charcoal);
    font-family:'Inter', sans-serif;
    font-size:14px;
    outline:none;
    transition:border-color .3s ease, background .3s ease;
  }
  .form-light .field textarea{ resize:vertical; min-height:90px; }
  .form-light .field input::placeholder, .form-light .field textarea::placeholder{ color:#9a9a9a; }
  .form-light .field input:focus, .form-light .field select:focus, .form-light .field textarea:focus{ border-color:var(--gold); background:var(--warm-white); }
  .form-light .field select option{ color:var(--charcoal); }
  .form-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
  .form-actions .btn{ flex:1; min-width:170px; }
  .btn-outline-dark{ border-color:rgba(27,27,27,0.28); color:var(--charcoal); }
  .btn-outline-dark:hover{ border-color:var(--gold); color:var(--gold); background:transparent; }
  .loc-info{
    background:var(--charcoal);
    color:var(--warm-white);
    padding:44px 50px;
    display:flex; flex-direction:column; justify-content:center; gap:24px;
    flex:1;
  }
  .loc-row{ display:flex; gap:18px; align-items:flex-start; }
  .loc-icon{ color:var(--gold); flex-shrink:0; margin-top:3px; }
  .loc-row h5{ font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.55); margin-bottom:6px; font-weight:500; }
  .loc-row p{ font-size:15px; color:rgba(255,255,255,0.92); line-height:1.6; font-weight:300; }
  .loc-row p a{ color:inherit; transition:color .3s ease; }
  .loc-row p a:hover{ color:var(--gold-soft); }
  .loc-actions{ display:flex; gap:14px; margin-top:10px; flex-wrap:wrap; }

  /* ================= FINAL CTA ================= */
  .final-cta{
    background:linear-gradient(180deg, #17140F 0%, #1B1B1B 100%);
    color:var(--warm-white);
    text-align:center;
    padding:150px 0;
    position:relative;
    overflow:hidden;
  }
  .final-cta::before{
    content:'';
    position:absolute; inset:0;
    background:radial-gradient(circle at 50% 30%, rgba(198,167,106,0.14), transparent 60%);
  }
  .final-cta-inner{ position:relative; z-index:2; max-width:660px; margin:0 auto; }
  .final-cta h2{ font-size:clamp(34px,4.4vw,52px); margin:22px 0 22px; }
  .final-cta p{ color:rgba(250,250,250,0.72); font-weight:300; font-size:16px; line-height:1.8; margin-bottom:44px; }
  .final-ctas{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }

  /* ================= FOOTER ================= */
  footer{ background:#141210; color:rgba(250,250,250,0.7); padding:80px 0 30px; }
  .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:50px;
    padding-bottom:56px;
    border-bottom:1px solid rgba(255,255,255,0.09);
  }
  .footer-logo{ font-family:'Cormorant Garamond', serif; font-size:26px; color:var(--warm-white); margin-bottom:16px; }
  .footer-logo span{ color:var(--gold); }
  .footer-col h5{
    color:var(--warm-white); font-size:13px; letter-spacing:0.08em; text-transform:uppercase;
    margin-bottom:22px; font-weight:500;
  }
  .footer-col ul li{ margin-bottom:13px; font-size:14px; font-weight:300; }
  .footer-col ul li a:hover{ color:var(--gold); }
  .footer-about p{ font-size:14px; line-height:1.8; font-weight:300; max-width:320px; margin-bottom:22px; }
  .social-row{ display:flex; gap:12px; }
  .social-icon{
    width:38px; height:38px; border-radius:50%;
    border:1px solid rgba(255,255,255,0.2);
    display:flex; align-items:center; justify-content:center;
    transition:all .3s ease;
  }
  .social-icon:hover{ background:var(--gold); border-color:var(--gold); color:#141210; }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center;
    padding-top:28px;
    font-size:12.5px;
    color:rgba(255,255,255,0.45);
    flex-wrap:wrap; gap:14px;
  }
  .footer-bottom a:hover{ color:var(--gold); }

  /* whatsapp float */
  .wa-float{
    position:fixed; bottom:28px; right:28px; z-index:90;
    width:58px; height:58px; border-radius:50%;
    background:var(--olive);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 34px -10px rgba(68,84,61,0.6);
    color:#fff;
    transition:transform .3s ease;
  }
  .wa-float:hover{ transform:scale(1.08); }

  /* ============ RESPONSIVE ============ */
  @media (max-width: 1024px){
    .about-grid, .food-grid{ grid-template-columns:1fr; gap:56px; }
    .food-img-wrap{ order:-1; }
    .food-img-main{ height:380px; }
    .food-img-small{ display:none; }
    .cards-3{ grid-template-columns:1fr 1fr; }
    .events-grid{ grid-template-columns:repeat(2,1fr); }
    .why-inline{ grid-template-columns:repeat(2,1fr); }
    .location-grid{ grid-template-columns:1fr; }
    .map-embed iframe{ min-height:380px; }
    .masonry{ column-count:2; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .stats-inner{ grid-template-columns:repeat(3,1fr); }
    .stat{ border-right:none; border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:10px; }
    .stat:nth-child(3n){ border-right:none; }
  }
  @media (max-width: 720px){
    .container{ padding:0 22px; }
    .nav-links{ display:none; }
    section{ padding:100px 0 80px; }
    .cards-3{ grid-template-columns:1fr; }
    .events-grid{ grid-template-columns:1fr 1fr; }
    .why-inline{ grid-template-columns:1fr; }
    .food-features{ grid-template-columns:1fr; }
    .masonry{ column-count:1; }
    .process-line{ flex-direction:column; gap:36px; }
    .process-line::before{ display:none; }
    .about-badge{ position:static; margin-top:-40px; margin-left:20px; width:fit-content; }
    .food-badge{ position:static; margin:-30px 0 24px auto; width:fit-content; }
    .footer-grid{ grid-template-columns:1fr; gap:36px; }
    .footer-bottom{ flex-direction:column; align-items:flex-start; }
    .hero h1{ font-size:38px; }
    .contact-form-card{ padding:38px 26px; }
    .loc-info{ padding:38px 26px; }
    .form-actions{ flex-direction:column; }
    .form-actions .btn{ width:100%; }
    .stats{ margin-top:-40px; }
    .stats-inner{ grid-template-columns:repeat(2,1fr); padding:26px 8px; }
    .stat{ padding:8px 8px 20px; }
    .stat:nth-child(2n){ border-right:none; }
    .service-num{ font-size:34px; top:20px; right:22px; }
  }