:root{
  --bg:#14100d;
  --bg-alt:#1b1510;
  --bg-card:#20180f;
  --line: rgba(241,230,210,0.12);
  --gold:#c9962e;
  --gold-light:#e9c877;
  --pomegranate:#9c2b3b;
  --pomegranate-light:#c14456;
  --olive:#6a7a52;
  --cream:#f1e6d2;
  --cream-dim: rgba(241,230,210,0.62);
  --cream-faint: rgba(241,230,210,0.34);
  --shadow: 0 30px 60px -20px rgba(0,0,0,0.6);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Jost',sans-serif;
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--gold);color:#14100d;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:0.01em;line-height:1.05;}
.eyebrow{
  font-family:'Amiri',serif;font-style:italic;color:var(--gold-light);
  letter-spacing:0.14em;text-transform:uppercase;font-size:0.78rem;
  display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before{content:'';width:26px;height:1px;background:var(--gold);display:inline-block;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 32px;}
section{position:relative;}

body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.5;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(201,150,46,0.05), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(156,43,59,0.06), transparent 45%);
}

/* ---------- NAV ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;
  transition:padding .4s ease, background .4s ease, border-color .4s ease;
  border-bottom:1px solid transparent;background:rgba(20,16,13,0.0);}
header.scrolled, header.solid{padding:14px 0;background:rgba(20,16,13,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0 32px;}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;letter-spacing:0.04em;display:flex;align-items:baseline;gap:2px;}
.logo sup{font-size:0.85rem;color:var(--gold);}
.nav-links{display:flex;gap:34px;align-items:center;}
.nav-links a{font-size:0.85rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--cream-dim);position:relative;padding-bottom:4px;transition:color .3s ease;}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s ease;}
.nav-links a:hover{color:var(--cream);}
.nav-links a:hover::after{width:100%;}
.nav-links a.active{color:var(--gold-light);}
.nav-links a.active::after{width:100%;}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;
  padding:13px 26px;border-radius:2px;border:1px solid var(--gold);transition:all .35s ease;white-space:nowrap;cursor:pointer;font-family:'Jost',sans-serif;}
.btn-solid{background:var(--gold);color:#181008;}
.btn-solid:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px);}
.btn-ghost{color:var(--cream);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:200;}
.burger span{width:24px;height:1px;background:var(--cream);transition:.3s;}
.mobile-nav{position:fixed;inset:0;background:var(--bg);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transform:translateY(-100%);transition:transform .5s ease;}
.mobile-nav.open{transform:translateY(0);}
.mobile-nav a{font-family:'Cormorant Garamond',serif;font-size:1.9rem;}

/* ---------- SMOKE ---------- */
.smoke-layer{position:absolute;inset:0;pointer-events:none;opacity:0.55;}
.smoke-layer svg{width:100%;height:100%;}
.smoke-path{fill:none;stroke:rgba(241,230,210,0.5);stroke-width:2;stroke-linecap:round;filter:blur(6px);
  stroke-dasharray:400;stroke-dashoffset:400;animation:smokeRise 9s ease-in-out infinite;transform-origin:center;}
.smoke-path.s2{stroke:rgba(201,150,46,0.4);animation-delay:2.4s;animation-duration:11s;}
.smoke-path.s3{stroke:rgba(156,43,59,0.35);animation-delay:4.6s;animation-duration:10s;}
@keyframes smokeRise{
  0%{stroke-dashoffset:400;opacity:0;transform:translateY(40px) scale(0.9);}
  12%{opacity:0.9;} 60%{opacity:0.4;}
  100%{stroke-dashoffset:0;opacity:0;transform:translateY(-160px) scale(1.15);}
}

/* ---------- HOME HERO ---------- */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  position:relative;overflow:hidden;padding:140px 24px 80px;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(156,43,59,0.18), transparent 60%),
    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(201,150,46,0.10), transparent 60%),
    var(--bg);}
.hero-eyebrow{opacity:0;animation:fadeUp 1s ease forwards .3s;}
.hero h1{font-size:clamp(3.4rem,9vw,7.2rem);color:var(--cream);margin:22px 0 20px;opacity:0;animation:fadeUp 1.1s ease forwards .55s;}
.hero h1 .accent{color:transparent;-webkit-text-stroke:1.5px var(--gold-light);}
.hero p.sub{max-width:560px;font-size:1.12rem;font-weight:300;color:var(--cream-dim);line-height:1.7;opacity:0;animation:fadeUp 1.1s ease forwards .8s;}
.hero-actions{display:flex;gap:18px;margin-top:42px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeUp 1.1s ease forwards 1.05s;}
.hero-address{margin-top:54px;font-family:'Amiri',serif;font-style:italic;color:var(--cream-faint);font-size:0.95rem;letter-spacing:0.03em;opacity:0;animation:fadeUp 1.1s ease forwards 1.3s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
  color:var(--cream-faint);font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;opacity:0;animation:fadeUp 1s ease forwards 1.6s;}
.scroll-cue .line{width:1px;height:40px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2s ease-in-out infinite;}
@keyframes scrollLine{0%,100%{opacity:0.3;}50%{opacity:1;}}

/* ---------- PAGE HERO (interior pages) ---------- */
.page-hero{min-height:56vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  position:relative;overflow:hidden;padding:170px 24px 70px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(156,43,59,0.16), transparent 60%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(201,150,46,0.09), transparent 60%),
    var(--bg);}
.page-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);margin:18px 0 16px;}
.page-hero p.sub{max-width:560px;color:var(--cream-dim);line-height:1.7;font-size:1.02rem;}
.breadcrumb{margin-top:30px;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--cream-faint);display:flex;gap:10px;align-items:center;}
.breadcrumb a:hover{color:var(--gold-light);}

/* ---------- reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s ease, transform .9s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-stagger > *{opacity:0;transform:translateY(30px);transition:opacity .7s ease, transform .7s ease;}
.reveal-stagger.in > *{opacity:1;transform:translateY(0);}
.reveal-stagger.in > *:nth-child(1){transition-delay:.05s;} .reveal-stagger.in > *:nth-child(2){transition-delay:.15s;}
.reveal-stagger.in > *:nth-child(3){transition-delay:.25s;} .reveal-stagger.in > *:nth-child(4){transition-delay:.35s;}
.reveal-stagger.in > *:nth-child(5){transition-delay:.45s;} .reveal-stagger.in > *:nth-child(6){transition-delay:.55s;}
.reveal-stagger.in > *:nth-child(7){transition-delay:.65s;} .reveal-stagger.in > *:nth-child(8){transition-delay:.75s;}
.reveal-stagger.in > *:nth-child(9){transition-delay:.85s;} .reveal-stagger.in > *:nth-child(10){transition-delay:.95s;}
.reveal-stagger.in > *:nth-child(11){transition-delay:1.05s;} .reveal-stagger.in > *:nth-child(12){transition-delay:1.15s;}

/* ---------- ABOUT / PILLARS ---------- */
.about{padding:130px 0 90px;position:relative;z-index:1;}
.about-head{text-align:center;max-width:680px;margin:0 auto 70px;}
.about-head h2{font-size:clamp(2.2rem,4.2vw,3.1rem);margin-top:18px;}
.about-head p{color:var(--cream-dim);margin-top:20px;line-height:1.75;font-size:1.02rem;}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.pillar{background:var(--bg);padding:44px 34px;text-align:center;transition:background .4s ease;}
.pillar:hover{background:var(--bg-alt);}
.pillar .icon{width:38px;height:38px;margin:0 auto 22px;color:var(--gold);}
.pillar h3{font-size:1.4rem;font-weight:500;margin-bottom:12px;}
.pillar p{font-size:0.9rem;color:var(--cream-dim);line-height:1.65;}

/* ---------- SECTION HEAD generic ---------- */
.section-pad{padding:110px 0;position:relative;z-index:1;}
.section-alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-head{text-align:center;max-width:640px;margin:0 auto 60px;}
.section-head h2{font-size:clamp(2.2rem,4.2vw,3.1rem);margin-top:18px;}
.section-head p{color:var(--cream-dim);margin-top:18px;line-height:1.7;}
.section-head.left{text-align:left;margin-left:0;}

/* ---------- MENU HUB (category cards) ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cat-card{
  background:var(--bg-card);border:1px solid var(--line);padding:0;overflow:hidden;
  transition:transform .4s ease, border-color .4s ease, box-shadow .4s ease;display:flex;flex-direction:column;
}
.cat-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow);}
.cat-thumb{height:120px;position:relative;display:flex;align-items:center;justify-content:center;}
.cat-thumb svg{width:36px;height:36px;color:var(--cream);position:relative;z-index:2;}
.cat-body{padding:26px 26px 30px;flex:1;display:flex;flex-direction:column;}
.cat-body h3{font-size:1.5rem;font-weight:500;margin-bottom:10px;}
.cat-body p{font-size:0.87rem;color:var(--cream-dim);line-height:1.6;flex:1;}
.cat-link{margin-top:20px;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-light);
  display:inline-flex;align-items:center;gap:8px;}
.cat-link svg{width:14px;height:14px;transition:transform .3s ease;}
.cat-card:hover .cat-link svg{transform:translateX(4px);}
.t1{background:linear-gradient(135deg,#4a2020,#7a3038);} .t2{background:linear-gradient(135deg,#6a5423,#a3801f);}
.t3{background:linear-gradient(135deg,#39432c,#5b6b4a);} .t4{background:linear-gradient(135deg,#2a231a,#4a3d24);}
.t5{background:linear-gradient(135deg,#7a3038,#c9962e);} .t6{background:linear-gradient(135deg,#1f2a24,#3f5342);}
.t7{background:linear-gradient(135deg,#3a2a1a,#7a5a2f);} .t8{background:linear-gradient(135deg,#2c2438,#5a4a7a);}
.t9{background:linear-gradient(135deg,#432c39,#8a4a5f);} .t10{background:linear-gradient(135deg,#243a2c,#4a7a5a);}
.t11{background:linear-gradient(135deg,#5a2c24,#a3521f);} .t12{background:linear-gradient(135deg,#2c3a43,#4a6a7a);}

/* ---------- DISH GRID ---------- */
.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.dish{background:var(--bg-card);border:1px solid var(--line);padding:30px 26px;position:relative;overflow:hidden;
  transition:transform .4s ease, border-color .4s ease, box-shadow .4s ease;}
.dish:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow);}
.dish .plate{width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--gold) 45%, var(--pomegranate) 130%);
  margin-bottom:22px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(20,16,13,0.35);}
.dish .plate svg{width:26px;height:26px;color:#181008;}
.dish h4{font-size:1.28rem;font-weight:500;margin-bottom:8px;}
.dish .desc{font-size:0.84rem;color:var(--cream-faint);margin-bottom:18px;min-height:36px;line-height:1.5;}
.dish .price{font-family:'Amiri',serif;font-style:italic;color:var(--gold-light);font-size:1.05rem;letter-spacing:0.02em;}

/* ---------- simple list rows (drinks/menus without cards) ---------- */
.row-list{display:flex;flex-direction:column;}
.row-list .dessert-row{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);gap:20px;}
.row-list .dessert-row:first-child{padding-top:0;}
.row-list .name{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:500;}
.row-list .dots{flex:1;border-bottom:1px dotted var(--cream-faint);margin:0 14px;transform:translateY(-6px);}
.row-list .p{font-family:'Amiri',serif;font-style:italic;color:var(--gold-light);white-space:nowrap;}

/* ---------- NARGHILEA VISUAL ---------- */
.hookah{padding:130px 0;position:relative;overflow:hidden;z-index:1;
  background:
    radial-gradient(ellipse 60% 60% at 15% 30%, rgba(106,122,82,0.14), transparent 55%),
    radial-gradient(ellipse 60% 60% at 85% 70%, rgba(201,150,46,0.10), transparent 55%),
    var(--bg);}
.hookah-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.hookah h2{font-size:clamp(2.4rem,4.6vw,3.4rem);margin:18px 0 26px;}
.hookah p{color:var(--cream-dim);line-height:1.8;font-size:1.02rem;margin-bottom:16px;}
.flavor-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.flavor-tags span{font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;padding:9px 18px;border:1px solid var(--line);color:var(--cream-dim);border-radius:999px;}
.hookah-visual{position:relative;aspect-ratio:1/1.05;display:flex;align-items:center;justify-content:center;}
.hookah-visual .ring{position:absolute;border-radius:50%;border:1px solid var(--line);}
.hookah-visual .ring.r1{width:100%;height:100%;} .hookah-visual .ring.r2{width:74%;height:74%;border-color:rgba(201,150,46,0.3);}
.hookah-visual .ring.r3{width:48%;height:48%;border-color:rgba(156,43,59,0.35);}
.hookah-visual .core{width:30%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 32%, var(--gold-light), var(--pomegranate) 120%);
  box-shadow:0 0 60px rgba(201,150,46,0.35);position:relative;z-index:2;}
.hookah-smoke{position:absolute;inset:0;pointer-events:none;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px;}
.step{background:var(--bg);padding:34px 28px;}
.step .num{font-family:'Amiri',serif;font-style:italic;color:var(--gold-light);font-size:1rem;}
.step h4{font-size:1.2rem;font-weight:500;margin:10px 0 8px;}
.step p{font-size:0.87rem;color:var(--cream-dim);line-height:1.6;}

/* ---------- GALLERY ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px;}
.gtile{position:relative;overflow:hidden;border-radius:2px;display:flex;align-items:flex-end;padding:18px;transition:transform .5s ease;}
.gtile:hover{transform:scale(1.02);}
.gtile span{font-family:'Amiri',serif;font-style:italic;font-size:0.85rem;color:var(--cream);opacity:0;transition:opacity .4s ease;position:relative;z-index:2;}
.gtile:hover span{opacity:1;}
.gtile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,0.55), transparent 60%);}
.gtile.big{grid-column:span 2;grid-row:span 2;}
.ig-cta{text-align:center;margin-top:48px;}
.ig-cta a{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-size:0.9rem;letter-spacing:0.04em;border-bottom:1px solid var(--gold);padding-bottom:4px;}

/* ---------- CONTACT ---------- */
.location-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.location-info{padding:64px 56px;background:var(--bg-card);}
.location-info h2{font-size:clamp(2rem,3.6vw,2.7rem);margin:18px 0 30px;}
.info-row{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line);}
.info-row:first-of-type{border-top:none;}
.info-row .icon{width:20px;height:20px;color:var(--gold);flex-shrink:0;margin-top:2px;}
.info-row .label{font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:4px;}
.info-row .val{font-size:0.98rem;color:var(--cream);line-height:1.5;}
.info-row .val a:hover{color:var(--gold-light);}
.social-row{display:flex;gap:14px;margin-top:34px;}
.social-row a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.social-row a:hover{border-color:var(--gold);background:rgba(201,150,46,0.1);transform:translateY(-3px);}
.social-row svg{width:17px;height:17px;}
.map-embed{min-height:420px;filter:grayscale(0.4) sepia(0.15) contrast(1.05);}
.map-embed iframe{width:100%;height:100%;min-height:420px;border:0;display:block;}

/* ---------- CTA STRIP ---------- */
.cta-strip{padding:100px 0;text-align:center;position:relative;z-index:1;
  background:linear-gradient(135deg, rgba(156,43,59,0.16), rgba(201,150,46,0.10));border-top:1px solid var(--line);}
.cta-strip h2{font-size:clamp(2.2rem,4.8vw,3.6rem);margin:18px 0 34px;max-width:700px;margin-left:auto;margin-right:auto;}

/* ---------- FOOTER ---------- */
footer{padding:64px 0 40px;border-top:1px solid var(--line);position:relative;z-index:1;}
.footer-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
.footer-note{font-size:0.78rem;color:var(--cream-faint);}
.footer-links{display:flex;gap:26px;font-size:0.82rem;color:var(--cream-dim);flex-wrap:wrap;}
.footer-links a:hover{color:var(--gold-light);}

/* ---------- RESPONSIVE ---------- */
@media(max-width:960px){
  .nav-links{display:none;} .burger{display:flex;}
  .pillars{grid-template-columns:1fr;}
  .dish-grid{grid-template-columns:1fr 1fr;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .hookah-inner,.location-inner{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .hookah-visual{margin-top:20px;max-width:320px;margin-left:auto;margin-right:auto;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .gtile.big{grid-column:span 2;grid-row:span 1;}
}
@media(max-width:640px){
  .dish-grid{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}