/* ══════════════════════════════════════════════════════════════
   HUNGRY ELEPHANT RESTAURANT — Shared Stylesheet
   style.css · All pages link to this file
   Design & Developed by BRIGE · https://brigesuite.com/
══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════
   CUSTOM PROPERTIES
══════════════════════════════════════ */
:root {
  --navy:        #0d1b2d;
  --navy-mid:    #112238;
  --navy-light:  #1a2f4a;
  --navy-deep:   #07111e;
  --navy-black:  #050d18;
  --gold:        #cba047;
  --gold-light:  #e8bb6a;
  --gold-pale:   #f0d49a;
  --gold-dim:    rgba(203,160,71,0.16);
  --text:        #f6f8ff;
  --text-mid:    rgba(246,248,255,0.72);
  --text-muted:  rgba(246,248,255,0.52);
  --text-dim:    rgba(246,248,255,0.30);
  --cream:       #fdf8ef;
  --font-h: 'Playfair Display', Georgia, serif;
  --font-b: 'DM Sans', system-ui, sans-serif;
  --font-a: 'Cormorant Garamond', Georgia, serif;
  --r-md: 16px;
  --r-lg: 24px;
  --ease:   cubic-bezier(0.4, 0, 0.2, 1);
  --spring: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ══════════════════════════════════════
   RESET & BASE
══════════════════════════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--navy);
  color: var(--text);
  font-family: var(--font-b);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img    { display:block; max-width:100%; }
a      { text-decoration:none; color:inherit; }
ul     { list-style:none; }
button { cursor:pointer; border:none; background:none; font:inherit; }

/* ══════════════════════════════════════
   UTILITY
══════════════════════════════════════ */
.container { max-width:1260px; margin:0 auto; padding:0 2.5rem; }
.section   { padding:7rem 0; }

.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:0.65rem;
  font-family:var(--font-b);
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1rem;
}
.eyebrow::before {
  content:'';
  display:inline-block;
  width:20px; height:1px;
  background:var(--gold);
  opacity:0.65;
  flex-shrink:0;
}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.btn {
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
  padding:0.9rem 2.25rem;
  border-radius:50px;
  font-family:var(--font-b);
  font-size:0.9rem;
  font-weight:600;
  letter-spacing:0.02em;
  cursor:pointer;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), filter .3s;
  white-space:nowrap;
  border:none;
  line-height:1;
}
.btn-gold {
  background:linear-gradient(135deg,#c49432 0%,#e8bb6a 100%);
  color:var(--navy);
  box-shadow:0 4px 24px rgba(203,160,71,.3);
}
.btn-gold:hover {
  transform:translateY(-3px);
  box-shadow:0 14px 36px rgba(203,160,71,.5);
  filter:brightness(1.06);
}
.btn-outline {
  background:transparent;
  color:var(--gold);
  border:1.5px solid rgba(203,160,71,.55);
}
.btn-outline:hover {
  background:var(--gold-dim);
  border-color:var(--gold);
  transform:translateY(-3px);
}

/* ══════════════════════════════════════
   NAVBAR
══════════════════════════════════════ */
.navbar {
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  padding:.85rem 0;
  transition:background .45s var(--ease), padding .45s var(--ease), box-shadow .45s;
}
.navbar.scrolled {
  background:rgba(5,13,24,.95);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  padding:.55rem 0;
  box-shadow:0 4px 40px rgba(0,0,0,.6);
  border-bottom:1px solid rgba(203,160,71,.1);
}
.nav-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
}
.nav-logo { flex-shrink:0; display:flex; align-items:center; }
.nav-logo img {
  height:110px;
  width:auto;
  transition:height .45s var(--ease);
  display:block;
}
.navbar.scrolled .nav-logo img { height:88px; }
.nav-logo-text {
  font-family:var(--font-h);
  font-size:1.35rem;
  font-weight:700;
  color:var(--gold);
  letter-spacing:.06em;
  line-height:1.1;
  display:none;
}
.nav-logo-text small {
  display:block;
  font-family:var(--font-a);
  font-style:italic;
  font-weight:300;
  font-size:.6rem;
  letter-spacing:.22em;
  color:var(--text-muted);
  margin-top:3px;
}
.nav-links {
  display:flex;
  align-items:center;
  gap:2.25rem;
  flex:1;
  justify-content:center;
}
.nav-links a {
  font-size:.84rem;
  font-weight:500;
  color:var(--text-mid);
  position:relative;
  padding-bottom:2px;
  transition:color .25s;
}
.nav-links a::after {
  content:'';
  position:absolute;
  bottom:-2px; left:0; right:0;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--ease);
}
.nav-links a:hover    { color:var(--gold-light); }
.nav-links a:hover::after,
.nav-links a.active::after { transform:scaleX(1); }
.nav-links a.active   { color:var(--gold); }
.nav-order-btn { padding:.65rem 1.5rem; font-size:.8rem; }

/* ══════════════════════════════════════
   HAMBURGER
══════════════════════════════════════ */
.hamburger {
  display:none;
  flex-direction:column;
  gap:5px; padding:5px;
  cursor:pointer;
  z-index:1100;
  flex-shrink:0;
}
.hamburger span {
  display:block;
  width:24px; height:2px;
  background:var(--text);
  border-radius:2px;
  transition:transform .3s var(--ease), opacity .25s;
}
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ══════════════════════════════════════
   MOBILE NAV
══════════════════════════════════════ */
.mobile-nav {
  position:fixed; inset:0;
  background:var(--navy-black);
  z-index:1050;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s var(--ease);
}
.mobile-nav.open { opacity:1; pointer-events:all; }
.mobile-nav a {
  font-family:var(--font-h);
  font-size:2.25rem;
  font-weight:700;
  color:var(--text-mid);
  transition:color .25s;
}
.mobile-nav a:hover,
.mobile-nav a.active { color:var(--gold); }
.mob-divider {
  width:48px; height:1px;
  background:rgba(203,160,71,.3);
  margin:.5rem 0;
}
.mobile-nav .btn {
  font-size:1rem;
  min-width:240px;
  justify-content:center;
  margin-top:1rem;
}

/* ══════════════════════════════════════
   PAGE BANNER (inner pages)
══════════════════════════════════════ */
.page-banner {
  position:relative;
  height:50vh;
  min-height:380px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  text-align:center;
}
.banner-bg {
  position:absolute; inset:0;
  background-color:var(--navy-deep);
  background-size:cover;
  background-position:center;
  animation:slowZoom 22s ease-in-out infinite alternate;
}
@keyframes slowZoom {
  from { transform:scale(1); }
  to   { transform:scale(1.07); }
}
.banner-overlay {
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(5,13,24,.9) 0%,rgba(7,17,30,.65) 50%,rgba(5,13,24,.95) 100%);
  z-index:1;
}
.banner-bar {
  position:absolute; bottom:0; left:0; right:0;
  z-index:2;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--gold-light) 50%,var(--gold) 70%,transparent 100%);
  opacity:.5;
}
.banner-content { position:relative; z-index:2; padding:0 2rem; }
.banner-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.1rem;
  opacity:0;
  animation:fadeUp .8s .2s var(--ease) forwards;
}
.banner-eyebrow::before,
.banner-eyebrow::after {
  content:'';
  display:inline-block;
  width:24px; height:1px;
  background:var(--gold);
  opacity:.6;
}
.banner-title {
  font-family:var(--font-h);
  font-size:clamp(2.8rem,6vw,5.5rem);
  font-weight:900;
  color:var(--text);
  line-height:1;
  letter-spacing:-.025em;
  opacity:0;
  animation:fadeUp .9s .4s var(--spring) forwards;
}
.banner-title em { font-style:italic; color:var(--gold); }
.banner-sub {
  font-family:var(--font-a);
  font-style:italic;
  font-size:clamp(1rem,1.6vw,1.4rem);
  color:var(--text-muted);
  letter-spacing:.1em;
  margin-top:.75rem;
  opacity:0;
  animation:fadeUp .8s .6s var(--ease) forwards;
}
@keyframes fadeUp {
  from { opacity:0; transform:translateY(22px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer { background:var(--navy-black); border-top:1px solid rgba(203,160,71,.13); padding:6rem 0 2rem; }
.footer-grid { display:grid; grid-template-columns:1.9fr 1fr 1.7fr; gap:4rem; margin-bottom:4.5rem; }
.ft-logo-img  { height:120px; width:auto; margin-bottom:1.4rem; display:block; }
.ft-logo img  { height:72px;  width:auto; margin-bottom:1.1rem; display:block; }
.ft-logo-text {
  font-family:var(--font-h);
  font-size:1.5rem;
  font-weight:700;
  color:var(--gold);
  letter-spacing:.06em;
  line-height:1.1;
  margin-bottom:1.4rem;
}
.ft-logo-text small {
  display:block;
  font-family:var(--font-a);
  font-style:italic;
  font-weight:300;
  font-size:.62rem;
  letter-spacing:.22em;
  color:var(--text-muted);
  margin-top:4px;
}
.ft-tagline {
  font-family:var(--font-a);
  font-style:italic;
  font-weight:300;
  font-size:1rem;
  color:var(--text-muted);
  line-height:1.75;
  margin-bottom:1.75rem;
  max-width:300px;
}
.ft-socials { display:flex; gap:.7rem; }
.ft-soc {
  width:36px; height:36px;
  border-radius:50%;
  border:1px solid rgba(203,160,71,.2);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-muted);
  transition:all .3s var(--ease);
}
.ft-soc:hover { border-color:var(--gold); color:var(--gold); background:rgba(203,160,71,.1); }
.ft-soc svg   { width:15px; height:15px; }
.ft-nav-col h5, .ft-contact-col h5, .ft-brand-col h5 {
  font-family:var(--font-b);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.5rem;
}
.ft-links { display:flex; flex-direction:column; gap:.6rem; }
.ft-links a {
  font-size:.88rem;
  color:var(--text-muted);
  transition:color .25s, transform .25s;
  display:inline-block;
}
.ft-links a:hover { color:var(--gold-light); transform:translateX(4px); }
.ft-info  { display:flex; flex-direction:column; gap:1rem; }
.ft-row   { display:flex; align-items:flex-start; gap:.75rem; font-size:.875rem; color:var(--text-muted); line-height:1.55; }
.ft-row .fi { color:var(--gold); flex-shrink:0; margin-top:1px; font-size:1rem; }
.ft-row a:hover { color:var(--gold-light); }
.footer-bar {
  border-top:1px solid rgba(203,160,71,.1);
  padding-top:1.5rem;
  display:flex; align-items:center;
  justify-content:space-between;
  flex-wrap:wrap; gap:.5rem;
}
.footer-bar p { font-size:.75rem; color:var(--text-dim); }
.footer-bar a { color:var(--gold); transition:color .25s; }
.footer-bar a:hover { color:var(--gold-light); }

/* ══════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════ */
.reveal, .reveal-l, .reveal-r {
  opacity:0;
  transition:opacity .85s var(--ease), transform .85s var(--ease);
}
.reveal   { transform:translateY(38px); }
.reveal-l { transform:translateX(-48px); }
.reveal-r { transform:translateX(48px); }
.reveal.vis, .reveal-l.vis, .reveal-r.vis { opacity:1; transform:translate(0,0); }
.d1 { transition-delay:.06s; }
.d2 { transition-delay:.13s; }
.d3 { transition-delay:.20s; }
.d4 { transition-delay:.27s; }

/* ══════════════════════════════════════
   RESPONSIVE — SHARED
══════════════════════════════════════ */
@media (max-width:768px) {
  .nav-links, .nav-order-btn { display:none !important; }
  .hamburger  { display:flex; }
  .container  { padding:0 1.5rem; }
  .section    { padding:4.5rem 0; }
  .footer-grid { grid-template-columns:1fr; gap:2.75rem; }
  .footer-bar  { flex-direction:column; text-align:center; }
}

/* ══════════════════════════════════════
   HOMEPAGE — index.html
══════════════════════════════════════ */
/* index.css — Page-specific styles */

/* ══════════════════════════════════════
       CUSTOM PROPERTIES
    ══════════════════════════════════════ */

    /* ══════════════════════════════════════
       RESET & BASE
    ══════════════════════════════════════ */
    a   { text-decoration:none; color:inherit; }
    ul  { list-style:none; }

    /* ══════════════════════════════════════
       UTILITY
    ══════════════════════════════════════ */

    /* ══════════════════════════════════════
       BUTTONS
    ══════════════════════════════════════ */

    /* ══════════════════════════════════════
       NAVBAR
    ══════════════════════════════════════ */

    /* Hamburger */

    /* ══════════════════════════════════════
       MOBILE NAV
    ══════════════════════════════════════ */

    /* ══════════════════════════════════════
       HERO
    ══════════════════════════════════════ */
    .hero {
      position:relative;
      min-height:100vh;
      display:flex;
      align-items:center;
      overflow:hidden;
    }

    /* Layers */
    .hero-bg {
      position:absolute; inset:0;
      background-color:var(--navy-deep);
      background-image:url('images/hero-2.jpg');
      background-size:cover;
      background-position:center 35%;
      animation:kenBurns 22s ease-in-out infinite alternate;
      will-change:transform;
    }
    @keyframes kenBurns {
      from { transform:scale(1.0); }
      to   { transform:scale(1.08); }
    }
    .hero-overlay {
      position:absolute; inset:0;
      background:linear-gradient(
        160deg,
        rgba(5,13,24,.95) 0%,
        rgba(11,24,42,.65) 30%,
        rgba(13,27,45,.78) 65%,
        rgba(5,13,24,.98) 100%
      );
      z-index:1;
    }
    .hero-grain {
      position:absolute; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
      background-size:160px;
      opacity:.04;
      z-index:2;
      pointer-events:none;
    }
    .hero-radial {
      position:absolute; inset:0;
      background:radial-gradient(ellipse 70% 60% at 35% 45%, rgba(203,160,71,.11) 0%, transparent 62%);
      z-index:2;
      pointer-events:none;
    }
    .hero-vignette {
      position:absolute; inset:0;
      background:radial-gradient(ellipse 110% 110% at 50% 50%, transparent 45%, rgba(4,10,18,.75) 100%);
      z-index:2;
      pointer-events:none;
    }

    /* Location tag — hidden on desktop (eyebrow inside hero-inner handles this) */
    .hero-location { display:none; }
    .loc-dot { display:none; }

    /* Vertical text — right */
    .hero-vert {
      position:absolute;
      right:2.5rem; top:50%;
      z-index:5;
      font-family:var(--font-b);
      font-size:.58rem;
      font-weight:600;
      letter-spacing:.24em;
      text-transform:uppercase;
      color:rgba(203,160,71,.45);
      writing-mode:vertical-rl;
      transform:translateY(-50%) rotate(180deg);
      opacity:0;
      animation:fadeIn .9s 1.6s var(--ease) forwards;
    }

    @keyframes fadeIn { from{opacity:0;} to{opacity:1;} }

    /* Content block — CENTER aligned */
    .hero-content {
      position:relative;
      z-index:5;
      width:100%;
    }
    .hero-inner {
      max-width:1260px;
      margin:0 auto;
      padding:6rem max(5.5vw, 2.5rem) 6rem;
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
    }

    /* Word-clip headlines */
    .word-wrap {
      overflow:visible;
      display:block;
      line-height:1;
    }
    .hero-headline { overflow:hidden; }
    .h-hungry {
      font-family:var(--font-h);
      font-size:clamp(2.4rem, 6.5vw, 6.5rem);
      font-weight:900;
      font-style:normal;
      color:var(--text);
      line-height:1.08;
      letter-spacing:-.03em;
      display:block;
      animation:wordReveal 1s .25s var(--spring) both;
    }
    .h-elephant {
      font-family:var(--font-h);
      font-size:clamp(2.6rem, 7vw, 7rem);
      font-weight:900;
      font-style:italic;
      color:var(--gold);
      line-height:1.08;
      letter-spacing:-.03em;
      display:block;
      margin-top:-.02em;
      animation:wordReveal 1s .48s var(--spring) both;
    }
    @keyframes wordReveal {
      from { opacity:0; clip-path:inset(0 0 100% 0); }
      to   { opacity:1; clip-path:inset(0 0 0% 0);   }
    }

    /* Gold accent line */
    .hero-line {
      height:1.5px;
      background:linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);
      width:0;
      margin:.3rem auto .4rem;
      animation:lineGrow .9s .9s var(--ease) both;
    }
    @keyframes lineGrow { to { width:80px; } }

    /* TRADITIONAL INDIAN CUISINE highlight strip above headline */
    .hero-tradition {
      display:inline-flex;
      align-items:center;
      gap:.75rem;
      background:rgba(203,160,71,.15);
      border:1px solid rgba(203,160,71,.35);
      border-radius:50px;
      padding:.45rem 1.4rem;
      font-family:var(--font-b);
      font-size:.65rem;
      font-weight:700;
      letter-spacing:.25em;
      text-transform:uppercase;
      color:var(--gold-light);
      margin-bottom:.5rem;
      opacity:0;
      animation:fadeUp .8s .05s var(--ease) forwards;
    }
    .hero-tradition::before,
    .hero-tradition::after {
      content:'';
      display:inline-block;
      width:16px; height:1px;
      background:var(--gold);
      opacity:.6;
    }

    .hero-rest {
      font-family:var(--font-a);
      font-style:italic;
      font-weight:400;
      font-size:clamp(1.6rem, 2.8vw, 2.8rem);
      color:rgba(246,248,255,.75);
      letter-spacing:.18em;
      display:block;
      margin-bottom:.5rem;
      animation:fadeUp .8s 1.05s var(--ease) both;
    }
    .hero-tagline {
      font-family:var(--font-b);
      font-style:normal;
      font-weight:400;
      font-size:clamp(.95rem, 1.25vw, 1.1rem);
      color:rgba(246,248,255,.78);
      line-height:1.7;
      max-width:520px;
      margin-bottom:2rem;
      text-align:center;
      animation:fadeUp .8s 1.2s var(--ease) both;
    }
    .hero-ctas {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:1rem;
      flex-wrap:wrap;
      animation:fadeUp .8s 1.35s var(--ease) both;
    }
    .hero-ctas .btn { padding:1rem 2.4rem; font-size:.95rem; }
    .hero-ctas .btn-outline {
      border-color:rgba(246,248,255,.45);
      color:var(--text);
    }
    .hero-ctas .btn-outline:hover {
      background:rgba(246,248,255,.1);
      border-color:rgba(246,248,255,.8);
    }

    /* Floating gold particles */
    .particle {
      position:absolute;
      border-radius:50%;
      background:var(--gold);
      pointer-events:none;
      z-index:3;
    }
    .p1 { width:5px; height:5px; top:22%; left:14%; opacity:.1;  animation:drift1 8s  ease-in-out infinite; }
    .p2 { width:7px; height:7px; top:52%; left:72%; opacity:.08; animation:drift2 11s ease-in-out infinite; }
    .p3 { width:4px; height:4px; top:32%; right:22%; opacity:.12; animation:drift3 9.5s ease-in-out infinite; }
    .p4 { width:6px; height:6px; bottom:28%; left:42%; opacity:.09; animation:drift4 13s ease-in-out infinite; }

    @keyframes drift1 { 0%,100%{transform:translate(0,0);}    33%{transform:translate(18px,-14px);}  66%{transform:translate(-12px,16px);} }
    @keyframes drift2 { 0%,100%{transform:translate(0,0);}    40%{transform:translate(-20px,12px);}  70%{transform:translate(16px,-20px);} }
    @keyframes drift3 { 0%,100%{transform:translate(0,0);}    35%{transform:translate(14px,22px);}   70%{transform:translate(-18px,-10px);} }
    @keyframes drift4 { 0%,100%{transform:translate(0,0);}    45%{transform:translate(-24px,16px);}  80%{transform:translate(20px,-12px);} }

    /* Hero bottom bar */
    .hero-bottom {
      position:absolute;
      bottom:0; left:0; right:0;
      z-index:5;
      padding:1.5rem max(5.5vw, 2.5rem);
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-top:1px solid rgba(203,160,71,.07);
      background:linear-gradient(transparent, rgba(5,13,24,.45));
    }
    .open-status {
      display:flex;
      align-items:center;
      gap:.75rem;
      font-family:var(--font-b);
      font-size:.75rem;
      font-weight:600;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:rgba(246,248,255,.75);
    }
    .open-dot {
      width:8px; height:8px;
      border-radius:50%;
      background:#22c55e;
      flex-shrink:0;
      animation:pulseGreen 2.5s ease infinite;
    }
    @keyframes pulseGreen {
      0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5);}
      50%    {box-shadow:0 0 0 8px rgba(34,197,94,0);}
    }
    .scroll-ind { display:flex; flex-direction:column; align-items:center; gap:.45rem; }
    .scroll-mouse {
      width:22px; height:34px;
      border:1.5px solid rgba(203,160,71,.5);
      border-radius:12px;
      display:flex; justify-content:center; padding-top:6px;
    }
    .scroll-wheel {
      width:3px; height:7px;
      background:var(--gold);
      border-radius:2px;
      opacity:.8;
      animation:scrollWheel 2s ease infinite;
    }
    @keyframes scrollWheel {
      0%,100%{transform:translateY(0); opacity:.8;}
      50%    {transform:translateY(7px); opacity:.25;}
    }
    .scroll-label { font-size:.65rem; letter-spacing:.14em; color:rgba(246,248,255,.55); text-transform:uppercase; }
    .hero-socials { display:flex; gap:.85rem; }
    .hero-social {
      width:38px; height:38px;
      border:1.5px solid rgba(203,160,71,.35);
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      color:rgba(203,160,71,.7);
      transition:all .3s var(--ease);
    }
    .hero-social:hover { border-color:var(--gold); color:var(--gold); background:rgba(203,160,71,.12); }
    .hero-social svg { width:17px; height:17px; }

    /* ══════════════════════════════════════
       TICKER
    ══════════════════════════════════════ */
    .ticker { background:var(--gold); padding:.7rem 0; overflow:hidden; }
    .ticker-track {
      display:flex;
      animation:tickerMove 50s linear infinite;
      white-space:nowrap;
      will-change:transform;
    }
    .ticker-track:hover { animation-play-state:paused; }
    .ticker-item {
      display:inline-flex;
      align-items:center;
      gap:1.25rem;
      padding-right:2.5rem;
      font-family:var(--font-b);
      font-size:.7rem;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--navy);
      flex-shrink:0;
    }
    .ticker-sep { font-size:.5rem; color:rgba(13,27,45,.35); }
    @keyframes tickerMove { from{transform:translateX(0);} to{transform:translateX(-50%);} }

    /* ══════════════════════════════════════
       STATS BAR
    ══════════════════════════════════════ */
    .stats-bar {
      background:var(--navy-black);
      border-top:1px solid rgba(203,160,71,.18);
      border-bottom:1px solid rgba(203,160,71,.18);
      padding:2.75rem 0;
    }
    .stats-inner { display:grid; grid-template-columns:repeat(4,1fr); }
    .stat-item { text-align:center; padding:1rem 1.5rem; position:relative; }
    .stat-item + .stat-item::before {
      content:'';
      position:absolute;
      left:0; top:15%; bottom:15%;
      width:1px;
      background:rgba(203,160,71,.18);
    }
    .stat-number {
      font-family:var(--font-h);
      font-size:clamp(2.6rem, 4.5vw, 4rem);
      font-weight:900;
      color:var(--gold);
      line-height:1;
      display:block;
      margin-bottom:.6rem;
    }
    .stat-label {
      font-family:var(--font-b);
      font-size:.62rem;
      font-weight:600;
      letter-spacing:.2em;
      text-transform:uppercase;
      color:var(--text-muted);
    }

    /* ══════════════════════════════════════
       ABOUT
    ══════════════════════════════════════ */
    .about-section { background:var(--navy); position:relative; overflow:hidden; }
    .about-section::after {
      content:'';
      position:absolute;
      top:0; right:0;
      width:55%; height:100%;
      background:radial-gradient(ellipse 80% 60% at 85% 35%, rgba(203,160,71,.06) 0%, transparent 65%);
      pointer-events:none; z-index:0;
    }
    .about-grid {
      display:grid;
      grid-template-columns:50fr 50fr;
      gap:5rem;
      align-items:center;
      position:relative; z-index:1;
    }

    /* Corner bracket frame */
    .about-frame { position:relative; display:block; }
    .about-frame::before {
      content:'';
      position:absolute;
      top:-14px; left:-14px;
      width:34px; height:34px;
      border-top:2px solid var(--gold);
      border-left:2px solid var(--gold);
      z-index:2; pointer-events:none;
    }
    .about-frame::after {
      content:'';
      position:absolute;
      bottom:-14px; right:-14px;
      width:34px; height:34px;
      border-bottom:2px solid var(--gold);
      border-right:2px solid var(--gold);
      z-index:2; pointer-events:none;
    }
    .about-img {
      width:100%;
      aspect-ratio:4/5;
      object-fit:cover;
      border-radius:var(--r-lg);
      filter:brightness(.82) saturate(1.05);
      display:block;
    }
    /* replace with client image */

    .about-badge {
      position:absolute;
      bottom:2rem; right:-1.75rem;
      background:var(--navy-mid);
      border:1px solid rgba(203,160,71,.25);
      border-radius:var(--r-md);
      padding:1rem 1.5rem;
      box-shadow:0 16px 48px rgba(0,0,0,.55);
      min-width:165px; z-index:3;
    }
    .bnum { font-family:var(--font-h); font-size:2rem; font-weight:700; color:var(--gold); line-height:1; display:block; margin-bottom:3px; }
    .btxt { font-family:var(--font-a); font-style:italic; font-size:.82rem; color:var(--text-muted); line-height:1.4; }

    .about-text h2 {
      font-family:var(--font-h);
      font-size:clamp(2rem, 3.4vw, 3.1rem);
      font-weight:700;
      color:var(--text);
      line-height:1.12;
      letter-spacing:-.015em;
      margin-bottom:0;
    }
    .about-text h2 em { font-style:italic; color:var(--gold); }
    .about-text p {
      font-size:1rem;
      color:var(--text-muted);
      line-height:1.85;
      margin-top:1.25rem;
      max-width:490px;
    }
    .about-details { display:flex; flex-direction:column; gap:.85rem; margin:2rem 0; }
    .about-detail { display:flex; align-items:flex-start; gap:.85rem; }
    .adi { font-size:1.2rem; flex-shrink:0; margin-top:1px; }
    .adt strong { display:block; font-weight:600; color:var(--text); font-size:.9rem; margin-bottom:1px; }
    .adt span   { font-size:.85rem; color:var(--text-muted); line-height:1.5; }

    /* ══════════════════════════════════════
       DISHES — ASYMMETRIC BENTO
    ══════════════════════════════════════ */
    .dishes-section { background:#07111e; position:relative; overflow:hidden; }
    .dishes-section::before {
      content:''; position:absolute; inset:0;
      background:radial-gradient(ellipse 75% 55% at 22% 50%, rgba(203,160,71,.07) 0%, transparent 60%);
      pointer-events:none;
    }
    .dishes-head {
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      margin-bottom:2.75rem;
      flex-wrap:wrap;
      gap:1.5rem;
    }
    .dishes-head h2 {
      font-family:var(--font-h);
      font-size:clamp(2rem, 3.5vw, 3rem);
      color:var(--text);
      line-height:1.1;
      letter-spacing:-.015em;
    }
    .dishes-head h2 em { font-style:italic; color:var(--gold); }
    .dishes-head p { font-size:.95rem; color:var(--text-muted); margin-top:.5rem; max-width:340px; }

    /* 60/40 asymmetric bento */
    .bento-grid {
      display:grid;
      grid-template-columns:60fr 40fr;
      grid-template-rows:340px 340px;
      gap:1.25rem;
    }
    .bento-card {
      position:relative;
      overflow:hidden;
      border-radius:var(--r-lg);
      cursor:pointer;
      border:1px solid rgba(203,160,71,.07);
    }
    .bento-large { grid-row:1 / 3; }
    .bento-img {
      width:100%; height:100%;
      object-fit:cover;
      transition:transform .75s cubic-bezier(.4,0,.2,1);
      display:block;
    }
    /* replace each with client dish image */
    .bento-card:hover .bento-img { transform:scale(1.07); }
    .bento-price {
      position:absolute;
      top:1rem; right:1rem;
      background:rgba(5,13,24,.9);
      border:1px solid rgba(203,160,71,.38);
      border-radius:50px;
      padding:.3rem .9rem;
      font-family:var(--font-b);
      font-size:.76rem; font-weight:700;
      color:var(--gold);
      backdrop-filter:blur(8px);
      z-index:3;
    }
    .bento-overlay {
      position:absolute;
      bottom:0; left:0; right:0;
      z-index:2;
      padding:2.5rem 1.75rem 1.75rem;
      background:linear-gradient(transparent, rgba(5,13,24,.95));
    }
    .bento-large .bento-overlay { padding:4rem 2.25rem 2.25rem; }
    .bento-tag {
      font-family:var(--font-b);
      font-size:.6rem; font-weight:700;
      letter-spacing:.15em;
      text-transform:uppercase;
      color:var(--gold);
      margin-bottom:.4rem;
    }
    .bento-name {
      font-family:var(--font-h);
      font-size:1.55rem; font-weight:600;
      color:var(--text);
      line-height:1.2;
    }
    .bento-large .bento-name { font-size:2.2rem; }
    .bento-desc {
      font-size:.86rem;
      color:var(--text-muted);
      line-height:1.6;
      max-height:0;
      overflow:hidden;
      transform:translateY(14px);
      opacity:0;
      transition:max-height .5s var(--ease), transform .5s var(--ease), opacity .4s var(--ease);
      margin-top:0;
    }
    .bento-card:hover .bento-desc {
      max-height:120px;
      transform:translateY(0);
      opacity:1;
      margin-top:.6rem;
    }
    .dishes-cta { text-align:center; margin-top:3rem; }

    /* ══════════════════════════════════════
       ORDER ONLINE
    ══════════════════════════════════════ */
    .order-section {
      position:relative; overflow:hidden;
      min-height:520px;
      display:flex; align-items:center;
      text-align:center;
    }
    .order-bg {
      position:absolute; inset:0;
      background-color:var(--navy-deep);
      background-image:url('https://images.unsplash.com/photo-1585937421612-70a008356fbe?auto=format&fit=crop&w=1920&q=80');
      /* replace with client image */
      background-size:cover;
      background-position:center;
    }
    .order-ov  { position:absolute; inset:0; background:rgba(5,13,24,.82); }
    .order-rad { position:absolute; inset:0; background:radial-gradient(ellipse 65% 80% at 50% 50%, rgba(203,160,71,.13) 0%, transparent 68%); }
    .order-content { position:relative; z-index:3; width:100%; padding:6.5rem 2rem; }
    .order-logo-wrap { display:flex; justify-content:center; margin-bottom:1.75rem; }
    .order-logo-wrap img {
      height:100px; width:auto;
      filter:drop-shadow(0 6px 30px rgba(203,160,71,.42));
      animation:floatY 5s ease-in-out infinite;
    }
    .order-logo-fb {
      font-family:var(--font-h);
      font-size:2.5rem; font-weight:700;
      color:var(--gold);
      animation:floatY 5s ease-in-out infinite;
    }
    @keyframes floatY { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
    .order-h {
      font-family:var(--font-h);
      font-size:clamp(2.4rem, 5.5vw, 5rem);
      font-weight:900;
      color:var(--text);
      line-height:1.08;
      letter-spacing:-.02em;
      margin-bottom:1rem;
    }
    .order-h em { font-style:italic; color:var(--gold); }
    .order-sub {
      font-family:var(--font-a);
      font-style:italic;
      font-size:clamp(1rem, 1.6vw, 1.3rem);
      color:var(--text-muted);
      line-height:1.7;
      max-width:400px;
      margin:0 auto 2.5rem;
    }
    .order-btn { font-size:1.05rem !important; padding:1.2rem 3.5rem !important; }
    .order-fine { font-size:.7rem; color:var(--text-dim); letter-spacing:.08em; margin-top:1.25rem; }

    /* ══════════════════════════════════════
       LUNCH SPECIALS
    ══════════════════════════════════════ */
    .lunch-home {
      background:var(--cream);
      color:var(--navy);
      position:relative;
      overflow:hidden;
    }
    .lunch-home::before {
      content:'';
      position:absolute;
      top:-60px; right:-80px;
      width:420px; height:420px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(203,160,71,.08) 0%, transparent 70%);
      pointer-events:none;
    }
    .lunch-head { margin-bottom:3.25rem; }
    .lunch-eyebrow {
      display:flex;
      align-items:center;
      gap:1rem;
      font-family:var(--font-b);
      font-size:.68rem; font-weight:700;
      letter-spacing:.2em;
      color:var(--gold);
      text-transform:uppercase;
      margin-bottom:1.25rem;
    }
    .lunch-rule {
      flex:1;
      max-width:55px;
      height:1px;
      background:var(--gold);
      opacity:.45;
    }
    .lunch-avail {
      font-family:var(--font-b);
      font-size:.88rem; font-weight:600;
      letter-spacing:.04em;
      color:var(--gold);
      margin-bottom:.75rem;
    }
    .lunch-sub {
      font-size:1rem;
      color:rgba(13,27,45,.55);
      max-width:420px;
    }
    .lunch-badge {
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      background:var(--navy);
      color:var(--gold);
      font-family:var(--font-b);
      font-size:.68rem; font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      padding:.5rem 1.25rem;
      border-radius:50px;
      margin-bottom:1.5rem;
    }
    .badge-dot {
      width:5px; height:5px;
      border-radius:50%;
      background:var(--gold);
      animation:pulseGold 2s ease infinite;
    }
    @keyframes pulseGold {
      0%,100%{box-shadow:0 0 0 0 rgba(203,160,71,.5);}
      50%    {box-shadow:0 0 0 5px rgba(203,160,71,0);}
    }
    .lunch-head h2 {
      font-family:var(--font-h);
      font-size:clamp(2rem, 4vw, 3.4rem);
      color:var(--navy);
      line-height:1.1;
      letter-spacing:-.015em;
      margin-bottom:.65rem;
    }
    .lunch-head h2 em { font-style:italic; color:var(--gold); }
    .lunch-head p { font-size:1rem; color:rgba(13,27,45,.58); max-width:440px; }
    .lunch-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
    .lunch-card {
      background:#ffffff;
      border-radius:var(--r-lg);
      padding:2rem 1.75rem 1.75rem;
      border-top:3px solid var(--gold);
      box-shadow:0 4px 28px rgba(13,27,45,.07);
      transition:transform .4s var(--ease), box-shadow .4s var(--ease);
      position:relative; overflow:hidden;
    }
    .lunch-card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:100%;
      background:linear-gradient(135deg, rgba(203,160,71,.03) 0%, transparent 60%);
      pointer-events:none;
    }
    .lunch-card:hover { transform:translateY(-7px); box-shadow:0 20px 55px rgba(13,27,45,.14); }
    .lunch-icon { font-size:2rem; margin-bottom:1rem; display:block; }
    .lunch-card h3 { font-family:var(--font-h); font-size:1.45rem; color:var(--navy); line-height:1.2; margin-bottom:.35rem; }
    .lunch-price { font-family:var(--font-h); font-size:1.7rem; font-weight:700; color:var(--gold); margin-bottom:.85rem; display:block; }
    .lunch-includes { font-size:.83rem; color:rgba(13,27,45,.6); line-height:1.75; margin-bottom:1rem; }
    .lunch-quote {
      font-family:var(--font-a);
      font-style:italic;
      font-size:.9rem;
      color:rgba(13,27,45,.45);
      border-top:1px solid rgba(13,27,45,.1);
      padding-top:1rem;
      line-height:1.55;
    }

    /* ══════════════════════════════════════
       CATERING
    ══════════════════════════════════════ */
    .catering-section {
      background:var(--navy-mid);
      position:relative; overflow:hidden;
      border-top:1px solid rgba(203,160,71,.14);
    }
    .cat-watermark {
      position:absolute;
      top:50%; left:50%;
      transform:translate(-50%,-50%) rotate(-5deg);
      font-family:var(--font-h);
      font-size:17vw; font-weight:900;
      color:var(--gold);
      opacity:.04;
      white-space:nowrap;
      pointer-events:none; z-index:0;
      line-height:1;
    }
    .cat-grid {
      display:grid;
      grid-template-columns:44fr 56fr;
      gap:5rem;
      align-items:center;
      position:relative; z-index:1;
    }
    .cat-img-col { position:relative; }
    .cat-frame   { position:relative; display:block; }
    .cat-frame::before {
      content:'';
      position:absolute; top:-12px; left:-12px;
      width:28px; height:28px;
      border-top:2px solid var(--gold);
      border-left:2px solid var(--gold);
      z-index:2;
    }
    .cat-frame::after {
      content:'';
      position:absolute; bottom:-12px; right:-12px;
      width:28px; height:28px;
      border-bottom:2px solid var(--gold);
      border-right:2px solid var(--gold);
      z-index:2;
    }
    .cat-img {
      width:100%; aspect-ratio:4/5;
      object-fit:cover;
      border-radius:var(--r-lg);
      filter:brightness(.78) saturate(1.1);
      display:block;
    }
    /* replace with client catering image */
    .cat-text h2 {
      font-family:var(--font-h);
      font-size:clamp(2rem, 3.4vw, 3.1rem);
      font-weight:700; color:var(--text);
      line-height:1.1; letter-spacing:-.015em;
      margin-bottom:0;
    }
    .cat-text h2 em { font-style:italic; color:var(--gold); }
    .cat-text > p { font-size:1rem; color:var(--text-muted); line-height:1.82; margin:1.25rem 0 2.25rem; max-width:480px; }
    .cat-services { display:flex; flex-direction:column; gap:1.25rem; margin-bottom:2.5rem; }
    .cat-svc { display:flex; gap:1rem; align-items:flex-start; }
    .cat-svc-icon { font-size:1.5rem; flex-shrink:0; margin-top:2px; }
    .cat-svc-name { font-family:var(--font-b); font-size:.92rem; font-weight:600; color:var(--text); margin-bottom:2px; }
    .cat-svc-sub  { font-size:.82rem; color:var(--text-muted); line-height:1.5; }

    /* ══════════════════════════════════════
       REVIEWS
    ══════════════════════════════════════ */
    .reviews-section {
      background:var(--navy-light);
      background-image:repeating-linear-gradient(
        45deg,
        rgba(203,160,71,.028) 0px, rgba(203,160,71,.028) 1px,
        transparent 1px, transparent 28px
      );
      position:relative;
    }
    .reviews-head { text-align:center; margin-bottom:3.5rem; }
    .reviews-head h2 { font-family:var(--font-h); font-size:clamp(2rem, 3.4vw, 3rem); color:var(--text); letter-spacing:-.015em; }
    .reviews-head h2 em { font-style:italic; color:var(--gold); }
    .reviews-head p { font-size:.95rem; color:var(--text-muted); margin-top:.6rem; }
    .reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
    .review-card {
      background:rgba(255,255,255,.04);
      border:1px solid rgba(203,160,71,.13);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      border-radius:22px;
      padding:2.25rem;
      transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;
      position:relative; overflow:hidden;
    }
    .review-card::before {
      content:'"';
      position:absolute; top:-.75rem; left:1.5rem;
      font-family:var(--font-h); font-size:8rem;
      color:var(--gold); opacity:.06;
      line-height:1; pointer-events:none; z-index:0;
    }
    .review-card:hover { transform:translateY(-8px); border-color:rgba(203,160,71,.3); box-shadow:0 22px 60px rgba(0,0,0,.42); }
    .rv-stars { color:var(--gold); font-size:.92rem; letter-spacing:.06em; margin-bottom:1.1rem; position:relative; z-index:1; }
    .rv-quote {
      font-family:var(--font-a);
      font-style:italic; font-weight:300;
      font-size:1.05rem;
      color:var(--text);
      line-height:1.82;
      margin-bottom:1.5rem;
      position:relative; z-index:1;
    }
    .rv-meta { display:flex; align-items:center; gap:.6rem; font-size:.76rem; color:var(--text-dim); position:relative; z-index:1; }
    .rv-name { font-weight:600; color:var(--text-muted); }
    .g-badge { display:inline-flex; align-items:center; gap:.3rem; font-size:.66rem; color:rgba(203,160,71,.5); margin-left:auto; }
    .reviews-cta { text-align:center; margin-top:3rem; }

    /* ══════════════════════════════════════
       FOOTER
    ══════════════════════════════════════ */
    .footer { background:var(--navy-black); border-top:1px solid rgba(203,160,71,.13); padding:6rem 0 2rem; }

    /* ══════════════════════════════════════
       FIXED FLOATING ELEMENTS
    ══════════════════════════════════════ */
    .wa-fab   { display:none !important; }
    .order-pill { display:none !important; }

    /* ══════════════════════════════════════
       SCROLL REVEAL
    ══════════════════════════════════════ */

    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media(max-width:1100px) {
      .about-grid { gap:3.5rem; }
      .cat-grid   { gap:3.5rem; }
      .bento-grid { grid-template-rows:300px 300px; }
    }
    @media(max-width:900px) {
      .bento-grid { grid-template-columns:1fr; grid-template-rows:320px 240px 240px; }
      .bento-large{ grid-row:auto; }
      .reviews-grid { grid-template-columns:1fr; }
    }
    @media(max-width:768px) {
      .hero-inner { padding:7rem 1.5rem 6rem; }
      .h-hungry   { font-size:clamp(3.5rem, 17vw, 6rem); }
      .h-elephant { font-size:clamp(3.8rem, 18.5vw, 6.5rem); }
      .hero-vert  { display:none; }
      .hero-location { font-size:.52rem; letter-spacing:.2em; }
      .hero-bottom .open-status { display:none; }
      .hero-bottom .scroll-ind  { display:none; }
      .stats-inner { grid-template-columns:repeat(2,1fr); }
      .stat-item:nth-child(3)::before { display:none; }
      .stat-item:nth-child(3),
      .stat-item:nth-child(4) { border-top:1px solid rgba(203,160,71,.18); padding-top:1.5rem; margin-top:.5rem; }
      .about-grid  { grid-template-columns:1fr; gap:3rem; }
      .about-img-wrap { order:-1; }
      .about-img   { aspect-ratio:16/9; }
      .about-badge { right:1rem; bottom:-.5rem; }
      .about-frame::before, .about-frame::after { display:none; }
      .dishes-head { flex-direction:column; align-items:flex-start; }
      .lunch-cards { grid-template-columns:1fr; max-width:400px; }
      .cat-grid    { grid-template-columns:1fr; }
      .cat-img-col { display:none; }
    }
    @media(max-width:480px) {
      .hero-ctas { flex-direction:column; align-items:flex-start; }
      .hero-ctas .btn { width:100%; max-width:290px; justify-content:center; }
      .stat-number { font-size:2.5rem; }
    }

/* ══════════════════════════════════════
   MENU PAGE — menu.html
══════════════════════════════════════ */
/* menu.css — Page-specific styles */

/* BUTTONS */

            /* FILTER TABS */
    .menu-tabs-wrap{background:var(--navy-black);border-bottom:1px solid rgba(203,160,71,.12);position:sticky;top:0;z-index:100;}
    .menu-tabs{display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding:.85rem 2.5rem;scrollbar-width:none;-ms-overflow-style:none;max-width:1260px;margin:0 auto;}
    .menu-tabs::-webkit-scrollbar{display:none;}
    .tab-btn{flex-shrink:0;padding:.55rem 1.35rem;border-radius:50px;font-family:var(--font-b);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1.5px solid rgba(203,160,71,.18);cursor:pointer;transition:all .3s var(--ease);}
    .tab-btn:hover{color:var(--gold);border-color:rgba(203,160,71,.45);}
    .tab-btn.active{background:linear-gradient(135deg,#c49432,#e8bb6a);color:var(--navy);border-color:transparent;box-shadow:0 4px 18px rgba(203,160,71,.3);}

    /* MENU BODY */
    .menu-body{padding:4rem 0 6rem;}
    .menu-section{margin-bottom:4.5rem;}
    .menu-section.hidden{display:none;}
    .menu-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(203,160,71,.12);gap:1rem;}
    .menu-section-title{font-family:var(--font-h);font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;color:var(--text);line-height:1;}
    .menu-section-title em{font-style:italic;color:var(--gold);}
    .menu-section-desc{font-size:.85rem;color:var(--text-muted);max-width:420px;text-align:right;}

    /* DISH LIST (for long sections like Non-Veg) */
    .dish-list{display:flex;flex-direction:column;gap:.75rem;}
    .dish-row{background:var(--navy-mid);border:1px solid rgba(203,160,71,.08);border-radius:var(--r-md);padding:1.1rem 1.4rem;display:flex;align-items:flex-start;gap:1rem;position:relative;transition:border-color .3s,box-shadow .3s;}
    .dish-row:hover{border-color:rgba(203,160,71,.22);box-shadow:0 6px 24px rgba(0,0,0,.3);}
    .dish-row-dot{width:14px;height:14px;border-radius:2px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;}
    .dish-row-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}
    .dish-row-dot.veg{color:#22c55e;}
    .dish-row-dot.nonveg{color:#ef4444;}
    .dish-row-body{flex:1;}
    .dish-row-name{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.25rem;}
    .dish-row-desc{font-size:.8rem;color:var(--text-muted);line-height:1.55;}
    .dish-row-price{font-family:var(--font-h);font-size:1.05rem;font-weight:700;color:var(--gold);white-space:nowrap;flex-shrink:0;margin-top:2px;}

    /* DISH GRID (for smaller sections) */
    .dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
    .dish-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.08);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);}
    .dish-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));opacity:0;transition:opacity .3s;}
    .dish-card:hover{border-color:rgba(203,160,71,.25);box-shadow:0 12px 40px rgba(0,0,0,.35);transform:translateY(-3px);}
    .dish-card:hover::before{opacity:1;}
    .dish-type{position:absolute;top:1.25rem;right:1.25rem;width:14px;height:14px;border-radius:2px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;}
    .dish-type::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}
    .dish-type.veg{color:#22c55e;}
    .dish-type.nonveg{color:#ef4444;}
    .dish-name{font-family:var(--font-h);font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.5rem;padding-right:1.5rem;}
    .dish-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6;flex:1;margin-bottom:1rem;}
    .dish-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
    .dish-price{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--gold);}
    .dish-tag{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .65rem;border-radius:50px;border:1px solid rgba(203,160,71,.3);color:var(--gold-light);}
    .dish-tag.spicy{border-color:rgba(239,68,68,.35);color:#fca5a5;}
    .dish-tag.popular{background:rgba(203,160,71,.12);border-color:rgba(203,160,71,.35);}
    .dish-tag.chef{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#c4b5fd;}

    /* TWO-COL GRID (for breads/sides/desserts) */
    .dish-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}

    /* SPICE LEVEL NOTICE */
    .spice-notice{background:rgba(203,160,71,.06);border:1px solid rgba(203,160,71,.18);border-radius:var(--r-md);padding:1.25rem 1.75rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem;flex-wrap:wrap;}
    .spice-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap;}
    .spice-levels{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}
    .spice-pill{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem;}
    .spice-pill span{font-size:.85rem;}
    .spice-text{font-size:.8rem;color:var(--text-dim);flex:1;min-width:200px;}

    /* TANDOORI GRID — large hero-style cards */
    .tandoori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
    .tandoori-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s;}
    .tandoori-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c49432,#e8bb6a);opacity:0;transition:opacity .3s;}
    .tandoori-card:hover{border-color:rgba(203,160,71,.3);box-shadow:0 12px 40px rgba(0,0,0,.35);transform:translateY(-3px);}
    .tandoori-card:hover::before{opacity:1;}
    .tc-type{position:absolute;top:1.25rem;right:1.25rem;width:14px;height:14px;border-radius:2px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;}
    .tc-type::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}
    .tc-type.veg{color:#22c55e;}
    .tc-type.nonveg{color:#ef4444;}
    .tc-flame{font-size:1.4rem;margin-bottom:.65rem;opacity:.8;}
    .tc-name{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.4rem;padding-right:1.5rem;}
    .tc-desc{font-size:.8rem;color:var(--text-muted);line-height:1.55;flex:1;margin-bottom:1rem;}
    .tc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
    .tc-price{font-family:var(--font-h);font-size:1.2rem;font-weight:900;color:var(--gold);}
    .tc-pieces{font-size:.72rem;color:var(--text-dim);letter-spacing:.06em;}
    /* Mixed grill full-width */
    .tandoori-card.full-width{grid-column:1/-1;flex-direction:row;align-items:center;gap:2rem;padding:1.75rem 2rem;}
    .tandoori-card.full-width .tc-name{font-size:1.4rem;}
    .tandoori-card.full-width .tc-price{font-size:1.5rem;}
    .tandoori-card.full-width .tc-desc{margin-bottom:0;}

    /* LUNCH SECTION */
    .lunch-section{background:linear-gradient(135deg,var(--navy-black) 0%,#0a1628 100%);border-top:1px solid rgba(203,160,71,.12);border-bottom:1px solid rgba(203,160,71,.12);padding:5rem 0;position:relative;overflow:hidden;}
    .lunch-section::before{content:'LUNCH';position:absolute;font-family:var(--font-h);font-size:18vw;font-weight:900;color:rgba(203,160,71,.025);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;letter-spacing:-.05em;}
    .lunch-inner{max-width:1260px;margin:0 auto;padding:0 2.5rem;display:grid;grid-template-columns:1fr 1.8fr;gap:5rem;align-items:start;}
    .lunch-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(203,160,71,.12);border:1px solid rgba(203,160,71,.3);border-radius:50px;padding:.35rem 1rem;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;}
    .lunch-badge::before{content:'◆';font-size:.5rem;}
    .lunch-left h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.1;margin-bottom:.9rem;color:var(--text);}
    .lunch-left h2 em{font-style:italic;color:var(--gold);}
    .lunch-left p{color:var(--text-muted);font-size:.88rem;line-height:1.7;max-width:320px;}
    .lunch-time{display:flex;align-items:center;gap:.65rem;margin-top:1.5rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;color:rgba(203,160,71,.75);text-transform:uppercase;}
    .lunch-time::before{content:'';display:block;width:30px;height:1px;background:var(--gold);opacity:.5;}
    .lunch-combos{display:flex;flex-direction:column;gap:1rem;}
    .lunch-combo{background:rgba(255,255,255,.03);border:1px solid rgba(203,160,71,.12);border-radius:var(--r-md);padding:1.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem 1rem;align-items:start;position:relative;overflow:hidden;transition:border-color .3s,background .3s;}
    .lunch-combo::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-light));opacity:0;transition:opacity .3s;}
    .lunch-combo:hover{border-color:rgba(203,160,71,.28);background:rgba(203,160,71,.04);}
    .lunch-combo:hover::after{opacity:1;}
    .combo-dot{width:14px;height:14px;border-radius:2px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;}
    .combo-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}
    .combo-dot.veg{color:#22c55e;}
    .combo-dot.nonveg{color:#ef4444;}
    .combo-body{}
    .combo-name{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.3rem;}
    .combo-includes{font-size:.82rem;color:var(--text-muted);line-height:1.55;}
    .combo-price{font-family:var(--font-h);font-size:1.4rem;font-weight:900;color:var(--gold);white-space:nowrap;margin-top:2px;}

    /* ORDER CTA */
    .order-cta{background:var(--navy-deep);text-align:center;padding:5.5rem 0;border-top:1px solid rgba(203,160,71,.08);}
    .order-cta h2{font-family:var(--font-h);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .order-cta h2 em{font-style:italic;color:var(--gold);}
    .order-cta p{color:var(--text-muted);font-size:.95rem;margin-bottom:2.25rem;max-width:440px;margin-left:auto;margin-right:auto;}
    .order-cta-btns{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;}

        /* SCROLL REVEAL */

    /* RESPONSIVE */
    @media(max-width:1100px){
      .dish-grid{grid-template-columns:repeat(2,1fr);}
      .tandoori-grid{grid-template-columns:repeat(2,1fr);}
      .tandoori-card.full-width{grid-column:1/-1;}
      .lunch-inner{grid-template-columns:1fr;gap:2.5rem;}
      .lunch-left p{max-width:100%;}
    }
    @media(max-width:768px){
      .dish-grid{grid-template-columns:1fr;}
      .dish-grid-2{grid-template-columns:1fr;}
      .tandoori-grid{grid-template-columns:1fr;}
      .tandoori-card.full-width{flex-direction:column;gap:1rem;}
      .menu-tabs{padding:.85rem 1.5rem;}
      .lunch-inner{padding:0 1.5rem;}
    }
    @media(max-width:480px){
      .order-cta-btns{flex-direction:column;align-items:center;}
      .order-cta-btns .btn{width:100%;max-width:290px;justify-content:center;}
      .lunch-combo{grid-template-columns:auto 1fr;grid-template-rows:auto auto;}
      .combo-price{grid-column:2;grid-row:2;}
    }

/* ══════════════════════════════════════
   ABOUT PAGE — about.html
══════════════════════════════════════ */
/* about.css — Page-specific styles */

/* OUR STORY */
    .story-section{padding:7rem 0;}
    .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
    .story-image{position:relative;border-radius:var(--r-lg);overflow:hidden;}
    .story-image img{width:100%;height:520px;object-fit:cover;display:block;border-radius:var(--r-lg);}
    .story-image-overlay{position:absolute;inset:0;background:linear-gradient(160deg,transparent 55%,rgba(5,13,24,.7) 100%);border-radius:var(--r-lg);}
    .story-image-badge{position:absolute;bottom:2rem;left:2rem;background:rgba(5,13,24,.85);backdrop-filter:blur(12px);border:1px solid rgba(203,160,71,.3);border-radius:var(--r-md);padding:1rem 1.5rem;}
    .story-image-badge p{font-family:var(--font-a);font-style:italic;font-size:.95rem;color:var(--gold-pale);line-height:1.5;max-width:220px;}
    .story-content h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--text);line-height:1.12;margin-bottom:1.5rem;}
    .story-content h2 em{font-style:italic;color:var(--gold);}
    .story-content p{color:var(--text-muted);font-size:.95rem;line-height:1.82;margin-bottom:1.25rem;}
    .story-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.75rem 0;}

    /* PHILOSOPHY / VALUES */
    .values-section{background:var(--navy-black);padding:6rem 0;border-top:1px solid rgba(203,160,71,.08);border-bottom:1px solid rgba(203,160,71,.08);}
    .values-head{text-align:center;margin-bottom:4rem;}
    .values-head h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--text);margin-top:.5rem;}
    .values-head h2 em{font-style:italic;color:var(--gold);}
    .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
    .value-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.08);border-radius:var(--r-lg);padding:2.5rem 2rem;text-align:center;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden;}
    .value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));opacity:0;transition:opacity .3s;}
    .value-card:hover{border-color:rgba(203,160,71,.25);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.35);}
    .value-card:hover::before{opacity:1;}
    .value-icon{font-size:2.5rem;margin-bottom:1.25rem;display:block;}
    .value-title{font-family:var(--font-h);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .value-desc{font-size:.875rem;color:var(--text-muted);line-height:1.72;}

    /* STATS */
    .stats-section{padding:6rem 0;background:linear-gradient(160deg,var(--navy-deep) 0%,var(--navy) 100%);position:relative;overflow:hidden;}
    .stats-section::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(203,160,71,.06) 0%,transparent 65%);transform:translate(-50%,-50%);pointer-events:none;}
    .stats-head{text-align:center;margin-bottom:4rem;}
    .stats-head h2{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;color:var(--text);}
    .stats-head h2 em{font-style:italic;color:var(--gold);}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
    .stat-box{text-align:center;padding:2rem 1rem;}
    .stat-num{font-family:var(--font-h);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--gold);line-height:1;display:block;margin-bottom:.5rem;}
    .stat-label{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);}
    .stat-divider{width:1px;background:rgba(203,160,71,.12);margin:auto;}

    /* QUOTE */
    .quote-section{padding:6rem 0;text-align:center;background:var(--navy-mid);border-top:1px solid rgba(203,160,71,.08);}
    .big-quote{font-family:var(--font-a);font-style:italic;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:400;color:var(--text-mid);line-height:1.5;max-width:820px;margin:0 auto;padding:0 2rem;position:relative;}
    .big-quote::before{content:'\201C';font-size:6rem;color:var(--gold);opacity:.25;position:absolute;top:-1.5rem;left:0;font-family:var(--font-h);line-height:1;}
    .quote-attr{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-pale);opacity:.7;}
    .quote-attr::before,.quote-attr::after{content:'';display:block;width:30px;height:1px;background:var(--gold);opacity:.5;}

    /* KITCHEN PROMISE */
    .kitchen-section{padding:7rem 0;}
    .kitchen-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
    .kitchen-content h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.12;margin-bottom:1.5rem;color:var(--text);}
    .kitchen-content h2 em{font-style:italic;color:var(--gold);}
    .kitchen-content p{color:var(--text-muted);font-size:.95rem;line-height:1.82;margin-bottom:1.2rem;}
    .kitchen-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;}
    .kitchen-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:rgba(203,160,71,.04);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-md);transition:border-color .3s;}
    .kitchen-item:hover{border-color:rgba(203,160,71,.25);}
    .ki-icon{font-size:1.4rem;flex-shrink:0;margin-top:1px;}
    .ki-title{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.2rem;}
    .ki-desc{font-size:.8rem;color:var(--text-muted);line-height:1.6;}
    .kitchen-image{position:relative;border-radius:var(--r-lg);overflow:hidden;}
    .kitchen-image img{width:100%;height:480px;object-fit:cover;display:block;border-radius:var(--r-lg);}

    /* CTA SECTION */
    .cta-section{background:var(--navy-deep);text-align:center;padding:6rem 0;border-top:1px solid rgba(203,160,71,.08);}
    .cta-section h2{font-family:var(--font-h);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .cta-section h2 em{font-style:italic;color:var(--gold);}
    .cta-section p{color:var(--text-muted);font-size:.95rem;margin-bottom:2.25rem;max-width:440px;margin-left:auto;margin-right:auto;}
    .cta-btns{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;}

        /* SCROLL REVEAL */

    @media(max-width:1024px){
      .story-grid,.kitchen-grid{grid-template-columns:1fr;gap:3rem;}
      .story-image img,.kitchen-image img{height:380px;}
      .stats-grid{grid-template-columns:repeat(2,1fr);}
      .values-grid{grid-template-columns:1fr 1fr;}
    }
    @media(max-width:768px){
      .values-grid{grid-template-columns:1fr;}
      .stats-grid{grid-template-columns:repeat(2,1fr);}
      .cta-btns{flex-direction:column;align-items:center;}
      .cta-btns .btn{width:100%;max-width:290px;justify-content:center;}
    }

/* ══════════════════════════════════════
   CATERING PAGE — catering.html
══════════════════════════════════════ */
/* catering.css — Page-specific styles */

/* INTRO */
    .intro-section{padding:6rem 0;background:var(--navy);}
    .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
    .intro-img{border-radius:var(--r-lg);overflow:hidden;}
    .intro-img img{width:100%;height:500px;object-fit:cover;border-radius:var(--r-lg);}
    .intro-content h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.12;margin-bottom:1.5rem;color:var(--text);}
    .intro-content h2 em{font-style:italic;color:var(--gold);}
    .intro-content p{color:var(--text-muted);font-size:.95rem;line-height:1.82;margin-bottom:1.2rem;}
    .intro-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.75rem 0;}

    /* EVENT TYPES */
    .events-section{padding:6rem 0;background:var(--navy-black);border-top:1px solid rgba(203,160,71,.08);}
    .events-head{text-align:center;margin-bottom:4rem;}
    .events-head h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--text);margin-top:.5rem;}
    .events-head h2 em{font-style:italic;color:var(--gold);}
    .events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
    .event-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.08);border-radius:var(--r-lg);overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s;}
    .event-card:hover{border-color:rgba(203,160,71,.25);box-shadow:0 16px 48px rgba(0,0,0,.4);transform:translateY(-4px);}
    .event-img{height:200px;object-fit:cover;width:100%;}
    .event-body{padding:1.75rem;}
    .event-icon{font-size:1.8rem;margin-bottom:.75rem;display:block;}
    .event-title{font-family:var(--font-h);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:.6rem;}
    .event-desc{font-size:.85rem;color:var(--text-muted);line-height:1.7;}

    /* WHAT WE OFFER */
    .offer-section{padding:6rem 0;}
    .offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
    .offer-content h2{font-family:var(--font-h);font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.12;margin-bottom:1.5rem;color:var(--text);}
    .offer-content h2 em{font-style:italic;color:var(--gold);}
    .offer-content p{color:var(--text-muted);font-size:.93rem;line-height:1.82;margin-bottom:2rem;}
    .offer-list{display:flex;flex-direction:column;gap:.85rem;}
    .offer-item{display:flex;align-items:flex-start;gap:.9rem;}
    .offer-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px;}
    .offer-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;}
    .offer-text strong{color:var(--text);font-weight:600;}
    .offer-side{display:flex;flex-direction:column;gap:1.25rem;}
    .offer-highlight{background:var(--navy-mid);border:1px solid rgba(203,160,71,.12);border-radius:var(--r-lg);padding:2rem;position:relative;overflow:hidden;}
    .offer-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));}
    .oh-icon{font-size:2rem;margin-bottom:.75rem;}
    .oh-title{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.5rem;}
    .oh-desc{font-size:.85rem;color:var(--text-muted);line-height:1.65;}

    /* INQUIRY FORM */
    .inquiry-section{padding:6rem 0;background:var(--navy-black);border-top:1px solid rgba(203,160,71,.08);}
    .inquiry-inner{max-width:800px;margin:0 auto;}
    .inquiry-head{text-align:center;margin-bottom:3.5rem;}
    .inquiry-head h2{font-family:var(--font-h);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--text);margin-top:.5rem;}
    .inquiry-head h2 em{font-style:italic;color:var(--gold);}
    .inquiry-head p{color:var(--text-muted);font-size:.9rem;margin-top:.75rem;}
    .inquiry-form{display:flex;flex-direction:column;gap:1.25rem;}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
    .form-group{display:flex;flex-direction:column;gap:.5rem;}
    .form-group label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.85;}
    .form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.04);border:1px solid rgba(203,160,71,.18);border-radius:var(--r-md);padding:.9rem 1.2rem;color:var(--text);font-family:var(--font-b);font-size:.9rem;outline:none;transition:border-color .3s,background .3s;width:100%;}
    .form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(203,160,71,.5);background:rgba(203,160,71,.04);}
    .form-group select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cba047' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;padding-right:3rem;}
    .form-group select option{background:var(--navy);color:var(--text);}
    .form-group textarea{resize:vertical;min-height:120px;}
    .form-submit{display:flex;justify-content:center;margin-top:.5rem;gap:1rem;flex-wrap:wrap;}
    .form-note{font-size:.78rem;color:var(--text-dim);text-align:center;margin-top:.75rem;}

    /* FAQ */
    .faq-section{padding:6rem 0;}
    .faq-head{text-align:center;margin-bottom:3.5rem;}
    .faq-head h2{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--text);margin-top:.5rem;}
    .faq-head h2 em{font-style:italic;color:var(--gold);}
    .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;}
    .faq-item{background:var(--navy-mid);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-md);overflow:hidden;}
    .faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.75rem;cursor:pointer;font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--text);transition:color .25s;}
    .faq-q:hover{color:var(--gold);}
    .faq-icon{font-size:1.2rem;color:var(--gold);flex-shrink:0;transition:transform .35s var(--ease);}
    .faq-item.open .faq-icon{transform:rotate(45deg);}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding .3s;}
    .faq-item.open .faq-a{max-height:300px;}
    .faq-a-inner{padding:0 1.75rem 1.4rem;font-size:.88rem;color:var(--text-muted);line-height:1.75;}

    /* CTA */
    .cta-section{background:var(--navy-deep);text-align:center;padding:6rem 0;border-top:1px solid rgba(203,160,71,.08);}
    .cta-section h2{font-family:var(--font-h);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .cta-section h2 em{font-style:italic;color:var(--gold);}
    .cta-section p{color:var(--text-muted);font-size:.95rem;margin-bottom:2.25rem;max-width:440px;margin-left:auto;margin-right:auto;}
    .cta-btns{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;}

        @media(max-width:1024px){
      .intro-grid,.offer-grid{grid-template-columns:1fr;gap:3rem;}
      .intro-img img{height:360px;}
      .events-grid{grid-template-columns:1fr 1fr;}
    }
    @media(max-width:768px){
      .events-grid{grid-template-columns:1fr;}
      .form-row{grid-template-columns:1fr;}
      .cta-btns{flex-direction:column;align-items:center;}
      .cta-btns .btn{width:100%;max-width:290px;justify-content:center;}
    }

/* ══════════════════════════════════════
   CONTACT PAGE — contact.html
══════════════════════════════════════ */
/* contact.css — Page-specific styles */

/* CONTACT SECTION */
    .contact-section{padding:7rem 0;}
    .contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start;}

    /* INFO COLUMN */
    .contact-info h2{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--text);line-height:1.12;margin-bottom:2.5rem;}
    .contact-info h2 em{font-style:italic;color:var(--gold);}
    .info-cards{display:flex;flex-direction:column;gap:1.1rem;}
    .info-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-lg);padding:1.5rem;display:flex;align-items:flex-start;gap:1.25rem;transition:border-color .3s,transform .3s;}
    .info-card:hover{border-color:rgba(203,160,71,.28);transform:translateX(4px);}
    .info-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}
    .info-card-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;}
    .info-card-value{font-size:.95rem;color:var(--text-mid);line-height:1.6;}
    .info-card-value a{color:var(--text-mid);transition:color .25s;}
    .info-card-value a:hover{color:var(--gold-light);}
    .hours-table{display:flex;flex-direction:column;gap:.2rem;}
    .hours-row{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem;}
    .hours-row .day{color:var(--text-muted);}
    .hours-row .time{color:var(--text-mid);font-weight:500;}
    .hours-open{color:var(--gold) !important;}

    /* Social links in info */
    .info-socials{display:flex;gap:.65rem;margin-top:1.5rem;}
    .info-soc{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:50px;border:1px solid rgba(203,160,71,.2);font-size:.78rem;font-weight:600;color:var(--text-muted);transition:all .3s var(--ease);}
    .info-soc:hover{border-color:var(--gold);color:var(--gold);background:rgba(203,160,71,.07);}

    /* FORM COLUMN */
    .contact-form-wrap h3{font-family:var(--font-h);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:1.75rem;}
    .contact-form-wrap h3 em{font-style:italic;color:var(--gold);}
    .contact-form{display:flex;flex-direction:column;gap:1.1rem;}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
    .form-group{display:flex;flex-direction:column;gap:.45rem;}
    .form-group label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.85;}
    .form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.04);border:1px solid rgba(203,160,71,.18);border-radius:var(--r-md);padding:.9rem 1.2rem;color:var(--text);font-family:var(--font-b);font-size:.9rem;outline:none;transition:border-color .3s,background .3s;width:100%;}
    .form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(203,160,71,.5);background:rgba(203,160,71,.04);}
    .form-group select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cba047' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;padding-right:3rem;}
    .form-group select option{background:var(--navy);color:var(--text);}
    .form-group textarea{resize:vertical;min-height:130px;}
    .form-submit{margin-top:.25rem;}
    .form-note{font-size:.78rem;color:var(--text-dim);margin-top:.75rem;}

    /* MAP */
    .map-section{background:var(--navy-black);border-top:1px solid rgba(203,160,71,.08);padding:0;}
    .map-wrap{height:420px;background:var(--navy-mid);position:relative;overflow:hidden;}
    .map-wrap iframe{width:100%;height:100%;border:none;filter:invert(90%) hue-rotate(180deg) brightness(0.85) saturate(0.8);}
    .map-overlay-card{position:absolute;top:2rem;left:2rem;background:rgba(5,13,24,.9);backdrop-filter:blur(16px);border:1px solid rgba(203,160,71,.25);border-radius:var(--r-lg);padding:1.5rem;z-index:2;max-width:260px;}
    .map-card-title{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .map-card-info{display:flex;flex-direction:column;gap:.5rem;font-size:.82rem;color:var(--text-muted);}
    .map-card-info span{display:flex;align-items:flex-start;gap:.5rem;}
    .map-card-info .icon{color:var(--gold);flex-shrink:0;}
    .map-card-btn{margin-top:1.25rem;}
    .map-card-btn a{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(203,160,71,.35);border-radius:50px;padding:.45rem 1rem;transition:all .3s;}
    .map-card-btn a:hover{background:rgba(203,160,71,.1);border-color:var(--gold);}

        @media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:3.5rem;}}
    @media(max-width:768px){
      .form-row{grid-template-columns:1fr;}
      .map-overlay-card{display:none;}
    }

/* ══════════════════════════════════════
   RESERVATION PAGE — reservation.html
══════════════════════════════════════ */
/* reservation.css — Page-specific styles */

/* RESERVATION SECTION */
    .reservation-section{padding:7rem 0;}
    .reservation-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:5rem;align-items:start;}

    /* LEFT COLUMN — INFO */
    .res-info h2{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--text);line-height:1.1;margin-bottom:.75rem;}
    .res-info h2 em{font-style:italic;color:var(--gold);}
    .res-info p{color:var(--text-muted);font-size:.95rem;line-height:1.75;margin-bottom:2rem;}
    .res-detail-cards{display:flex;flex-direction:column;gap:.9rem;}
    .res-card{background:var(--navy-mid);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-lg);padding:1.35rem 1.5rem;display:flex;align-items:center;gap:1.1rem;transition:border-color .3s;}
    .res-card:hover{border-color:rgba(203,160,71,.25);}
    .res-card-icon{font-size:1.3rem;flex-shrink:0;}
    .res-card-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem;}
    .res-card-val{font-size:.9rem;color:var(--text-mid);line-height:1.5;}
    .res-card-val a{color:var(--text-mid);transition:color .25s;}
    .res-card-val a:hover{color:var(--gold-light);}

    /* Walk-in note */
    .walk-in-note{margin-top:2rem;padding:1.25rem 1.5rem;border-radius:var(--r-md);background:rgba(203,160,71,.07);border:1px solid rgba(203,160,71,.18);font-size:.84rem;color:var(--text-muted);line-height:1.65;}
    .walk-in-note strong{color:var(--gold);}

    /* RIGHT COLUMN — FORM */
    .res-form-wrap{background:var(--navy-mid);border:1px solid rgba(203,160,71,.12);border-radius:28px;padding:3rem;}
    .res-form-wrap h3{font-family:var(--font-h);font-size:1.55rem;font-weight:700;color:var(--text);margin-bottom:.5rem;}
    .res-form-wrap h3 em{font-style:italic;color:var(--gold);}
    .res-form-wrap .sub{font-size:.85rem;color:var(--text-muted);margin-bottom:2rem;}
    .res-form{display:flex;flex-direction:column;gap:1.05rem;}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem;}
    .form-group{display:flex;flex-direction:column;gap:.4rem;}
    .form-group label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.85;}
    .form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.04);border:1px solid rgba(203,160,71,.18);border-radius:var(--r-md);padding:.85rem 1.15rem;color:var(--text);font-family:var(--font-b);font-size:.9rem;outline:none;transition:border-color .3s,background .3s;width:100%;}
    .form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(203,160,71,.5);background:rgba(203,160,71,.04);}
    .form-group select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cba047' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px;padding-right:3rem;}
    .form-group select option{background:var(--navy);color:var(--text);}
    .form-group textarea{resize:vertical;min-height:100px;}
    .form-submit{margin-top:.5rem;}
    .form-note{font-size:.78rem;color:var(--text-dim);margin-top:.8rem;text-align:center;}
    .form-note a{color:var(--gold);}

    /* DIVIDER */
    .or-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;color:var(--text-dim);font-size:.78rem;}
    .or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:rgba(203,160,71,.15);}

    /* POLICY STRIP */
    .policy-section{padding:5rem 0;border-top:1px solid rgba(203,160,71,.08);}
    .policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;}
    .policy-card{text-align:center;padding:2.25rem 1.75rem;background:var(--navy-mid);border:1px solid rgba(203,160,71,.1);border-radius:var(--r-lg);transition:border-color .3s,transform .3s;}
    .policy-card:hover{border-color:rgba(203,160,71,.25);transform:translateY(-4px);}
    .policy-card-icon{font-size:2rem;margin-bottom:1rem;}
    .policy-card h4{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem;}
    .policy-card p{font-size:.84rem;color:var(--text-muted);line-height:1.65;}

        /* SUCCESS STATE */
    .form-success{display:none;text-align:center;padding:3rem 1.5rem;}
    .form-success .success-icon{font-size:3.5rem;margin-bottom:1.5rem;}
    .form-success h4{font-family:var(--font-h);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.75rem;}
    .form-success h4 em{font-style:italic;color:var(--gold);}
    .form-success p{font-size:.9rem;color:var(--text-muted);line-height:1.75;}

    @media(max-width:1024px){.reservation-grid{grid-template-columns:1fr;gap:3.5rem;} .policy-grid{grid-template-columns:1fr;gap:1.5rem;}}
    @media(max-width:768px){
      .form-row{grid-template-columns:1fr;}
      .res-form-wrap{padding:2rem 1.5rem;}
    }
