/* Manly Beard is supplied by the client before publication; Ubuntu remains web loaded. */

/* ─── TOKENS ─────────────────────────────────────────────── */
:root {
  --cream:        #ece3d8;
  --warm-beige:   #d4c4b0;
  --matte-black:  #0c0a08;
  --dark-brown:   #18120e;
  --mid-brown:    #28201a;
  --warm-brown:   #3d2e1e;
  --muted-gold:   #c9a96e;
  --soft-gold:    #dfc190;
  --pale-gold:    #f0dbb8;
  --text-primary: #ede7df;
  --text-secondary: #9a8878;
  --text-muted:   #5a4e42;
  --glow:         rgba(201,169,110,0.14);
  --glow-strong:  rgba(201,169,110,0.22);
}

/* ─── RESET ───────────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; overflow-x:hidden; }
body {
  background: var(--matte-black);
  color: var(--text-primary);
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
}

/* Display placeholder until the owner's final "Man's Beard" face is supplied. */
h1, h2, h3, h4 { font-family:'Manly Beard', Georgia, serif !important; }

/* ─── GRAIN ───────────────────────────────────────────────── */
body::before {
  content:'';
  position:fixed; inset:0; z-index:9990;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  opacity:0.32;
  animation:grain 0.55s steps(2) infinite;
}
@keyframes grain {
  0%,100%{ transform:translate(0,0) }
  10%{ transform:translate(-2%,-3%) }
  30%{ transform:translate(3%,-1%) }
  50%{ transform:translate(-1%,2%) }
  70%{ transform:translate(2%,3%) }
  90%{ transform:translate(-3%,1%) }
}

/* ─── CURSOR ──────────────────────────────────────────────── */
.cursor {
  position:fixed; width:9px; height:9px;
  background:var(--muted-gold); border-radius:50%;
  pointer-events:none; z-index:9999;
  transform:translate(-50%,-50%);
  transition:transform 0.15s cubic-bezier(0.25,0.46,0.45,0.94);
  mix-blend-mode:difference;
}
.cursor-trail {
  position:fixed; width:34px; height:34px;
  border:1px solid rgba(201,169,110,0.35); border-radius:50%;
  pointer-events:none; z-index:9998;
  transform:translate(-50%,-50%);
  transition:left 0.18s ease, top 0.18s ease, border-color 0.3s, transform 0.3s;
}
.cursor.hover { transform:translate(-50%,-50%) scale(2.5); }
.cursor-trail.hover { transform:translate(-50%,-50%) scale(1.6); border-color:rgba(201,169,110,0.7); }

/* ─── NAV ─────────────────────────────────────────────────── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:28px clamp(24px, 4vw, 52px);
  transition:padding 0.5s cubic-bezier(0.25,0.46,0.45,0.94),
             background 0.5s, backdrop-filter 0.5s, border-color 0.5s;
  border-bottom:1px solid transparent;
}
nav.scrolled {
  padding:15px clamp(24px, 4vw, 52px);
  background:rgba(12,10,8,0.88);
  backdrop-filter:blur(20px) saturate(1.2);
  border-bottom-color:rgba(201,169,110,0.07);
}

.nav-logo {
  font-family:'Ubuntu', sans-serif;
  font-size:1rem; font-weight:700;
  letter-spacing:0.07em;
  color:var(--soft-gold);
  text-transform:uppercase;
  line-height:1.15;
  text-shadow:0 0 30px rgba(201,169,110,0.15);
  transition:text-shadow 0.4s;
  flex:0 0 225px;
}
.nav-logo:hover { text-shadow:0 0 40px rgba(201,169,110,0.3); }
.nav-logo .nav-logo-tagline {
  display:block; font-size:0.52rem; font-weight:400;
  letter-spacing:0.28em; color:var(--text-muted);
  font-family:'Ubuntu', sans-serif; margin-top:2px;
}

.nav-links { display:flex; flex:1; justify-content:center; gap:clamp(18px, 2.5vw, 42px); list-style:none; }
.nav-links a {
  color:var(--text-muted); text-decoration:none;
  font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase;
  transition:color 0.35s;
  position:relative; padding-bottom:3px;
}
.nav-links a::after {
  content:'';
  position:absolute; bottom:0; left:0;
  width:0; height:1px;
  background:var(--muted-gold);
  transition:width 0.35s cubic-bezier(0.25,0.46,0.45,0.94);
}
.nav-links a:hover { color:var(--soft-gold); }
.nav-links a:hover::after { width:100%; }

.nav-cta {
  background:transparent;
  border:1px solid rgba(201,169,110,0.35);
  color:var(--muted-gold);
  padding:10px 26px; font-size:0.7rem;
  letter-spacing:0.14em; text-transform:uppercase;
  cursor:pointer; font-family:'Ubuntu', sans-serif;
  text-decoration:none; display:inline-block;
  transition:background 0.35s, color 0.35s, border-color 0.35s, box-shadow 0.35s;
}
.nav-cta:hover {
  background:var(--muted-gold); color:var(--matte-black);
  box-shadow:0 0 24px rgba(201,169,110,0.2);
}

.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.hamburger span { display:block; width:22px; height:1px; background:var(--cream); transition:all 0.3s; }

/* ─── MOBILE NAV ──────────────────────────────────────────── */
.mobile-nav {
  position:fixed; inset:0; z-index:999;
  background:rgba(8,6,4,0.97); backdrop-filter:blur(24px);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:36px;
  transform:translateX(100%);
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);
}
.mobile-nav.open { transform:translateX(0); }
.mobile-nav a {
  font-family:'Ubuntu', sans-serif; font-size:2.6rem;
  color:var(--cream); text-decoration:none; font-weight:700;
  opacity:0.6; transition:opacity 0.3s, color 0.3s;
}
.mobile-nav a:hover { opacity:1; color:var(--muted-gold); }
.close-mobile { position:absolute; top:28px; right:36px; background:none; border:none; color:var(--text-secondary); font-size:1.4rem; cursor:pointer; }

/* ─── HERO ────────────────────────────────────────────────── */
#hero {
  height:100vh; min-height:700px;
  position:relative;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}

/* Layered dark atmospheric background */
.hero-bg {
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 25% 65%, rgba(61,46,30,0.55) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 78% 18%, rgba(201,169,110,0.07) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 50% 100%, rgba(26,18,10,0.9) 0%, transparent 70%),
    linear-gradient(170deg, #1c1510 0%, #0c0a08 45%, #141008 100%);
}

/* Cinematic light leaks */
.hero-light {
  position:absolute; top:-25%; right:-12%; width:65%; height:85%;
  background:radial-gradient(ellipse, rgba(201,169,110,0.055) 0%, transparent 68%);
  animation:driftA 9s ease-in-out infinite alternate;
  z-index:1;
}
.hero-light2 {
  position:absolute; bottom:-15%; left:5%; width:45%; height:60%;
  background:radial-gradient(ellipse, rgba(61,46,30,0.45) 0%, transparent 70%);
  animation:driftB 13s ease-in-out infinite alternate;
  z-index:1;
}
.hero-light3 {
  position:absolute; top:20%; left:50%; width:30%; height:50%;
  background:radial-gradient(ellipse, rgba(201,169,110,0.03) 0%, transparent 70%);
  animation:driftC 7s ease-in-out infinite alternate;
  z-index:1; transform:translateX(-50%);
}
@keyframes driftA { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(-5%,4%) scale(1.06)} }
@keyframes driftB { 0%{transform:translate(0,0)} 100%{transform:translate(4%,-5%)} }
@keyframes driftC { 0%{transform:translateX(-50%) scale(1)} 100%{transform:translateX(-48%) scale(1.08)} }

/* Floating dust particles */
.hero-particles {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  overflow:hidden;
}
.hero-mark-ornament {
  position:absolute; z-index:1; width:clamp(300px, 40vw, 570px); aspect-ratio:1;
  border:1px solid rgba(201,169,110,0.045); border-radius:50%;
  box-shadow:inset 0 0 0 28px rgba(201,169,110,0.007), inset 0 0 0 29px rgba(201,169,110,0.018), 0 0 100px rgba(201,169,110,0.015);
  opacity:0; animation:heroSeal 2s 0.5s ease forwards;
}
.hero-mark-ornament::before, .hero-mark-ornament::after { content:''; position:absolute; border-radius:50%; border:1px solid rgba(201,169,110,0.035); }
.hero-mark-ornament::before { inset:13%; }
.hero-mark-ornament::after { inset:29%; border-style:dashed; }
@keyframes heroSeal { to { opacity:.48; transform:rotate(-8deg); } }
.particle {
  position:absolute;
  width:1px; height:1px;
  background:rgba(201,169,110,0.5);
  border-radius:50%;
  animation:floatParticle linear infinite;
}
@keyframes floatParticle {
  0%   { transform:translateY(100vh) translateX(0) scale(1); opacity:0; }
  10%  { opacity:1; }
  90%  { opacity:0.6; }
  100% { transform:translateY(-20vh) translateX(var(--dx,20px)) scale(0.5); opacity:0; }
}

/* Hero content */
.hero-content {
  position:relative; z-index:2;
  text-align:center; max-width:1000px; padding:0 40px;
  will-change:transform, opacity;
}

.hero-eyebrow {
  font-size:0.65rem; letter-spacing:0.38em; color:var(--muted-gold);
  text-transform:uppercase; margin-bottom:36px;
  display:flex; align-items:center; justify-content:center; gap:18px;
  opacity:0; animation:fadeUp 1.1s 0.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}
.hero-eyebrow::before, .hero-eyebrow::after {
  content:''; height:1px; width:44px;
  background:linear-gradient(to right, transparent, var(--muted-gold));
  opacity:0.5;
}
.hero-eyebrow::after { background:linear-gradient(to left, transparent, var(--muted-gold)); }

/* THE BIG BRAND NAME */
.hero-brand {
  font-family:'Manly Beard', serif;
  font-weight:600;
  font-size:clamp(5rem, 11vw, 10rem);
  line-height:0.78;
  letter-spacing:-0.055em;
  color:var(--cream);
  margin-bottom:0;
  opacity:0; animation:fadeUp 1.2s 0.38s cubic-bezier(0.22,1,0.36,1) forwards;
  text-shadow:
    0 2px 60px rgba(0,0,0,0.6),
    0 0 120px rgba(201,169,110,0.06);
}
.hero-brand .line-tagline {
  display:block; margin-top:25px; color:var(--muted-gold);
  font-family:'Ubuntu', sans-serif; font-style:normal; font-weight:400;
  font-size:0.095em; letter-spacing:0.2em; text-transform:uppercase;
  text-shadow:none;
}

/* Divider */
.hero-divider {
  display:flex; align-items:center; justify-content:center; gap:20px;
  margin:32px 0;
  opacity:0; animation:fadeUp 1s 0.65s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}
.hero-divider-line { flex:1; max-width:80px; height:1px; background:linear-gradient(to right,transparent,rgba(201,169,110,0.35)); }
.hero-divider-line:last-child { background:linear-gradient(to left,transparent,rgba(201,169,110,0.35)); }
.hero-divider-glyph { color:var(--muted-gold); font-size:0.7rem; letter-spacing:0.25em; }

/* Rotating slogans */
.hero-slogans {
  position:relative; height:2.2rem; overflow:hidden; margin-bottom:44px;
  opacity:0; animation:fadeUp 1s 0.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}
.hero-slogan {
  position:absolute; width:100%; top:0; left:0;
  font-family:'Ubuntu', sans-serif;
  font-style:italic; font-size:clamp(1.05rem, 2.5vw, 1.45rem);
  color:var(--text-secondary); letter-spacing:0.03em;
  opacity:0;
  transform:translateY(12px);
  transition:opacity 0.9s ease, transform 0.9s ease;
}
.hero-slogan.active { opacity:1; transform:translateY(0); }
.hero-slogan em { color:var(--muted-gold); font-style:italic; }

.hero-ctas {
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  opacity:0; animation:fadeUp 1s 1.0s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}

.btn-primary {
  background:var(--muted-gold); color:var(--matte-black);
  padding:15px 40px; font-size:0.74rem; letter-spacing:0.16em;
  text-transform:uppercase; border:none; cursor:pointer;
  font-family:'Ubuntu', sans-serif; font-weight:500;
  transition:background 0.35s, transform 0.35s, box-shadow 0.35s;
  text-decoration:none; display:inline-block;
}
.btn-primary:hover {
  background:var(--soft-gold); transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(201,169,110,0.25);
}

.btn-ghost {
  background:transparent; border:1px solid rgba(201,169,110,0.3);
  color:var(--text-primary); padding:15px 40px; font-size:0.74rem;
  letter-spacing:0.16em; text-transform:uppercase; cursor:pointer;
  font-family:'Ubuntu', sans-serif;
  transition:border-color 0.35s, color 0.35s, transform 0.35s, background 0.35s;
  text-decoration:none; display:inline-block;
}
.btn-ghost:hover {
  border-color:var(--muted-gold); color:var(--muted-gold);
  transform:translateY(-3px); background:rgba(201,169,110,0.04);
}

/* Hero scroll indicator */
.hero-scroll {
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  z-index:2; text-align:center;
  opacity:0; animation:fadeUp 1s 1.4s forwards;
}
.hero-scroll span {
  display:block; font-size:0.58rem; letter-spacing:0.3em;
  color:var(--text-muted); text-transform:uppercase; margin-bottom:10px;
}
.scroll-line {
  width:1px; height:48px;
  background:linear-gradient(to bottom, var(--muted-gold), transparent);
  margin:0 auto; animation:scrollPulse 2.2s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%,100%{ opacity:0.25; transform:scaleY(1) }
  50%{ opacity:0.9; transform:scaleY(1.08) }
}

/* ─── ANIMATIONS ──────────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(32px) }
  to   { opacity:1; transform:translateY(0) }
}

.reveal {
  opacity:0; transform:translateY(36px);
  transition:opacity 0.9s cubic-bezier(0.25,0.46,0.45,0.94),
             transform 0.9s cubic-bezier(0.25,0.46,0.45,0.94);
}
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.22s; }
.reveal-delay-3 { transition-delay:0.36s; }
.reveal-delay-4 { transition-delay:0.5s; }

/* ─── MARQUEE ─────────────────────────────────────────────── */
.marquee-wrap {
  overflow:hidden; padding:18px 0;
  border-top:1px solid rgba(201,169,110,0.07);
  border-bottom:1px solid rgba(201,169,110,0.07);
  background:rgba(20,16,10,0.7);
}
.marquee-track {
  display:flex; white-space:nowrap;
  animation:marquee 28s linear infinite;
}
.marquee-item {
  flex-shrink:0; display:flex; align-items:center; gap:28px;
  padding:0 52px; font-size:0.66rem; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--text-muted);
}
.marquee-dot { width:3px; height:3px; background:var(--muted-gold); border-radius:50%; }
@keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ─── SHARED SECTION TOKENS ───────────────────────────────── */
.section-label {
  font-size:0.86rem; letter-spacing:0.26em; color:var(--muted-gold);
  text-transform:uppercase; margin-bottom:21px;
  display:flex; align-items:center; gap:14px;
}
.section-label::after {
  content:''; height:1px; width:28px;
  background:linear-gradient(to right, var(--muted-gold), transparent);
  opacity:0.6;
}
.section-wrap { max-width:1400px; margin:0 auto; }

/* ─── STATS BAR ───────────────────────────────────────────── */
.stats-bar {
  background:rgba(201,169,110,0.03);
  border:1px solid rgba(201,169,110,0.09);
  display:grid; grid-template-columns:repeat(4,1fr);
  max-width:1400px; margin:0 auto;
}
.stat-item {
  padding:44px 32px; text-align:center;
  border-right:1px solid rgba(201,169,110,0.07);
  transition:background 0.4s;
}
.stat-item:last-child { border-right:none; }
.stat-item:hover { background:rgba(201,169,110,0.03); }
.stat-num {
  font-family:'Ubuntu', sans-serif; font-size:2.6rem;
  font-weight:700; color:var(--muted-gold); line-height:1; margin-bottom:10px;
}
.stat-label {
  font-size:0.64rem; letter-spacing:0.22em;
  color:var(--text-muted); text-transform:uppercase;
}

/* ─── ABOUT ───────────────────────────────────────────────── */
#about {
  padding:130px 52px;
  display:grid; grid-template-columns:1fr 1fr; gap:88px; align-items:center;
  max-width:1400px; margin:0 auto;
}
.about-visual {
  position:relative; height:620px;
  border-radius:2px; overflow:visible;
}
.about-img-main {
  width:100%; height:100%;
  background:
    linear-gradient(155deg, rgba(61,46,30,0.92), rgba(12,10,8,0.75)),
    linear-gradient(to bottom right, #2e2218, #1a1410);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,0.5), inset 0 1px 0 rgba(201,169,110,0.08);
}
.about-img-main::before {
  content:'';
  position:absolute; inset:0;
  background:radial-gradient(ellipse at 30% 70%, rgba(201,169,110,.06) 0%, transparent 58%);
}
.about-img-main::after {
  content:''; position:absolute; width:64%; aspect-ratio:1; border:1px solid rgba(201,169,110,0.16);
  border-radius:50% 50% 0 0; border-bottom:0; left:18%; bottom:0;
  z-index:0; box-shadow:inset 0 0 0 22px rgba(201,169,110,0.018), 0 0 64px rgba(201,169,110,0.04);
}
.about-arch { position:absolute; z-index:1; width:30%; aspect-ratio:1; border:1px solid rgba(236,227,216,0.12); border-radius:50%; top:22%; left:28%; }
.about-arch::before, .about-arch::after { content:''; position:absolute; border:1px solid rgba(201,169,110,0.12); border-radius:50%; }
.about-arch::before { inset:22%; }
.about-arch::after { inset:43%; background:rgba(201,169,110,0.08); }
.about-img-float {
  position:absolute; bottom:-28px; right:-28px; width:54%; height:44%;
  background:linear-gradient(135deg, #3d2e1e, #2a1f14);
  border:1px solid rgba(201,169,110,0.12);
  display:flex; align-items:center; justify-content:center;
  box-shadow:-12px -12px 48px rgba(0,0,0,0.55);
}
.about-img-float::before { content:''; width:48%; aspect-ratio:1; border:1px solid rgba(201,169,110,0.22); transform:rotate(45deg); box-shadow:0 0 30px rgba(201,169,110,0.05); }
.about-stat {
  position:absolute; z-index:2; top:36px; right:36px;
  background:rgba(12,10,8,0.88); backdrop-filter:blur(16px);
  border:1px solid rgba(201,169,110,0.14);
  padding:22px 28px; text-align:center;
}
.about-stat .num {
  font-family:'Ubuntu', sans-serif; font-size:2.4rem;
  color:var(--muted-gold); font-weight:700; line-height:1;
}
.about-stat .lbl {
  font-size:0.6rem; letter-spacing:0.16em;
  color:var(--text-muted); text-transform:uppercase; margin-top:5px;
}

.about-text h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2rem, 3.8vw, 3.1rem); font-weight:700;
  line-height:1.1; margin-bottom:28px; color:var(--cream);
}
.about-text h2 em { font-style:italic; color:var(--muted-gold); }
.about-text p {
  color:var(--text-secondary); line-height:1.9;
  font-size:0.92rem; margin-bottom:18px;
}
.about-features { display:flex; flex-direction:column; gap:0; margin-top:36px; }
.feature-row {
  display:flex; align-items:center; gap:18px;
  padding:15px 0; border-bottom:1px solid rgba(201,169,110,0.07);
  font-size:0.84rem; color:var(--text-secondary);
  transition:color 0.3s;
}
.feature-row:hover { color:var(--cream); }
.feature-icon {
  width:34px; height:34px;
  border:1px solid rgba(201,169,110,0.18);
  display:flex; align-items:center; justify-content:center;
  font-size:0.9rem; flex-shrink:0;
  transition:border-color 0.3s, background 0.3s;
}
.feature-row:hover .feature-icon { border-color:rgba(201,169,110,0.4); background:rgba(201,169,110,0.06); }

/* ─── WHY GROUNDED ───────────────────────────────────────── */
#why-grounded { position:relative; overflow:hidden; padding:104px 52px 110px; background:radial-gradient(ellipse 58% 72% at 100% 0%, rgba(61,46,30,0.28) 0%, transparent 68%), radial-gradient(ellipse 45% 56% at 6% 100%, rgba(201,169,110,0.04) 0%, transparent 72%), linear-gradient(160deg, #100c08, #18110b 55%, #0d0a07); border-top:1px solid rgba(201,169,110,0.06); border-bottom:1px solid rgba(201,169,110,0.06); }
#why-grounded::before { content:''; position:absolute; inset:0; pointer-events:none; background:none; }
.why-grounded-inner { position:relative; z-index:1; max-width:1400px; margin:0 auto; }
.why-grounded-intro { max-width:790px; }
.why-grounded-intro h2 { font-family:'Manly Beard', serif; font-size:clamp(2.3rem, 4vw, 3.65rem); font-weight:600; color:var(--cream); line-height:1.02; letter-spacing:-0.025em; margin-bottom:24px; }
.why-grounded-intro h2 em { color:var(--muted-gold); font-style:italic; }
.why-grounded-intro > p { max-width:650px; color:var(--text-secondary); font-size:0.94rem; line-height:1.95; }
.why-grounded-manifesto { max-width:500px; margin:54px 0 50px auto; padding:20px 0 20px 30px; border-left:1px solid rgba(201,169,110,0.26); }
.why-grounded-manifesto p { font-family:'Ubuntu', sans-serif; color:var(--warm-beige); font-size:clamp(1.12rem, 2vw, 1.5rem); font-style:italic; line-height:1.55; }
.why-grounded-rule { width:48px; height:1px; background:var(--muted-gold); opacity:0.62; margin:21px 0 14px; }
.why-grounded-manifesto span { color:var(--text-muted); font-size:0.6rem; letter-spacing:0.21em; text-transform:uppercase; }
.why-grounded-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:36px; }
.why-grounded-card { min-height:0; padding:26px 0 0; border-top:1px solid rgba(201,169,110,0.22); transition:border-color .4s, transform .4s; }
.why-grounded-card:hover { border-color:var(--muted-gold); transform:translateY(-3px); }
.why-grounded-card > span { display:block; color:var(--muted-gold); font-size:.58rem; letter-spacing:.2em; margin-bottom:32px; }
.why-grounded-card h3 { font-family:'Manly Beard', serif; font-size:1.7rem; font-weight:600; color:var(--cream); margin-bottom:12px; }
.why-grounded-card p { color:var(--text-secondary); font-size:.84rem; line-height:1.85; max-width:320px; }

/* ─── EXPERIENCE / BENTO ──────────────────────────────────── */
#experience {
  padding:110px 52px;
  background:linear-gradient(to bottom, var(--matte-black) 0%, #110d08 100%);
}
.exp-header {
  text-align:center; max-width:680px; margin:0 auto 72px;
}
.exp-header h2 {
  font-family:'Manly Beard', serif;
  font-size:clamp(2rem, 4vw, 3rem); font-weight:700;
  color:var(--cream); line-height:1.15;
}
.exp-header h2 em { color:var(--muted-gold); font-style:italic; }
.exp-header p {
  color:var(--text-secondary); margin-top:18px;
  font-size:0.88rem; line-height:1.85;
}

.bento-grid {
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:14px; max-width:1400px; margin:0 auto;
}
.bento-card {
  background:linear-gradient(145deg, #201810, #171008);
  border:1px solid rgba(201,169,110,0.07);
  padding:38px; position:relative; overflow:hidden;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94),
             border-color 0.45s, box-shadow 0.45s;
  cursor:pointer;
}
.bento-card::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(201,169,110,0.06) 0%, transparent 55%);
  opacity:0; transition:opacity 0.4s;
}
.bento-card::after {
  content:''; position:absolute; inset:0;
  border:1px solid rgba(201,169,110,0); pointer-events:none;
  transition:border-color 0.4s;
}
.bento-card:hover {
  border-color:rgba(201,169,110,0.22);
  transform:translateY(-5px);
  box-shadow:0 28px 70px rgba(0,0,0,0.45), 0 0 0 1px rgba(201,169,110,0.08);
}
.bento-card:hover::before { opacity:1; }

.bento-card.wide   { grid-column:span 7; }
.bento-card.narrow { grid-column:span 5; }
.bento-card.half   { grid-column:span 6; }
.bento-card.third  { grid-column:span 4; }
.bento-card.full   { grid-column:span 12; }
.bento-card.tall   { min-height:320px; }

.bento-icon { width:25px; height:25px; margin-bottom:24px; display:block; fill:none; stroke:var(--muted-gold); stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.bento-card h3 {
  font-family:'Manly Beard', serif; font-size:1.7rem;
  font-weight:600; color:var(--cream); margin-bottom:14px;
}
.bento-card p { font-size:0.83rem; color:var(--text-secondary); line-height:1.8; }
.bento-tag {
  display:inline-block; margin-top:22px;
  font-size:0.62rem; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--muted-gold); text-decoration:none; cursor:pointer;
  border-bottom:1px solid rgba(201,169,110,0.28); padding-bottom:2px;
  transition:color 0.35s, border-color 0.35s;
}
.bento-tag span { display:inline-block; transition:transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94); }
.bento-tag:hover { color:var(--soft-gold); border-bottom-color:var(--muted-gold); }
.bento-tag:hover span { transform:translateX(5px); }
.bento-visual { position:absolute; right:-12%; bottom:-38%; width:48%; aspect-ratio:1; border:1px solid rgba(201,169,110,0.06); border-radius:50%; pointer-events:none; transition:border-color .4s, transform .4s; }
.bento-card:hover .bento-visual { border-color:rgba(201,169,110,0.12); transform:scale(1.05); }

/* ─── REVIEWS ─────────────────────────────────────────────── */
#reviews { padding:110px 52px; }
.reviews-header { max-width:580px; margin-bottom:64px; }
.reviews-header h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2rem, 3.5vw, 2.8rem); font-weight:700; color:var(--cream);
}
.reviews-header h2 em { color:var(--muted-gold); font-style:italic; }

.reviews-grid {
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:1px; max-width:1400px; margin:0 auto;
  background:rgba(201,169,110,0.05);
  border:1px solid rgba(201,169,110,0.05);
}
.review-card {
  background:rgba(20,16,10,0.85);
  padding:44px 38px; position:relative; overflow:hidden;
  transition:background 0.45s, transform 0.45s;
}
.review-card:hover { background:rgba(32,24,14,0.95); transform:scale(1.01); }
.review-card::before {
  content:'\201C';
  position:absolute; top:16px; right:22px;
  font-family:'Ubuntu', sans-serif; font-size:5.5rem; line-height:1;
  color:rgba(201,169,110,0.05); pointer-events:none;
  transition:color 0.4s;
}
.review-card:hover::before { color:rgba(201,169,110,0.09); }

.review-stars {
  color:var(--muted-gold); font-size:0.65rem;
  letter-spacing:3px; margin-bottom:22px;
}
.review-text {
  font-family:'Ubuntu', sans-serif; font-size:1.18rem;
  font-style:italic; line-height:1.7; color:var(--cream); margin-bottom:26px;
}
.review-author { font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); }
.review-author span { color:var(--muted-gold); }

/* ─── MENU ────────────────────────────────────────────────── */
#menu { padding:110px 52px; background:#0b0907; }
.menu-header { text-align:center; margin-bottom:68px; }
.menu-header h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2rem, 4vw, 3rem); font-weight:700; color:var(--cream);
}
.menu-header h2 em { color:var(--muted-gold); font-style:italic; }
.menu-header p { color:var(--text-secondary); margin-top:14px; font-size:0.88rem; }

.menu-grid {
  display:grid; grid-template-columns:repeat(auto-fill, minmax(256px, 1fr));
  gap:1px; max-width:1400px; margin:0 auto;
}
.menu-item {
  background:linear-gradient(155deg, #161008, #100c06);
  padding:42px 34px; position:relative; overflow:hidden;
  border:1px solid rgba(201,169,110,0.05);
  transition:background 0.4s, border-color 0.4s, transform 0.4s;
  cursor:pointer;
}
.menu-item:hover {
  background:linear-gradient(155deg, #201608, #181008);
  border-color:rgba(201,169,110,0.18);
  transform:translateY(-3px);
}
.menu-item-glow {
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 105%, rgba(201,169,110,0.07) 0%, transparent 65%);
  opacity:0; transition:opacity 0.45s;
}
.menu-item:hover .menu-item-glow { opacity:1; }

.menu-emoji { font-size:1.9rem; margin-bottom:22px; display:block; }
.menu-item-line {
  width:28px; height:1px;
  background:rgba(201,169,110,0.3); margin-bottom:16px;
  transition:width 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
}
.menu-item:hover .menu-item-line { width:58px; }

.menu-item h3 {
  font-family:'Ubuntu', sans-serif; font-size:1.2rem;
  font-weight:700; color:var(--cream); margin-bottom:10px;
}
.menu-item p {
  font-size:0.78rem; color:var(--text-secondary); line-height:1.75; margin-bottom:22px;
}
.menu-price {
  font-family:'Ubuntu', sans-serif; font-size:1.05rem;
  color:var(--muted-gold); letter-spacing:0.06em;
}

/* ─── GALLERY ─────────────────────────────────────────────── */
#gallery { padding:110px 52px; }
.gallery-header { text-align:center; margin-bottom:68px; }
.gallery-header h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2rem, 4vw, 3rem); font-weight:700; color:var(--cream);
}
.gallery-header h2 em { color:var(--muted-gold); font-style:italic; }

.gallery-grid {
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  grid-auto-rows:80px;
  gap:6px; max-width:1400px; margin:0 auto;
}
.gallery-item {
  overflow:hidden; position:relative; cursor:pointer;
  background:#1a1410;
}
.gallery-item:hover { z-index:10; }
.gallery-item .gallery-inner {
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  font-size:3rem; transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
}
.gallery-item:hover .gallery-inner { transform:scale(1.06); }
.gallery-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, transparent 60%);
  opacity:0; transition:opacity 0.4s;
  display:flex; align-items:flex-end; padding:18px;
}
.gallery-item:hover .gallery-overlay { opacity:1; }
.gallery-overlay span {
  font-size:0.6rem; letter-spacing:0.18em;
  color:var(--cream); text-transform:uppercase;
}

.g1 { grid-column:span 5; grid-row:span 4; }
.g2 { grid-column:span 4; grid-row:span 2; }
.g3 { grid-column:span 3; grid-row:span 2; }
.g4 { grid-column:span 4; grid-row:span 3; }
.g5 { grid-column:span 3; grid-row:span 3; }
.g6 { grid-column:span 3; grid-row:span 2; }
.g7 { grid-column:span 4; grid-row:span 2; }
.g8 { grid-column:span 5; grid-row:span 3; }

.g1 .gallery-inner { background:linear-gradient(145deg,#2e2118,#1a1410); font-size:5rem; }
.g2 .gallery-inner { background:linear-gradient(145deg,#261e0e,#181208); }
.g3 .gallery-inner { background:linear-gradient(145deg,#20180c,#14100a); }
.g4 .gallery-inner { background:linear-gradient(145deg,#321e0e,#1e1608); }
.g5 .gallery-inner { background:linear-gradient(145deg,#1c1408,#120d06); }
.g6 .gallery-inner { background:linear-gradient(145deg,#281a0e,#18120a); }
.g7 .gallery-inner { background:linear-gradient(145deg,#221a10,#16100c); }
.g8 .gallery-inner { background:linear-gradient(145deg,#2e2014,#1a1410); font-size:4rem; }

/* ─── LOCATION ────────────────────────────────────────────── */
#location {
  padding:110px 52px;
  background:linear-gradient(to bottom, #0b0907, var(--matte-black));
}
.location-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:88px; align-items:center; max-width:1400px; margin:0 auto;
}
.location-text h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2rem, 4vw, 3rem); font-weight:700;
  color:var(--cream); margin-bottom:34px;
}
.location-text h2 em { color:var(--muted-gold); font-style:italic; }
.location-text p { color:var(--text-secondary); line-height:1.9; font-size:0.88rem; margin-bottom:34px; }
.location-details { display:flex; flex-direction:column; gap:20px; }
.loc-row { display:flex; gap:20px; align-items:flex-start; }
.loc-icon {
  width:40px; height:40px; flex-shrink:0;
  border:1px solid rgba(201,169,110,0.18);
  display:flex; align-items:center; justify-content:center;
  font-size:1rem; transition:border-color 0.3s, background 0.3s;
}
.loc-row:hover .loc-icon { border-color:rgba(201,169,110,0.4); background:rgba(201,169,110,0.05); }
.loc-info { font-size:0.83rem; color:var(--text-secondary); line-height:1.75; }
.loc-info strong { color:var(--cream); display:block; margin-bottom:3px; font-weight:500; }

.map-container {
  height:480px;
  background:linear-gradient(145deg, #1a1410, #120e08);
  border:1px solid rgba(201,169,110,0.09);
  position:relative; overflow:hidden;
}
.map-container iframe {
  width:100%; height:100%; border:none;
  filter:invert(0.9) hue-rotate(180deg) saturate(0.25) brightness(0.65);
}
.map-overlay {
  position:absolute; top:0; left:0; right:0; height:70px;
  background:linear-gradient(to bottom, #1a1410, transparent);
  pointer-events:none; z-index:1;
}

/* ─── BADGE ───────────────────────────────────────────────── */
.badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(201,169,110,0.07);
  border:1px solid rgba(201,169,110,0.18);
  padding:7px 16px; font-size:0.62rem; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--muted-gold);
}
.badge-dot {
  width:6px; height:6px; background:#4caf50;
  border-radius:50%; animation:blink 2.2s ease-in-out infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.28} }


/* ─── RESERVE A SPACE ────────────────────────────────────── */
#reserve-space {
  padding:104px 52px 118px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 70% 48% at 18% 12%, rgba(201,169,110,0.045) 0%, transparent 64%),
    radial-gradient(ellipse 58% 42% at 84% 44%, rgba(61,46,30,0.34) 0%, transparent 66%),
    linear-gradient(to bottom, var(--matte-black) 0%, #100c07 52%, #080604 100%);
  border-top:1px solid rgba(201,169,110,0.055);
}
#reserve-space::before {
  content:'';
  position:absolute; inset:0;
  background:none;
  pointer-events:none;
}
.reserve-wrap { position:relative; max-width:1400px; margin:0 auto; z-index:1; }
.reserve-kicker { justify-content:center; }
.reserve-header {
  text-align:center; max-width:760px; margin:0 auto 64px;
}
.reserve-header h2 {
  font-family:'Ubuntu', sans-serif;
  font-size:clamp(2.25rem, 4.6vw, 4rem);
  font-weight:700; line-height:1.05; color:var(--cream);
  margin-bottom:24px;
}
.reserve-header h2 em { color:var(--muted-gold); font-style:italic; }
.reserve-header p {
  color:var(--text-secondary); font-size:0.9rem; line-height:1.9;
  max-width:590px; margin:0 auto;
}
.reserve-showcase {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px; margin-bottom:68px;
}
.reserve-card {
  grid-column:auto;
  min-height:440px;
  background:#765840;
  border:1px solid rgba(243,234,220,.24);
  position:relative; overflow:hidden; cursor:pointer;
  display:flex; flex-direction:column;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94), border-color 0.45s, box-shadow 0.45s;
}
.reserve-card.featured { grid-column:auto; }
.reserve-card::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(201,169,110,0.075) 0%, transparent 56%);
  opacity:0; transition:opacity 0.4s; pointer-events:none; z-index:1;
}
.reserve-card:hover {
  transform:translateY(-6px);
  border-color:rgba(243,234,220,.42);
  box-shadow:0 24px 54px rgba(65,43,29,.2), 0 0 0 1px rgba(201,169,110,.08);
}
.reserve-card:hover::before { opacity:1; }
.reserve-media {
  min-height:180px; position:relative; overflow:hidden;
  background:#947556;
  display:flex; align-items:center; justify-content:center;
}
.reserve-card.featured .reserve-media { min-height:180px; }
.reserve-media::after {
  content:''; position:absolute; inset:auto 0 0; height:54%;
  background:rgba(64,45,31,.16);
}
.reserve-media { height:clamp(190px,24vw,280px); min-height:190px; flex:0 0 auto; }
.reserve-media img { display:block; position:absolute; inset:0; width:100%; height:100%; min-height:0; object-fit:cover; object-position:center; }
.reserve-icon {
  font-size:4.6rem; opacity:0.24;
  filter:sepia(0.7) saturate(0.9);
  transform:rotate(-8deg) scale(1);
  transition:transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94), opacity 0.45s;
}
.reserve-card:hover .reserve-icon { transform:rotate(-3deg) scale(1.08); opacity:0.32; }
.reserve-body { padding:28px 30px 30px; position:relative; z-index:2; flex:1; display:flex; flex-direction:column; }
.reserve-card h3 {
  font-family:'Ubuntu', sans-serif; font-size:1.55rem;
  font-weight:700; color:var(--cream); margin-bottom:12px;
}
.reserve-desc { color:var(--text-secondary); font-size:0.82rem; line-height:1.8; margin-bottom:18px; }
.reserve-meta {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:rgba(243,234,220,.14); border:1px solid rgba(243,234,220,.2);
  margin-bottom:20px;
}
.reserve-meta div { background:rgba(66,45,31,.34); padding:12px; }
.reserve-meta span {
  display:block; font-size:0.54rem; letter-spacing:0.18em;
  color:var(--text-muted); text-transform:uppercase; margin-bottom:6px;
}
.reserve-meta strong { font-size:0.76rem; color:var(--warm-beige); font-weight:400; }
.amenities { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.amenities span {
  border:1px solid rgba(243,234,220,.22);
  color:var(--text-secondary); padding:7px 10px;
  font-size:0.58rem; letter-spacing:0.12em; text-transform:uppercase;
  background:rgba(243,234,220,.05);
}
.reserve-card .btn-ghost { align-self:flex-start; margin-top:auto; padding:13px 28px; }
.reservation-panel {
  display:grid; grid-template-columns:0.82fr 1.18fr; gap:1px;
  background:rgba(201,169,110,0.08);
  border:1px solid rgba(201,169,110,0.08);
  box-shadow:0 34px 90px rgba(0,0,0,0.38);
}
.reservation-intro, .reservation-form {
  background:linear-gradient(145deg, rgba(25,19,13,0.96), rgba(11,8,5,0.98));
}
.reservation-intro { padding:58px; position:relative; overflow:hidden; }
.reservation-intro::after {
  content:'Reserve'; position:absolute; right:-26px; bottom:-28px;
  font-family:'Ubuntu', sans-serif; font-size:8rem; font-weight:900;
  color:rgba(201,169,110,0.035); line-height:1; pointer-events:none;
}
.reservation-intro h3 {
  font-family:'Ubuntu', sans-serif; font-size:clamp(1.8rem, 3vw, 2.65rem);
  line-height:1.12; color:var(--cream); margin-bottom:22px;
}
.reservation-intro h3 em { color:var(--muted-gold); font-style:italic; }
.reservation-intro p { color:var(--text-secondary); line-height:1.9; font-size:0.88rem; margin-bottom:32px; }
.reservation-notes { display:flex; flex-direction:column; gap:18px; }
.reservation-note { display:flex; gap:16px; align-items:flex-start; }
.reservation-note .loc-icon { width:38px; height:38px; }
.reservation-note strong { display:block; color:var(--cream); font-size:0.82rem; font-weight:500; margin-bottom:4px; }
.reservation-note span { color:var(--text-muted); font-size:0.76rem; line-height:1.6; }
.reservation-form { padding:52px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-field { display:flex; flex-direction:column; gap:9px; }
.form-field.full { grid-column:1 / -1; }
.form-field label {
  color:var(--muted-gold); font-size:0.58rem; letter-spacing:0.2em;
  text-transform:uppercase;
}
.form-field input, .form-field select, .form-field textarea {
  width:100%; min-height:50px;
  background:rgba(12,10,8,0.68);
  border:1px solid rgba(201,169,110,0.12);
  color:var(--cream); padding:14px 16px;
  font-family:'Ubuntu', sans-serif; font-size:0.82rem; font-weight:300;
  outline:none; border-radius:0;
  transition:border-color 0.35s, background 0.35s, box-shadow 0.35s;
}
.form-field textarea { min-height:128px; resize:vertical; line-height:1.7; }
.form-field input::placeholder, .form-field textarea::placeholder { color:var(--text-muted); }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
  border-color:rgba(201,169,110,0.42);
  background:rgba(20,15,10,0.82);
  box-shadow:0 0 0 3px rgba(201,169,110,0.055);
}
.form-field select { appearance:none; color:var(--warm-beige); }
.reservation-submit { margin-top:30px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.form-disclaimer { color:var(--text-muted); font-size:0.72rem; line-height:1.7; max-width:320px; }
.form-status { color:var(--muted-gold); font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; margin-top:18px; min-height:1em; }
@media (max-width:1100px) {
  #reserve-space { padding:88px 32px 96px; }
  .reserve-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reservation-panel { grid-template-columns:1fr; }
}
@media (max-width:1280px) {
  .nav-links { display:none; }
  .hamburger { display:flex; }
}
@media (max-width:768px) {
  #reserve-space { padding:68px 24px 76px; }
  .reserve-header { margin-bottom:48px; }
  .reserve-showcase { margin-bottom:56px; }
  .reserve-showcase { grid-template-columns:1fr; }
  .reserve-card, .reserve-card.featured { grid-column:auto; min-height:auto; }
  .reserve-card.featured .reserve-media, .reserve-media { min-height:190px; }
  .reserve-body, .reservation-intro, .reservation-form { padding:30px 24px; }
  .reserve-meta { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }
  .reservation-submit { align-items:flex-start; flex-direction:column; }
  .reservation-submit .btn-primary { width:100%; text-align:center; padding-left:20px; padding-right:20px; }
}

/* ─── 2026 FRONTEND REFINEMENT ─────────────────────────────
   Palette: black, coffee brown, textured beige and white only. */
:root {
  --black:#0a0908;
  --coffee:#4a2f22;
  --coffee-deep:#21150f;
  --beige:#e8ddcc;
  --white:#fff;
  --cream:var(--beige);
  --warm-beige:#d8c8b5;
  --matte-black:var(--black);
  --dark-brown:var(--coffee-deep);
  --mid-brown:#2e1d15;
  --warm-brown:var(--coffee);
  --muted-gold:#a77b61;
  --soft-gold:#c8a88f;
  --pale-gold:var(--beige);
  --text-primary:var(--white);
  --text-secondary:#cfc1b2;
  --text-muted:#9f8e80;
}

body { font-family:'Ubuntu', sans-serif; font-weight:400; line-height:1.5; }
h1, h2, h3, h4, .hero-brand, .footer-mark, .mobile-nav a {
  font-family:'Manly Beard', Georgia, serif !important;
  font-weight:600;
}
.section-label, .page-hero .section-label {
  color:var(--beige); font-size:clamp(.8rem, 1.1vw, 1.04rem); letter-spacing:.3em;
  font-weight:700; margin-bottom:25px;
}
.section-label::after { background:linear-gradient(to right, var(--beige), transparent); width:46px; }

/* Page heroes keep their left-aligned editorial tension, with a purposeful right side. */
.page-hero {
  min-height:72vh; padding:154px clamp(28px, 7vw, 112px) 88px;
  align-items:center;
  background:
    radial-gradient(ellipse 45% 70% at 88% 48%, rgba(74,47,34,.62), transparent 68%),
    radial-gradient(ellipse 48% 60% at 18% 75%, rgba(232,221,204,.07), transparent 64%),
    linear-gradient(115deg, #0a0908 0%, #100d0b 52%, #24170f 100%);
}
.page-hero::before {
  background:
    linear-gradient(90deg, transparent 0 72%, rgba(232,221,204,.12) 72.05% 72.12%, transparent 72.18%),
    radial-gradient(circle at 85% 34%, transparent 0 7px, rgba(232,221,204,.18) 7.5px 8px, transparent 8.5px),
    linear-gradient(to top, var(--black), transparent 48%);
  opacity:.8;
}
.page-hero::after {
  right:-.08em; top:48%; font-family:'Manly Beard', Georgia, serif;
  font-size:clamp(11rem, 25vw, 27rem); color:rgba(232,221,204,.045); letter-spacing:-.08em;
}
.page-hero-content { max-width:min(720px, 62vw); }
.page-hero-content::after { left:calc(100% + clamp(24px, 5vw, 90px)); height:148px; background:linear-gradient(to bottom, transparent, var(--beige), transparent); }
.page-hero h1 { font-size:clamp(3.6rem, 7vw, 7rem); line-height:.92; letter-spacing:-.045em; }
.page-hero h1 em, .editorial-copy h2 em, .page-centered h2 em, .reserve-header h2 em, .reserve-teaser h2 em, .reservation-intro h3 em { color:var(--beige); }
.page-hero p { color:var(--text-secondary); max-width:590px; font-size:clamp(1rem,1.45vw,1.22rem); font-style:normal; margin-top:28px; }

/* Tactile beige surfaces replace metallic decoration. */
.page-section.dark, .reserve-teaser { background:linear-gradient(145deg, #0d0b09, #17100c); }
.premium-card, .reserve-card, .contact-panel, .contact-form-panel, .reservation-intro, .reservation-form, .faq-item {
  border-color:rgba(232,221,204,.13);
}
.premium-card, .reserve-card { border-radius:18px; }
.premium-card:hover, .reserve-card:hover { border-color:rgba(232,221,204,.42); box-shadow:0 28px 60px rgba(0,0,0,.38); }
.btn-primary, .nav-cta { border-color:rgba(232,221,204,.55); color:var(--beige); }
.btn-primary:hover, .nav-cta:hover { background:var(--beige); color:var(--black); box-shadow:none; }
.editorial-image, .contact-map { border-radius:18px; border-color:rgba(232,221,204,.15); }

/* Gallery: intentionally irregular, image-free editorial placeholders. */
.gallery-page .page-section { padding-top:clamp(72px, 10vw, 140px); }
.gallery-intro { max-width:1400px; margin:0 auto 44px; display:flex; justify-content:space-between; align-items:end; gap:32px; }
.gallery-intro span { font-size:.7rem; letter-spacing:.26em; text-transform:uppercase; color:var(--beige); }
.gallery-intro p { max-width:385px; color:var(--text-secondary); font-size:.9rem; line-height:1.75; }
.editorial-collage { grid-auto-rows:clamp(50px, 4.5vw, 74px); gap:clamp(12px, 1.5vw, 22px); }
.gallery-masonry .gallery-item { border:0; border-radius:16px; outline:1px solid rgba(232,221,204,.15); outline-offset:-1px; background:var(--coffee-deep); }
.gallery-masonry .gallery-item::before { content:''; position:absolute; z-index:1; inset:12px; border:1px solid rgba(232,221,204,.12); border-radius:10px; pointer-events:none; transition:inset .55s cubic-bezier(.22,1,.36,1), border-color .4s; }
.gallery-masonry .gallery-item:hover::before { inset:18px; border-color:rgba(232,221,204,.38); }
.gallery-surface { display:grid; place-items:center; }
.gallery-surface span { color:rgba(232,221,204,.5); font-size:.58rem; letter-spacing:.2em; line-height:1.7; text-transform:uppercase; text-align:center; transition:opacity .4s, transform .6s; }
.gallery-item:hover .gallery-surface span { opacity:0; transform:translateY(-8px); }
.gallery-masonry .gallery-overlay { padding:30px; background:linear-gradient(to top, rgba(10,9,8,.82), transparent 64%); }
.gallery-overlay span { color:var(--white); }
.gallery-main { grid-column:1 / span 6; grid-row:span 9; }
.gallery-garden { grid-column:7 / span 3; grid-row:span 6; margin-top:28px; }
.gallery-light { grid-column:10 / span 3; grid-row:span 4; }
.gallery-coffee { grid-column:7 / span 3; grid-row:span 4; margin-top:-18px; }
.gallery-work { grid-column:10 / span 3; grid-row:span 6; margin-top:-42px; }
.gallery-theatre { grid-column:1 / span 4; grid-row:span 5; margin-top:18px; }
.gallery-night { grid-column:5 / span 8; grid-row:span 4; margin-top:18px; }
.gallery-main .gallery-surface { background:linear-gradient(140deg, #5a3928, #271810 58%, #100d0b); }
.gallery-garden .gallery-surface { background:linear-gradient(145deg, #2c1c14, #120f0d 72%); }
.gallery-light .gallery-surface { background:linear-gradient(145deg, #6a4531, #291a12 68%); }
.gallery-coffee .gallery-surface { background:linear-gradient(145deg, #321f16, #17110e 70%); }
.gallery-work .gallery-surface { background:linear-gradient(135deg, #201713, #493126); }
.gallery-theatre .gallery-surface { background:linear-gradient(145deg, #42281c, #0d0b0a 75%); }
.gallery-night .gallery-surface { background:linear-gradient(105deg, #130f0d, #4a3023 54%, #1a120f); }

/* FAQs and contact receive quieter structure and smoother movement. */
.faq-wrap { max-width:1060px; display:grid; gap:12px; }
.faq-item { border:1px solid rgba(232,221,204,.13); border-radius:12px; padding:0 28px; transition:background .4s, border-color .4s, transform .4s; }
.faq-item:hover, .faq-item.open { background:rgba(232,221,204,.045); border-color:rgba(232,221,204,.32); }
.faq-item.open { transform:translateX(8px); }
.faq-question { padding:25px 0; font-size:clamp(1.2rem,2vw,1.55rem); font-family:'Manly Beard', Georgia, serif; }
.faq-question span { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(232,221,204,.3); border-radius:50%; color:var(--beige); transition:transform .45s cubic-bezier(.22,1,.36,1), background .35s; }
.faq-item.open .faq-question span { background:var(--beige); color:var(--black); }
.faq-answer { transition:max-height .55s cubic-bezier(.22,1,.36,1), opacity .4s; }
.faq-answer p { font-size:.95rem; padding:0 44px 27px 0; }
.contact-grid { gap:16px; background:transparent; border:0; align-items:stretch; }
.contact-panel, .contact-form-panel { border:1px solid rgba(232,221,204,.14); border-radius:18px; padding:clamp(30px,4vw,56px); }
.contact-map { height:390px; margin-top:36px; overflow:hidden; }
.contact-panel .loc-row { padding:14px 0 19px; }

/* Pricing cards are clear enough to scan at a glance. */
.reserve-showcase { gap:22px; }
.reserve-card { min-height:470px; background:#765840; }
.reserve-media { min-height:170px; background:#947556; }
.reserve-meta { background:rgba(232,221,204,.13); border-color:rgba(232,221,204,.12); }
.reserve-meta div { background:rgba(66,45,31,.34); }
.reserve-meta strong { color:var(--beige); font-size:.8rem; }
.amenities span { border-color:rgba(232,221,204,.2); background:rgba(232,221,204,.04); }
.reserve-card h3, .premium-card h3, .reservation-intro h3 { font-family:'Manly Beard', Georgia, serif !important; }

@media (max-width:768px) {
  body { cursor:auto; }
  .cursor, .cursor-trail { display:none; }
  .page-hero { min-height:62vh; padding:128px 24px 66px; align-items:flex-end; }
  .page-hero-content { max-width:100%; }
  .page-hero h1 { font-size:clamp(3.1rem, 13vw, 4.8rem); }
  .gallery-intro { display:block; margin-bottom:30px; }
  .gallery-intro p { margin-top:14px; }
  .editorial-collage { grid-template-columns:repeat(6,1fr); grid-auto-rows:62px; gap:10px; }
  .gallery-main { grid-column:1 / span 6; grid-row:span 6; }
  .gallery-garden { grid-column:1 / span 3; grid-row:span 4; margin-top:0; }
  .gallery-light { grid-column:4 / span 3; grid-row:span 4; }
  .gallery-coffee { grid-column:1 / span 3; grid-row:span 4; margin-top:0; }
  .gallery-work { grid-column:4 / span 3; grid-row:span 5; margin-top:0; }
  .gallery-theatre { grid-column:1 / span 6; grid-row:span 4; margin-top:0; }
  .gallery-night { grid-column:1 / span 6; grid-row:span 3; margin-top:0; }
  .gallery-masonry .gallery-overlay { padding:20px; }
  .faq-item { padding:0 18px; }
  .faq-item.open { transform:none; }
  .faq-answer p { padding-right:0; }
  .reserve-showcase { gap:14px; }
}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}


/* ─── FOOTER ──────────────────────────────────────────────── */
footer {
  padding:88px 52px 52px;
  border-top:1px solid rgba(201,169,110,0.07);
  background:#07060404;
}
.footer-grid {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:64px; max-width:1400px; margin:0 auto 64px;
}
.footer-brand .logo {
  font-family:'Ubuntu', sans-serif; font-size:1.35rem;
  font-weight:700; color:var(--soft-gold);
  letter-spacing:0.06em; text-transform:uppercase; margin-bottom:18px;
  line-height:1.2;
}
.footer-brand p {
  color:var(--text-muted); font-size:0.8rem;
  line-height:1.85; max-width:275px;
}
.footer-brand-links { display:flex; gap:14px; margin-top:26px; }
.footer-brand-links a {
  color:var(--text-muted); font-size:0.78rem;
  text-decoration:none; transition:color 0.3s;
  position:relative; padding-bottom:2px;
}
.footer-brand-links a::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:1px; background:var(--muted-gold);
  transition:width 0.3s;
}
.footer-brand-links a:hover { color:var(--muted-gold); }
.footer-brand-links a:hover::after { width:100%; }
.footer-brand-links .sep { color:var(--text-muted); opacity:0.4; }

.footer-col h4 {
  font-size:0.6rem; letter-spacing:0.24em;
  text-transform:uppercase; color:var(--muted-gold); margin-bottom:22px;
}
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:13px; }
.footer-col ul li a {
  color:var(--text-muted); text-decoration:none;
  font-size:0.8rem; transition:color 0.3s;
  position:relative; padding-bottom:2px;
}
.footer-col ul li a::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:1px; background:var(--muted-gold);
  transition:width 0.3s;
}
.footer-col ul li a:hover { color:var(--cream); }
.footer-col ul li a:hover::after { width:100%; }

.footer-bottom {
  display:flex; justify-content:space-between; align-items:center;
  padding-top:36px; border-top:1px solid rgba(201,169,110,0.05);
  max-width:1400px; margin:0 auto;
}
.footer-bottom p { font-size:0.68rem; color:var(--text-muted); letter-spacing:0.06em; }
.footer-tagline {
  font-family:'Ubuntu', sans-serif; font-style:italic;
  color:var(--muted-gold); font-size:0.88rem; letter-spacing:0.04em;
}

/* ─── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width:1100px) {
  nav { padding:24px 32px; }
  nav.scrolled { padding:14px 32px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  #about { grid-template-columns:1fr; padding:80px 32px; gap:52px; }
  .about-visual { height:420px; }
  .bento-card.wide, .bento-card.narrow,
  .bento-card.half, .bento-card.third { grid-column:span 12; }
  .reviews-grid { grid-template-columns:1fr; }
  .location-grid { grid-template-columns:1fr; gap:48px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:40px; }
  #experience, #reviews, #menu, #gallery, #location { padding:80px 32px; }
}
@media (max-width:768px) {
  .hero-brand { font-size:clamp(3.2rem, 14vw, 5.5rem); }
  .hero-brand .line-tagline { margin-top:19px; font-size:0.12em; letter-spacing:0.16em; }
  .hero-slogans { height:2rem; }
  .hero-slogan { font-size:1rem; }
  nav { padding:18px 24px; }
  nav.scrolled { padding:12px 24px; }
  .nav-logo { flex-basis:auto; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; gap:14px; text-align:center; }
  .stats-bar { grid-template-columns:1fr 1fr; }
  .gallery-grid { grid-template-columns:repeat(6,1fr); }
  .g1 { grid-column:span 6; grid-row:span 3; }
  .g2,.g4,.g5,.g7,.g8 { grid-column:span 6; grid-row:span 2; }
  .g3,.g6 { grid-column:span 6; grid-row:span 2; }
  .hero-ctas { flex-direction:column; align-items:center; }
  .menu-grid { grid-template-columns:1fr; }
  #about, #experience, #reviews, #menu, #gallery, #location { padding:60px 24px; }
  .hero-eyebrow { display:none; }
}


/* ─── MULTI-PAGE SYSTEM ─────────────────────────────────── */
.nav-logo { text-decoration:none; display:block; }
.page-hero {
  min-height:68vh; padding:170px 52px 92px; position:relative; overflow:hidden;
  display:flex; align-items:flex-end;
  background:
    radial-gradient(ellipse 65% 45% at 24% 28%, rgba(201,169,110,0.07) 0%, transparent 64%),
    radial-gradient(ellipse 52% 42% at 88% 20%, rgba(61,46,30,0.42) 0%, transparent 66%),
    linear-gradient(170deg, #1c1510 0%, #0c0a08 46%, #120d08 100%);
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:
    repeating-linear-gradient(90deg, transparent, transparent 92px, rgba(201,169,110,0.012) 92px, rgba(201,169,110,0.012) 93px),
    linear-gradient(to top, var(--matte-black), transparent 42%);
  pointer-events:none;
}
.page-hero::after {
  content:'Grounded'; position:absolute; right:-.12em; top:50%; z-index:0;
  transform:translateY(-47%); font-family:'Manly Beard', serif;
  font-size:clamp(10rem, 22vw, 25rem); font-weight:600; line-height:.8;
  color:rgba(201,169,110,0.025); letter-spacing:-.07em; pointer-events:none;
}
.page-hero-content { position:relative; z-index:1; max-width:980px; }
.page-hero-content::after {
  content:''; position:absolute; top:6px; left:calc(100% + clamp(28px, 7vw, 130px));
  width:1px; height:110px; background:linear-gradient(to bottom, transparent, rgba(201,169,110,.34), transparent);
}
.page-hero h1 {
  font-size:clamp(3rem, 7vw, 6.4rem);
  color:var(--cream); line-height:0.94; font-weight:600; letter-spacing:-0.035em;
  text-shadow:0 2px 60px rgba(0,0,0,0.5);
}
.page-hero h1 em { color:var(--muted-gold); font-style:italic; }
.page-hero p {
  font-family:'Ubuntu', sans-serif; color:var(--warm-beige);
  font-size:clamp(1.08rem, 2.3vw, 1.45rem); font-style:italic; line-height:1.75;
  max-width:650px; margin-top:26px;
}
.page-section { padding:110px 52px; position:relative; overflow:hidden; }
.page-section.dark { background:linear-gradient(to bottom, #0b0907, var(--matte-black)); }
.editorial-grid {
  max-width:1400px; margin:0 auto; display:grid; grid-template-columns:0.9fr 1.1fr;
  gap:88px; align-items:center;
}
.editorial-grid.reverse { grid-template-columns:1.1fr 0.9fr; }
.editorial-copy h2, .page-centered h2 {
  font-family:'Ubuntu', sans-serif; font-size:clamp(2rem, 4vw, 3.2rem);
  color:var(--cream); line-height:1.1; margin-bottom:24px;
}
.editorial-copy h2 em, .page-centered h2 em { color:var(--muted-gold); font-style:italic; }
.editorial-copy p, .page-centered p {
  color:var(--text-secondary); line-height:1.9; font-size:0.92rem; margin-bottom:16px;
}
.editorial-image {
  min-height:520px; background:
    linear-gradient(155deg, rgba(61,46,30,0.82), rgba(12,10,8,0.7)),
    radial-gradient(circle at 28% 28%, rgba(201,169,110,0.14), transparent 36%),
    linear-gradient(145deg, #2e2118, #15100b);
  border:1px solid rgba(201,169,110,0.09); position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; font-size:4rem;
  box-shadow:0 30px 80px rgba(0,0,0,0.42);
}
.editorial-image::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(12,10,8,0.72), transparent 58%);
}
.pull-quote {
  font-family:'Manly Beard', serif; font-weight:600;
  font-size:clamp(1.45rem, 3vw, 2.3rem);
  font-style:italic; color:var(--cream); line-height:1.45;
  border-left:1px solid rgba(201,169,110,0.35); padding-left:30px; margin-top:34px;
}
.page-centered { max-width:760px; margin:0 auto 70px; text-align:center; }
.premium-grid {
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;
  max-width:1400px; margin:0 auto;
}
.premium-card {
  background:linear-gradient(145deg, #201810, #171008);
  border:1px solid rgba(201,169,110,0.07); padding:38px; position:relative; overflow:hidden;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94), border-color 0.45s, box-shadow 0.45s;
}
.premium-card::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(201,169,110,0.06) 0%, transparent 55%);
  opacity:0; transition:opacity 0.4s; pointer-events:none;
}
.premium-card:hover {
  transform:translateY(-5px); border-color:rgba(201,169,110,0.22);
  box-shadow:0 28px 70px rgba(0,0,0,0.45), 0 0 0 1px rgba(201,169,110,0.08);
}
.premium-card:hover::before { opacity:1; }
.premium-card h3 {
  font-family:'Ubuntu', sans-serif; color:var(--cream); font-size:1.35rem; margin-bottom:12px;
}
.premium-card p { color:var(--text-secondary); line-height:1.8; font-size:0.82rem; }
.reserve-teaser {
  padding:105px 52px; background:
    radial-gradient(ellipse 58% 48% at 80% 50%, rgba(201,169,110,0.055) 0%, transparent 62%),
    linear-gradient(to bottom, var(--matte-black), #0a0705);
  border-top:1px solid rgba(201,169,110,0.055);
}
.reserve-teaser-inner {
  max-width:1120px; margin:0 auto; display:flex; justify-content:space-between; gap:52px; align-items:center;
}
.reserve-teaser h2 {
  font-family:'Ubuntu', sans-serif; font-size:clamp(2rem, 4vw, 3.2rem);
  color:var(--cream); line-height:1.12;
}
.reserve-teaser h2 em { color:var(--muted-gold); font-style:italic; }
.reserve-teaser p { color:var(--text-secondary); line-height:1.9; max-width:450px; font-size:0.88rem; margin-top:16px; }
.reserve-page #reserve-space { padding-top:100px; }
.menu-category { max-width:1400px; margin:0 auto 70px; }
.menu-category h2 {
  font-family:'Ubuntu', sans-serif; color:var(--muted-gold);
  font-size:clamp(1.8rem, 3vw, 2.5rem); margin-bottom:24px;
}
.menu-list {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  background:rgba(201,169,110,0.06); border:1px solid rgba(201,169,110,0.06);
}
.menu-list .menu-item { min-height:230px; }
.gallery-page .page-section { padding-top:96px; }
.gallery-masonry { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:68px; gap:14px; }
.gallery-masonry .gallery-item { min-height:auto; border:1px solid rgba(201,169,110,0.09); background:#17110c; position:relative; overflow:hidden; }
.gallery-surface { position:absolute; inset:0; transition:transform .8s cubic-bezier(.22,1,.36,1), filter .6s; }
.gallery-surface::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(12,10,8,.02), rgba(12,10,8,.72)); }
.gallery-masonry .gallery-item:hover .gallery-surface { transform:scale(1.055); filter:brightness(1.1); }
.gallery-masonry .gallery-overlay { z-index:2; opacity:1; padding:24px; background:linear-gradient(to top, rgba(8,6,4,.75), transparent 62%); }
.gallery-masonry .gallery-overlay span { transform:translateY(7px); transition:transform .45s, color .45s; }
.gallery-masonry .gallery-item:hover .gallery-overlay span { transform:translateY(0); color:var(--soft-gold); }
.gallery-main { grid-column:span 7; grid-row:span 8; }
.gallery-garden { grid-column:span 5; grid-row:span 5; }
.gallery-light { grid-column:span 5; grid-row:span 3; }
.gallery-coffee { grid-column:span 4; grid-row:span 4; }
.gallery-work { grid-column:span 4; grid-row:span 4; }
.gallery-theatre { grid-column:span 4; grid-row:span 4; }
.gallery-night { grid-column:span 12; grid-row:span 3; }
.gallery-main .gallery-surface { background:radial-gradient(circle at 25% 30%, rgba(201,169,110,.2), transparent 26%), linear-gradient(135deg, #4a3420, #21160e 54%, #120d09); }
.gallery-garden .gallery-surface { background:radial-gradient(circle at 72% 18%, rgba(142,135,79,.18), transparent 26%), linear-gradient(145deg, #28301d, #13170e 64%, #0d0b07); }
.gallery-light .gallery-surface { background:linear-gradient(135deg, #422c18, #21160e 60%, #0f0b08); }
.gallery-coffee .gallery-surface { background:radial-gradient(circle at 72% 38%, rgba(201,169,110,.15), transparent 18%), linear-gradient(145deg, #342113, #110d09); }
.gallery-work .gallery-surface { background:linear-gradient(135deg, #211b17, #13100d 66%); }
.gallery-theatre .gallery-surface { background:radial-gradient(ellipse at 50% 18%, rgba(201,169,110,.13), transparent 24%), linear-gradient(145deg, #24170f, #0a0908); }
.gallery-night .gallery-surface { background:radial-gradient(ellipse at 80% 50%, rgba(201,169,110,.12), transparent 28%), linear-gradient(110deg, #17100c, #2a1b10 54%, #0e0b08); }
.lightbox {
  position:fixed; inset:0; z-index:9997; background:rgba(8,6,4,0.92); backdrop-filter:blur(20px);
  display:none; align-items:center; justify-content:center; padding:52px;
}
.lightbox.open { display:flex; }
.lightbox-card {
  width:min(920px, 92vw); min-height:540px;
  background:linear-gradient(145deg, #21170f, #0d0906);
  border:1px solid rgba(201,169,110,0.22);
  display:flex; align-items:center; justify-content:center; font-size:6rem; position:relative;
}
.lightbox-card button { position:absolute; top:18px; right:18px; }
.faq-wrap { max-width:980px; margin:0 auto; }
.faq-item {
  border-bottom:1px solid rgba(201,169,110,0.09);
  background:rgba(20,16,10,0.38);
}
.faq-question {
  width:100%; background:transparent; border:none; color:var(--cream);
  padding:28px 0; display:flex; justify-content:space-between; align-items:center;
  font-family:'Ubuntu', sans-serif; font-size:1.35rem; cursor:pointer; text-align:left;
}
.faq-question span { color:var(--muted-gold); margin-left:24px; transition:transform 0.3s; }
.faq-item.open .faq-question span { transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.45s ease; }
.faq-answer p { color:var(--text-secondary); line-height:1.9; font-size:0.9rem; padding:0 0 28px; max-width:760px; }
.contact-grid {
  max-width:1400px; margin:0 auto; display:grid; grid-template-columns:0.9fr 1.1fr; gap:1px;
  background:rgba(201,169,110,0.08); border:1px solid rgba(201,169,110,0.08);
}
.contact-panel, .contact-form-panel {
  background:linear-gradient(145deg, rgba(25,19,13,0.96), rgba(11,8,5,0.98)); padding:52px;
}
.contact-panel .location-details { gap:24px; }
.contact-panel .loc-row { padding-bottom:17px; border-bottom:1px solid rgba(201,169,110,0.07); }
.contact-panel .loc-row:last-child { border-bottom:0; }
.contact-map {
  height:360px; margin-top:42px; background:
    linear-gradient(145deg, rgba(26,20,16,0.8), rgba(10,8,6,0.95)),
    repeating-linear-gradient(0deg, transparent, transparent 32px, rgba(201,169,110,0.025) 32px, rgba(201,169,110,0.025) 33px);
  border:1px solid rgba(201,169,110,0.08); display:flex; align-items:center; justify-content:center;
  color:var(--text-muted); letter-spacing:0.18em; text-transform:uppercase; font-size:0.62rem;
}
.contact-map iframe { width:100%; height:100%; border:0; filter:grayscale(1) sepia(.2) brightness(.7) contrast(.95); }

/* Story page: give the editorial title a clear, quiet arrival. */
.story-page .page-hero { min-height:74vh; padding-bottom:112px; }
.story-page .page-hero .section-label { font-size:1.08rem; letter-spacing:.3em; margin-bottom:30px; }
.story-page .page-hero h1 { max-width:900px; font-size:clamp(3.8rem, 8.6vw, 7.5rem); }
.story-page .editorial-grid { gap:104px; }
.story-page .page-section { padding-top:126px; padding-bottom:126px; }
.site-footer {
  padding:76px 52px 34px; background:#070604; border-top:1px solid rgba(201,169,110,0.08);
}
.new-footer-grid {
  max-width:1400px; margin:0 auto 50px; display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:60px; align-items:start;
}
.new-footer-col h4 {
  color:var(--muted-gold); font-size:0.6rem; letter-spacing:0.24em; text-transform:uppercase; margin-bottom:24px;
}
.new-footer-col ul { list-style:none; display:grid; gap:12px; }
.new-footer-col a, .new-footer-col p {
  color:var(--text-muted); text-decoration:none; font-size:0.82rem; line-height:1.8; transition:color 0.3s;
}
.new-footer-col a:hover { color:var(--cream); }
.new-footer-brand { text-align:center; }
.footer-mark {
  font-family:'Ubuntu', sans-serif; color:var(--soft-gold); text-transform:uppercase;
  font-size:1.55rem; letter-spacing:0.08em; line-height:1.15; margin-bottom:18px;
}
.footer-tagline-mark { color:var(--muted-gold); font-size:0.58rem; letter-spacing:0.17em; text-transform:uppercase; margin:-9px 0 18px; }
.new-footer-brand p { color:var(--text-muted); line-height:1.85; font-size:0.84rem; max-width:330px; margin:0 auto 26px; }
.social-links { display:flex; justify-content:center; gap:12px; }
.social-links a {
  width:38px; height:38px; border:1px solid rgba(201,169,110,0.18); color:var(--muted-gold);
  display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:0.66rem;
  letter-spacing:0.12em; transition:background 0.3s, transform 0.3s, border-color 0.3s;
}
.social-links a:hover { background:rgba(201,169,110,0.06); border-color:rgba(201,169,110,0.36); transform:translateY(-3px); }
.footer-contact p { margin-bottom:14px; }
.footer-contact strong { display:block; color:var(--cream); font-weight:500; margin-bottom:2px; }
.new-footer-bottom {
  max-width:1400px; margin:0 auto; padding-top:28px; border-top:1px solid rgba(201,169,110,0.055);
  display:flex; justify-content:space-between; gap:20px;
}
.new-footer-bottom p { color:var(--text-muted); font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; }
@media (max-width:1100px) {
  #why-grounded { padding:88px 32px; }
  .why-grounded-grid { grid-template-columns:1fr; }
  .page-hero, .page-section, .reserve-teaser { padding-left:32px; padding-right:32px; }
  .editorial-grid, .editorial-grid.reverse, .contact-grid { grid-template-columns:1fr; gap:48px; }
  .premium-grid, .menu-list { grid-template-columns:1fr 1fr; }
  .new-footer-grid { grid-template-columns:1fr; text-align:center; }
  .new-footer-col ul { justify-items:center; }
  .page-hero-content::after { left:calc(100% + 40px); height:78px; }
  .gallery-main { grid-column:span 7; grid-row:span 7; }
  .gallery-garden { grid-column:span 5; grid-row:span 4; }
  .gallery-light { grid-column:span 5; grid-row:span 3; }
  .gallery-coffee, .gallery-work, .gallery-theatre { grid-column:span 4; grid-row:span 4; }
}
@media (max-width:768px) {
  #why-grounded { padding:72px 24px; }
  .why-grounded-manifesto { margin:46px 0; padding-left:24px; }
  .why-grounded-card { min-height:auto; padding:32px 26px; }
  .page-hero { min-height:60vh; padding:130px 24px 70px; }
  .page-section, .reserve-teaser { padding:70px 24px; }
  .reserve-teaser-inner, .new-footer-bottom { flex-direction:column; align-items:flex-start; }
  .premium-grid, .menu-list { grid-template-columns:1fr; }
  .editorial-image { min-height:340px; }
  .page-hero::after { font-size:clamp(8rem, 34vw, 13rem); right:-.14em; opacity:.8; }
  .page-hero-content::after { display:none; }
  .gallery-masonry { grid-template-columns:repeat(6,1fr); grid-auto-rows:68px; gap:9px; }
  .gallery-main, .gallery-garden, .gallery-light, .gallery-coffee, .gallery-work, .gallery-theatre { grid-column:span 6; grid-row:span 4; }
  .gallery-main { grid-row:span 6; }
  .gallery-night { grid-column:span 6; grid-row:span 3; }
  .contact-panel, .contact-form-panel { padding:32px 24px; }
  .story-page .page-hero { min-height:66vh; padding-bottom:78px; }
  .story-page .page-section { padding-top:80px; padding-bottom:80px; }
}

/* Refinement cascade: kept last so it consistently wins over legacy page rules. */
body { font-family:'Ubuntu', sans-serif; }
h1, h2, h3, h4, .hero-brand, .footer-mark, .mobile-nav a { font-family:'Manly Beard', Georgia, serif !important; }
.page-hero { min-height:72vh; padding:154px clamp(28px, 7vw, 112px) 88px; align-items:center; background:radial-gradient(ellipse 45% 70% at 88% 48%, rgba(74,47,34,.62), transparent 68%),radial-gradient(ellipse 48% 60% at 18% 75%, rgba(232,221,204,.07), transparent 64%),linear-gradient(115deg, #0a0908 0%, #100d0b 52%, #24170f 100%); }
.page-hero::before { background:linear-gradient(90deg, transparent 0 72%, rgba(232,221,204,.12) 72.05% 72.12%, transparent 72.18%),radial-gradient(circle at 85% 34%, transparent 0 7px, rgba(232,221,204,.18) 7.5px 8px, transparent 8.5px),linear-gradient(to top, var(--black), transparent 48%); }
.page-hero::after { right:-.08em; top:48%; font-family:'Manly Beard', Georgia, serif; font-size:clamp(11rem, 25vw, 27rem); color:rgba(232,221,204,.045); }
.page-hero-content { max-width:min(720px, 62vw); }
.page-hero-content::after { left:calc(100% + clamp(24px, 5vw, 90px)); height:148px; background:linear-gradient(to bottom, transparent, var(--beige), transparent); }
.page-hero h1 { font-size:clamp(3.6rem, 7vw, 7rem); line-height:.92; }
.page-hero h1 em, .editorial-copy h2 em, .page-centered h2 em, .reserve-header h2 em, .reserve-teaser h2 em, .reservation-intro h3 em { color:var(--beige); }
.page-hero p { color:var(--text-secondary); max-width:590px; font-size:clamp(1rem,1.45vw,1.22rem); font-style:normal; }
.section-label, .page-hero .section-label { color:var(--beige); font-size:clamp(.8rem,1.1vw,1.04rem); letter-spacing:.3em; font-weight:700; margin-bottom:25px; }
.section-label::after { background:linear-gradient(to right,var(--beige),transparent); width:46px; }
.premium-card, .reserve-card { border-radius:18px; border-color:rgba(232,221,204,.13); }
.premium-card:hover, .reserve-card:hover { border-color:rgba(232,221,204,.42); box-shadow:0 28px 60px rgba(0,0,0,.38); }
.btn-primary, .nav-cta { border-color:rgba(232,221,204,.55); color:var(--beige); }
.btn-primary:hover, .nav-cta:hover { background:var(--beige); color:var(--black); box-shadow:none; }
.gallery-page .page-section { padding-top:clamp(72px,10vw,140px); }
.gallery-intro { max-width:1400px; margin:0 auto 44px; display:flex; justify-content:space-between; align-items:end; gap:32px; }
.gallery-intro span { font-size:.7rem; letter-spacing:.26em; text-transform:uppercase; color:var(--beige); }
.gallery-intro p { max-width:385px; color:var(--text-secondary); font-size:.9rem; line-height:1.75; }
.editorial-collage { grid-auto-rows:clamp(50px,4.5vw,74px); gap:clamp(12px,1.5vw,22px); }
.gallery-masonry .gallery-item { border:0; border-radius:16px; outline:1px solid rgba(232,221,204,.15); outline-offset:-1px; }
.gallery-masonry .gallery-item::before { content:''; position:absolute; z-index:1; inset:12px; border:1px solid rgba(232,221,204,.12); border-radius:10px; pointer-events:none; transition:inset .55s cubic-bezier(.22,1,.36,1),border-color .4s; }
.gallery-masonry .gallery-item:hover::before { inset:18px; border-color:rgba(232,221,204,.38); }
.gallery-surface { display:grid; place-items:center; }
.gallery-surface span { color:rgba(232,221,204,.5); font-size:.58rem; letter-spacing:.2em; line-height:1.7; text-transform:uppercase; text-align:center; }
.gallery-masonry .gallery-overlay { padding:30px; background:linear-gradient(to top,rgba(10,9,8,.82),transparent 64%); }
.gallery-main { grid-column:1 / span 6; grid-row:span 9; }.gallery-garden { grid-column:7 / span 3; grid-row:span 6; margin-top:28px; }.gallery-light { grid-column:10 / span 3; grid-row:span 4; }.gallery-coffee { grid-column:7 / span 3; grid-row:span 4; margin-top:-18px; }.gallery-work { grid-column:10 / span 3; grid-row:span 6; margin-top:-42px; }.gallery-theatre { grid-column:1 / span 4; grid-row:span 5; margin-top:18px; }.gallery-night { grid-column:5 / span 8; grid-row:span 4; margin-top:18px; }
.gallery-main .gallery-surface { background:linear-gradient(140deg,#5a3928,#271810 58%,#100d0b); }.gallery-garden .gallery-surface { background:linear-gradient(145deg,#2c1c14,#120f0d 72%); }.gallery-light .gallery-surface { background:linear-gradient(145deg,#6a4531,#291a12 68%); }.gallery-coffee .gallery-surface { background:linear-gradient(145deg,#321f16,#17110e 70%); }.gallery-work .gallery-surface { background:linear-gradient(135deg,#201713,#493126); }.gallery-theatre .gallery-surface { background:linear-gradient(145deg,#42281c,#0d0b0a 75%); }.gallery-night .gallery-surface { background:linear-gradient(105deg,#130f0d,#4a3023 54%,#1a120f); }
.faq-wrap { max-width:1060px; display:grid; gap:12px; }.faq-item { border:1px solid rgba(232,221,204,.13); border-radius:12px; padding:0 28px; transition:background .4s,border-color .4s,transform .4s; }.faq-item:hover,.faq-item.open { background:rgba(232,221,204,.045); border-color:rgba(232,221,204,.32); }.faq-item.open { transform:translateX(8px); }.faq-question { padding:25px 0; font-size:clamp(1.2rem,2vw,1.55rem); font-family:'Manly Beard',Georgia,serif; }.faq-question span { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(232,221,204,.3); border-radius:50%; color:var(--beige); }.faq-item.open .faq-question span { background:var(--beige); color:var(--black); }.faq-answer { transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .4s; }
.contact-grid { gap:16px; background:transparent; border:0; }.contact-panel,.contact-form-panel { border:1px solid rgba(232,221,204,.14); border-radius:18px; padding:clamp(30px,4vw,56px); }.contact-map { height:390px; margin-top:36px; border-radius:18px; overflow:hidden; }
.reserve-showcase { gap:22px; }.reserve-card { min-height:470px; background:#765840; }.reserve-media { min-height:170px; background:#947556; }.reserve-meta { background:rgba(243,234,220,.14); border-color:rgba(243,234,220,.2); }.reserve-meta div { background:rgba(66,45,31,.34); }.reserve-meta strong { color:var(--beige); font-size:.8rem; }.amenities span { border-color:rgba(243,234,220,.24); background:rgba(243,234,220,.05); }
@media (max-width:768px) { body { cursor:auto; }.cursor,.cursor-trail { display:none; }.page-hero { min-height:62vh; padding:128px 24px 66px; align-items:flex-end; }.page-hero-content { max-width:100%; }.page-hero h1 { font-size:clamp(3.1rem,13vw,4.8rem); }.gallery-intro { display:block; margin-bottom:30px; }.gallery-intro p { margin-top:14px; }.editorial-collage { grid-template-columns:repeat(6,1fr); grid-auto-rows:62px; gap:10px; }.gallery-main { grid-column:1 / span 6; grid-row:span 6; }.gallery-garden { grid-column:1 / span 3; grid-row:span 4; margin-top:0; }.gallery-light { grid-column:4 / span 3; grid-row:span 4; }.gallery-coffee { grid-column:1 / span 3; grid-row:span 4; margin-top:0; }.gallery-work { grid-column:4 / span 3; grid-row:span 5; margin-top:0; }.gallery-theatre { grid-column:1 / span 6; grid-row:span 4; margin-top:0; }.gallery-night { grid-column:1 / span 6; grid-row:span 3; margin-top:0; }.faq-item { padding:0 18px; }.faq-item.open { transform:none; }.reserve-showcase { gap:14px; } }

/* ─── TYPOGRAPHY SCALE — premium editorial rhythm ───────── */
html { font-size:17px; }
body { font-size:1rem; line-height:1.65; letter-spacing:.008em; }
p { line-height:1.82; }

.hero-brand { font-size:clamp(5.7rem, 14vw, 13.5rem); line-height:.8; letter-spacing:-.065em; }
.hero-subtitle { font-size:clamp(1.06rem, 1.55vw, 1.28rem); line-height:1.85; letter-spacing:.025em; }
.hero-eyebrow, .section-label { letter-spacing:.34em; }

.page-hero h1 { font-size:clamp(4.2rem, 7.8vw, 7.9rem); line-height:.88; letter-spacing:-.052em; }
.page-hero p { font-size:clamp(1.08rem, 1.52vw, 1.34rem); line-height:1.8; letter-spacing:.015em; margin-top:34px; }
.page-hero .section-label { font-size:clamp(.84rem, 1.05vw, 1.08rem); margin-bottom:30px; }

.editorial-copy h2, .page-centered h2, .reserve-header h2, .reserve-teaser h2 { font-size:clamp(2.75rem, 4.65vw, 4.7rem); line-height:.98; letter-spacing:-.038em; margin-bottom:30px; }
.editorial-copy p, .page-centered p, .reserve-header p, .reserve-teaser p { font-size:1.04rem; line-height:1.95; letter-spacing:.012em; }
.editorial-copy p, .page-centered p { margin-bottom:22px; }
.pull-quote { font-size:clamp(1.8rem, 3.15vw, 2.85rem); line-height:1.38; letter-spacing:-.018em; margin-top:44px; }

.menu-category h2 { font-size:clamp(2.25rem, 3.8vw, 3.45rem); letter-spacing:-.032em; margin-bottom:30px; }
.menu-item h3 { font-size:1.26rem; line-height:1.16; letter-spacing:-.012em; }
.menu-item p { font-size:.96rem; line-height:1.8; margin-top:12px; }
.menu-price { font-size:1rem; letter-spacing:.07em; }

.premium-card h3, .reserve-card h3 { font-size:clamp(1.72rem, 2.2vw, 2.15rem); line-height:1.05; letter-spacing:-.025em; margin-bottom:16px; }
.premium-card p, .reserve-desc { font-size:.98rem; line-height:1.87; letter-spacing:.01em; }
.reserve-meta span, .amenities span { letter-spacing:.16em; }
.reserve-meta strong { font-size:.9rem; line-height:1.35; }
.reservation-intro h3 { font-size:clamp(2.45rem, 3.6vw, 3.55rem); line-height:1; letter-spacing:-.035em; margin-bottom:28px; }
.reservation-intro p { font-size:1rem; line-height:1.9; }
.reservation-note strong { font-size:.98rem; letter-spacing:.01em; }
.reservation-note span, .form-disclaimer { font-size:.84rem; line-height:1.72; }

.faq-question { font-size:clamp(1.45rem, 2.2vw, 1.82rem); line-height:1.22; letter-spacing:-.018em; }
.faq-answer p { font-size:1rem; line-height:1.95; padding-bottom:33px; }
.loc-info { font-size:1rem; line-height:1.82; }
.loc-info strong { font-size:.78rem; letter-spacing:.17em; margin-bottom:7px; }
.form-field label { font-size:.68rem; letter-spacing:.22em; }
.form-field input, .form-field select, .form-field textarea { font-size:.96rem; line-height:1.65; }

.gallery-intro p { font-size:1rem; line-height:1.9; letter-spacing:.01em; }
.gallery-overlay span { font-size:.72rem; letter-spacing:.2em; }
.new-footer-brand p, .new-footer-col a, .new-footer-col p { font-size:.92rem; line-height:1.9; }
.new-footer-col h4, .footer-tagline-mark { letter-spacing:.26em; }

/* ─── SITE BACKGROUND ─────────────────────────────────────── */
:root { --page-beige:#e8ddcc; --page-ink:#2b1c14; --page-ink-muted:#553c2d; }

body { background:var(--page-beige); color:var(--page-ink); }

#hero .hero-bg,
#why-grounded,
#experience,
#menu,
#location,
#reserve-space,
.page-hero,
.page-section.dark,
.reserve-teaser,
.site-footer {
  background:var(--page-beige);
}

#hero .hero-brand,
#hero .hero-slogan,
#hero .btn-ghost,
#hero .hero-scroll span,
.page-hero h1,
.page-hero p,
.page-hero .section-label,
.page-hero h1 em,
.page-section.dark .page-centered h2,
.page-section.dark .page-centered p,
.page-section.dark .faq-question,
.page-section.dark .faq-answer p,
.reserve-teaser h2,
.reserve-teaser p,
.site-footer .new-footer-col a,
.site-footer .new-footer-col p,
.site-footer .new-footer-brand p,
.site-footer .new-footer-bottom p,
.site-footer .footer-contact strong,
.site-footer .new-footer-col h4,
.site-footer .footer-mark,
.site-footer .footer-tagline-mark,
.site-footer .social-links a {
  color:var(--page-ink);
}

#hero .hero-slogan,
#hero .hero-scroll span,
.page-hero p,
.page-section.dark .page-centered p,
.page-section.dark .faq-answer p,
.reserve-teaser p,
.site-footer .new-footer-col a,
.site-footer .new-footer-col p,
.site-footer .new-footer-brand p,
.site-footer .new-footer-bottom p {
  color:var(--page-ink-muted);
}

#about .about-text h2,
#why-grounded .why-grounded-intro h2,
#why-grounded .why-grounded-card h3,
#experience .exp-header h2,
#reviews .reviews-header h2,
#menu .menu-header h2,
#gallery .gallery-header h2,
#location .location-text h2,
#about .about-text p,
#about .feature-row,
#why-grounded .why-grounded-intro > p,
#why-grounded .why-grounded-manifesto p,
#why-grounded .why-grounded-manifesto span,
#why-grounded .why-grounded-card p,
#experience .exp-header p,
#location .location-text p,
#location .loc-info,
#location .loc-info strong,
.page-section:not(.dark) .editorial-copy h2,
.page-section:not(.dark) .editorial-copy p,
.page-section:not(.dark) .pull-quote {
  color:var(--page-ink);
}

/* ─── BEIGE ATMOSPHERE & LEGIBILITY ──────────────────────── */
:root { --page-coffee:#603e2c; --page-coffee-soft:#76543d; --page-cream:#f3eadc; }

body {
  background:
    radial-gradient(ellipse 74% 58% at 100% 100%, rgba(112,75,53,.035), transparent 72%),
    var(--page-beige);
  background-attachment:fixed;
}

nav.scrolled { background:rgba(243,234,220,.9); border-bottom-color:rgba(74,47,34,.16); }
.nav-logo, .nav-links a, .nav-cta { color:var(--page-coffee); }
.nav-logo .nav-logo-tagline, .nav-links a:hover { color:var(--page-coffee-soft); }
.nav-cta { border-color:rgba(74,47,34,.52); }
.nav-cta:hover { background:var(--page-coffee); color:var(--page-cream); }

#about .section-label,
#why-grounded .section-label,
#experience .section-label,
#reviews .section-label,
#menu .section-label,
#gallery .section-label,
#location .section-label,
.page-section:not(.dark) .section-label,
.reserve-header .section-label,
.page-section.dark .menu-category h2,
.stat-label,
.marquee-item {
  color:var(--page-coffee-soft);
}

#hero .hero-bg {
  background:var(--page-beige) url('grounded-hero-desktop.svg') center / cover no-repeat;
}

#about {
  background:
    radial-gradient(ellipse 34% 46% at 5% 14%, rgba(201,157,109,.2), transparent 72%),
    radial-gradient(ellipse 32% 40% at 94% 88%, rgba(143,96,62,.12), transparent 74%),
    var(--page-beige);
}

#why-grounded {
  background:
    radial-gradient(ellipse 48% 64% at 100% 0%, rgba(193,146,99,.23), transparent 70%),
    radial-gradient(ellipse 32% 46% at 0% 100%, rgba(221,202,173,.78), transparent 74%),
    var(--page-beige);
}

#experience {
  background:
    radial-gradient(ellipse 45% 62% at 0% 100%, rgba(211,177,137,.56), transparent 72%),
    radial-gradient(ellipse 34% 42% at 100% 16%, rgba(169,117,76,.14), transparent 70%),
    var(--page-beige);
}

#reviews {
  background:
    radial-gradient(ellipse 40% 58% at 92% 8%, rgba(190,145,100,.22), transparent 72%),
    radial-gradient(ellipse 34% 34% at 8% 94%, rgba(225,208,181,.72), transparent 72%),
    var(--page-beige);
}

#menu, .page-section.dark {
  background:
    radial-gradient(ellipse 46% 58% at 6% 8%, rgba(201,158,112,.23), transparent 70%),
    radial-gradient(ellipse 34% 42% at 94% 96%, rgba(153,105,69,.14), transparent 72%),
    var(--page-beige);
}

#gallery {
  background:
    radial-gradient(ellipse 52% 62% at 100% 92%, rgba(204,167,123,.36), transparent 72%),
    radial-gradient(ellipse 32% 38% at 4% 10%, rgba(164,116,79,.13), transparent 72%),
    var(--page-beige);
}

#location {
  background:
    radial-gradient(ellipse 50% 65% at 4% 50%, rgba(206,169,125,.34), transparent 72%),
    radial-gradient(ellipse 34% 40% at 94% 4%, rgba(163,113,74,.13), transparent 70%),
    var(--page-beige);
}

#reserve-space {
  background:
    radial-gradient(ellipse 48% 60% at 100% 4%, rgba(196,150,103,.22), transparent 70%),
    radial-gradient(ellipse 34% 48% at 0% 96%, rgba(224,207,180,.76), transparent 74%),
    var(--page-beige);
}

.reserve-teaser {
  background:
    radial-gradient(ellipse 52% 74% at 94% 50%, rgba(197,152,106,.24), transparent 70%),
    var(--page-beige);
}

.page-hero {
  background:
    radial-gradient(ellipse 48% 64% at 90% 18%, rgba(199,157,111,.28), transparent 70%),
    radial-gradient(ellipse 30% 40% at 5% 98%, rgba(225,209,183,.72), transparent 74%),
    var(--page-beige);
}
.story-page .page-hero { background:radial-gradient(ellipse 48% 72% at 88% 44%, rgba(194,151,108,.3), transparent 70%),radial-gradient(ellipse 34% 48% at 4% 96%, rgba(226,211,189,.85),transparent 74%),var(--page-beige); }
.page-hero:has(+ .page-section .menu-category) { background:radial-gradient(ellipse 42% 62% at 88% 14%, rgba(199,157,111,.24),transparent 70%),radial-gradient(ellipse 30% 42% at 12% 88%,rgba(224,206,179,.8),transparent 74%),var(--page-beige); }
.gallery-page .page-hero { background:radial-gradient(ellipse 56% 66% at 92% 100%,rgba(194,148,103,.32),transparent 72%),radial-gradient(ellipse 32% 40% at 2% 8%,rgba(225,208,180,.86),transparent 74%),var(--page-beige); }
.page-hero:has(+ .page-section .faq-wrap) { background:radial-gradient(ellipse 38% 60% at 92% 38%,rgba(190,146,102,.24),transparent 72%),var(--page-beige); }
.page-hero:has(+ .page-section .contact-grid) { background:radial-gradient(ellipse 52% 68% at 96% 34%,rgba(197,153,107,.28),transparent 72%),radial-gradient(ellipse 28% 40% at 6% 90%,rgba(225,209,184,.8),transparent 74%),var(--page-beige); }
.reserve-page .page-hero { background:radial-gradient(ellipse 48% 62% at 90% 26%,rgba(195,150,104,.28),transparent 70%),radial-gradient(ellipse 32% 45% at 4% 90%,rgba(225,208,181,.82),transparent 74%),var(--page-beige); }

.story-page .page-hero::before {
  background:
    radial-gradient(ellipse 250px 310px at 90% 60%, transparent 61%, rgba(118,78,51,.27) 61.5% 62.2%, transparent 62.8%),
    radial-gradient(ellipse 178px 244px at 90% 66%, transparent 62%, rgba(171,127,84,.24) 62.6% 63.4%, transparent 64%),
    radial-gradient(ellipse 46% 62% at 92% 45%, rgba(198,155,109,.18), transparent 72%);
}
.page-hero:has(+ .page-section .menu-category)::before {
  background:
    radial-gradient(ellipse 178px 128px at 89% 43%, transparent 59%, rgba(118,78,51,.32) 60% 61.2%, transparent 62%),
    radial-gradient(ellipse 126px 92px at 89% 43%, transparent 58%, rgba(169,123,79,.25) 59% 60.2%, transparent 61%),
    radial-gradient(ellipse 30px 62px at 82% 74%, rgba(123,79,49,.2) 0 56%, transparent 59%),
    radial-gradient(ellipse 24px 51px at 86% 80%, rgba(123,79,49,.16) 0 56%, transparent 59%);
}
.gallery-page .page-hero::before {
  background:
    radial-gradient(ellipse 55% 86% at 102% 94%, rgba(191,146,101,.28), transparent 70%),
    radial-gradient(ellipse 44% 60% at 93% 82%, rgba(223,204,175,.68), transparent 72%),
    radial-gradient(ellipse 180px 112px at 8% 24%, transparent 62%, rgba(128,87,58,.22) 63% 64%, transparent 65%);
}
.page-hero:has(+ .page-section .faq-wrap)::before {
  background:
    radial-gradient(ellipse 168px 168px at 91% 48%, transparent 61%, rgba(128,85,55,.28) 62% 63%, transparent 64%),
    radial-gradient(ellipse 120px 120px at 91% 48%, transparent 62%, rgba(181,137,93,.22) 63% 64%, transparent 65%);
}
.page-hero:has(+ .page-section .contact-grid)::before {
  background:
    radial-gradient(ellipse 44% 62% at 100% 40%, rgba(198,154,107,.2), transparent 70%),
    radial-gradient(ellipse 54px 128px at 88% 48%, rgba(112,114,78,.15) 0 55%, transparent 58%),
    radial-gradient(ellipse 42px 100px at 94% 36%, rgba(112,114,78,.13) 0 55%, transparent 58%),
    radial-gradient(ellipse 40px 104px at 82% 61%, rgba(112,114,78,.12) 0 55%, transparent 58%);
}
.reserve-page .page-hero::before {
  background:
    radial-gradient(ellipse 250px 300px at 92% 75%, transparent 63%, rgba(128,84,53,.26) 64% 65%, transparent 66%),
    radial-gradient(ellipse 190px 240px at 92% 80%, transparent 62%, rgba(182,136,92,.22) 63% 64%, transparent 65%),
    radial-gradient(ellipse 43% 56% at 94% 36%, rgba(197,153,106,.18), transparent 72%);
}

/* Keep the inherited page artwork warm now that the main surfaces are beige. */
.page-hero::before {
  z-index:0;
  background:radial-gradient(ellipse 44% 60% at 88% 48%, rgba(164,113,74,.18), transparent 70%);
}
.page-hero::after {
  color:rgba(88,57,42,.045);
  text-shadow:none;
}
#hero .hero-light2 { background:radial-gradient(ellipse, rgba(128,82,61,.14) 0%, transparent 70%); }

body.reserve-page nav .nav-logo,
body.reserve-page nav .nav-links a,
body.reserve-page nav .nav-cta { color:var(--page-coffee); }
body.reserve-page nav .nav-logo .nav-logo-tagline { color:var(--page-coffee-soft); }
.hamburger span { background:var(--page-coffee); }

.contact-panel .section-label { color:var(--beige); }
.reserve-teaser .section-label { color:var(--page-coffee-soft); }
.gallery-intro span { color:var(--page-coffee-soft); }
.gallery-intro p { color:var(--page-ink); }
.story-page .page-section:not(.dark) {
  background:
    radial-gradient(ellipse 48% 60% at 92% 18%, rgba(181,133,88,.16), transparent 72%),
    radial-gradient(ellipse 30% 40% at 4% 94%, rgba(228,214,190,.72), transparent 75%),
    var(--page-beige);
}
.gallery-page .page-section {
  background:
    radial-gradient(ellipse 50% 58% at 3% 88%, rgba(191,146,101,.2), transparent 72%),
    radial-gradient(ellipse 31% 42% at 96% 8%, rgba(227,210,183,.74), transparent 74%),
    var(--page-beige);
}
.page-section:has(.contact-grid) {
  background:
    radial-gradient(ellipse 42% 58% at 4% 80%, rgba(188,143,98,.16), transparent 72%),
    var(--page-beige);
}
.page-section.dark:has(.menu-category) {
  background:
    radial-gradient(ellipse 260px 180px at 93% 8%, transparent 59%, rgba(119,78,50,.24) 60% 61%, transparent 62%),
    radial-gradient(ellipse 44% 58% at 3% 92%, rgba(203,163,115,.22), transparent 72%),
    var(--page-beige);
}
.page-section.dark:has(.faq-wrap) {
  background:
    radial-gradient(ellipse 220px 220px at 94% 13%, transparent 62%, rgba(125,83,54,.2) 63% 64%, transparent 65%),
    radial-gradient(ellipse 36% 52% at 0% 88%, rgba(222,205,179,.8), transparent 74%),
    var(--page-beige);
}

@media (max-width:768px) {
  body { background-attachment:scroll; }
  #hero .hero-bg { background-image:url('grounded-hero-mobile.svg'); }
  html { font-size:16px; }
  .hero-brand { font-size:clamp(4.5rem, 20vw, 7.4rem); }
  .page-hero h1 { font-size:clamp(3.55rem, 13.8vw, 5.2rem); }
  .page-hero p { font-size:1.05rem; margin-top:27px; }
  .editorial-copy h2, .page-centered h2, .reserve-header h2, .reserve-teaser h2 { font-size:clamp(2.55rem, 11vw, 3.6rem); }
  .editorial-copy p, .page-centered p, .reserve-header p, .reserve-teaser p { font-size:1rem; }
  .menu-item h3 { font-size:1.35rem; }
  .premium-card h3, .reserve-card h3 { font-size:1.8rem; }
  .faq-question { font-size:1.45rem; }
}

/* Refined beige and coffee palette. */
:root {
  --page-beige:#e8ddcc;
  --page-ink:#2b1c14;
  --page-ink-muted:#553c2d;
  --page-coffee:#603e2c;
  --page-coffee-soft:#76543d;
  --page-cream:#f3eadc;
  --page-caramel:#805333;
}

.hero-eyebrow,
.hero-slogan em,
.hero-divider-glyph,
.hero-scroll span,
.stat-number,
.menu-price,
.page-section:not(.dark) .section-label,
.faq-question span,
.gallery-intro span {
  color:var(--page-caramel);
}

.btn-primary {
  background:var(--page-coffee);
  color:var(--page-cream);
}
.btn-primary:hover {
  background:var(--page-coffee-soft);
  color:var(--page-cream);
}

body:not(.reserve-page) .btn-ghost {
  background:var(--page-beige);
  border-color:rgba(96,62,44,.56);
  color:var(--page-coffee);
}
body:not(.reserve-page) .btn-ghost:hover {
  background:var(--page-cream);
  border-color:var(--page-coffee);
  color:var(--page-coffee);
}

.reserve-card .btn-ghost {
  border-color:rgba(243,234,220,.58);
  color:var(--page-cream);
}
.reserve-card {
  background:linear-gradient(132deg,#806147 0%,#6e5039 54%,#77583f 100%);
  border-color:rgba(243,234,220,.3);
  box-shadow:inset 0 1px 0 rgba(255,244,229,.16);
}
.reserve-card:nth-child(4n + 2) {
  background:linear-gradient(138deg,#7e6045 0%,#74563d 55%,#7d5d42 100%);
}
.reserve-card:nth-child(4n + 3) {
  background:linear-gradient(138deg,#795a40 0%,#694b35 55%,#73553d 100%);
}
.reserve-card:nth-child(4n + 4) {
  background:linear-gradient(138deg,#7d5d43 0%,#6f5039 55%,#785940 100%);
}
.reserve-card:hover {
  border-color:rgba(243,234,220,.42);
  box-shadow:0 24px 54px rgba(65,43,29,.2), 0 0 0 1px rgba(201,169,110,.08);
}
.reserve-card h3 { color:var(--page-cream); }
.reserve-desc { color:#f0e4d4; }
.reserve-meta div { background:rgba(66,45,31,.34); }
.reserve-media { background:linear-gradient(116deg,#af8962 0%,#92704f 54%,#a17c56 100%); }
.reserve-media::after { background:rgba(64,45,31,.16); }
.reserve-meta,
.reserve-meta div,
.amenities span { border-color:rgba(243,234,220,.24); }
.amenities span { background:rgba(243,234,220,.05); }
.page-hero-content::after { background:none; }

/* Reservation calendar and restrained Grounded surface refinement. */
.availability-calendar { margin-top:10px; padding:18px; border:1px solid rgba(121,86,58,.18); border-radius:6px; background:rgba(255,250,243,.06); }
.calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.calendar-heading strong { color:#f3eadc; font-size:.9rem; font-weight:500; }
.calendar-nav { width:34px; height:34px; border:1px solid rgba(201,169,110,.3); border-radius:50%; background:transparent; color:#ead8bf; font-size:1.25rem; cursor:pointer; }
.calendar-nav:hover:not(:disabled) { background:rgba(201,169,110,.13); }
.calendar-nav:disabled { opacity:.35; cursor:not-allowed; }
.calendar-weekdays, .calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; text-align:center; }
.calendar-weekdays { margin-bottom:7px; color:#c9b9a7; font-size:.63rem; }
.calendar-day { min-width:0; aspect-ratio:1; border:1px solid transparent; background:transparent; color:#eee2d2; font:400 .74rem Ubuntu,sans-serif; }
button.calendar-day { cursor:pointer; }
.calendar-day.is-available { border-color:rgba(243,234,220,.18); border-radius:50%; color:#f3eadc; }
.calendar-day.is-partial { border:1px dashed #d1a77e; }
.calendar-day.is-available:hover, .calendar-day.is-selected { border-color:#c3986f; border-radius:50%; background:#79563a; color:#fffaf2; }
.calendar-day.is-today { box-shadow:inset 0 0 0 1px #c3986f; }
.calendar-day:disabled:not(.calendar-day-empty) { color:rgba(238,226,210,.35); cursor:not-allowed; }
.calendar-day.is-past { text-decoration:line-through; }
.calendar-key { display:flex; flex-wrap:wrap; gap:14px; margin-top:9px; color:#d1c2b1; font-size:.63rem; }
.calendar-key span { display:flex; align-items:center; gap:6px; }
.calendar-key i { width:8px; height:8px; border-radius:50%; background:#a67b59; }
.calendar-key .key-limited { background:#d1a77e; }
.calendar-key .key-unavailable { background:#766a60; }
.calendar-status { min-height:1.5em; margin-top:12px; color:#d8cbbb; font-size:.7rem; line-height:1.5; }
.calendar-retry { margin-top:8px; border:1px solid rgba(243,234,220,.36); border-radius:4px; background:transparent; color:#f3eadc; padding:9px 13px; font:400 .7rem Ubuntu,sans-serif; cursor:pointer; }
.calendar-retry:hover { background:rgba(243,234,220,.08); }
.calendar-retry[hidden] { display:none; }
.calendar-date-display { cursor:pointer; }
.availability-summary { margin-top:18px; padding:14px 16px; border:1px solid rgba(201,169,110,.2); border-radius:4px; background:rgba(201,169,110,.07); color:#eee2d2; font-size:.76rem; line-height:1.65; }
.form-field select option:disabled { color:#8b8178; }

/* Keep the original four-card sequence and soften its coffee-brown surfaces. */
.reserve-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:56px; }
.reserve-showcase > .reserve-card,
.reserve-showcase > .reserve-card:nth-child(n) { min-height:470px; border:1px solid rgba(243,234,220,.28); border-radius:9px; background:#75573f; box-shadow:0 12px 30px rgba(53,35,24,.12); }
.reserve-showcase > .reserve-card:nth-child(4n + 2) { background:#795b43; }
.reserve-showcase > .reserve-card:nth-child(4n + 3) { background:#70513b; }
.reserve-showcase > .reserve-card:nth-child(4n + 4) { background:#7a5c43; }
.reserve-showcase > .reserve-card:hover { border-color:rgba(243,234,220,.48); box-shadow:0 17px 34px rgba(53,35,24,.16); }
.reserve-showcase .reserve-media { min-height:170px; background:#9c7959; }
.reserve-showcase .reserve-card h3 { color:#f5ecdf; }
.reserve-showcase .reserve-card .reserve-desc { color:#eadccd; }
.reserve-showcase .reserve-meta { border-color:rgba(243,234,220,.23); background:rgba(243,234,220,.13); }
.reserve-showcase .reserve-meta div { background:rgba(52,36,25,.28); }
.reserve-showcase .reserve-meta span { color:#d9c7b2; }
.reserve-showcase .reserve-meta strong { color:#f1e6d8; }
.reserve-showcase .amenities span { border-color:rgba(243,234,220,.24); background:rgba(243,234,220,.06); color:#eadccd; }
.reserve-showcase .reserve-card .btn-ghost { border-color:rgba(243,234,220,.52); color:#f5ecdf; }

/* The original side-by-side booking introduction and form remain below the cards. */
.reservation-panel { gap:1px; border:1px solid rgba(102,73,49,.2); border-radius:9px; background:#d9cbbb; box-shadow:0 18px 42px rgba(53,35,24,.13); overflow:hidden; }
.reservation-intro, .reservation-form { background:#74563f; }
.reservation-intro { padding:48px; }
.reservation-intro::after { content:none; }
body.reserve-page .reservation-intro h3 { color:#f3eadc; font-size:clamp(1.7rem,2.8vw,2.25rem); text-shadow:none; }
body.reserve-page .reservation-intro h3 em { color:#e0bd96; }
body.reserve-page .reservation-intro p, body.reserve-page .reservation-note span { color:#e4d5c4; }
body.reserve-page .reservation-note strong { color:#fff7ed; }
.reservation-form { padding:42px; }
body.reserve-page .reservation-form .form-field label { color:#ead0ae; text-shadow:none; }
body.reserve-page .reservation-form .form-field input,
body.reserve-page .reservation-form .form-field select,
body.reserve-page .reservation-form .form-field textarea { border-color:rgba(243,234,220,.25); border-radius:4px; background:rgba(48,34,24,.42); color:#fff8ee; }
body.reserve-page .reservation-form .form-field input::placeholder,
body.reserve-page .reservation-form .form-field textarea::placeholder { color:#cdbda9; }
body.reserve-page .reservation-form .form-field input:focus,
body.reserve-page .reservation-form .form-field select:focus,
body.reserve-page .reservation-form .form-field textarea:focus { border-color:#dfbd97; background:rgba(48,34,24,.55); box-shadow:0 0 0 3px rgba(223,189,151,.12); }
body.reserve-page .reservation-form .field-error { color:#f0d2b4; }
body.reserve-page .reservation-form .form-status { color:#edcfac; }
body.reserve-page .reservation-form .form-disclaimer { color:#ddcdbc; }
.reservation-form .availability-summary { border-color:rgba(243,234,220,.2); background:rgba(48,34,24,.24); color:#f0e4d5; }
.reservation-form .reservation-submit { align-items:flex-start; }
.reservation-form .btn-primary { border-radius:4px; background:#a77b59; color:#fff8ee; }
.reservation-form .btn-primary:hover { background:#b48966; color:#fff8ee; }
body.reserve-page .booking-success { border-color:rgba(102,73,49,.2); border-radius:8px; background:#74563f; padding:40px; }
body.reserve-page .reservation-panel > .booking-success { grid-column:1 / -1; }
body.reserve-page .booking-success h3, body.reserve-page .booking-success p { color:#f3eadc; text-shadow:none; }

@media (max-width:900px) {
  .reservation-panel { grid-template-columns:1fr; }
  .reservation-intro { padding:34px; }
  .reservation-form { padding:34px; }
}
@media (max-width:768px) {
  .reserve-showcase { grid-template-columns:1fr; gap:14px; margin-bottom:42px; }
  .reserve-showcase > .reserve-card { min-height:0; }
  .reserve-showcase .reserve-media { min-height:165px; }
  .reserve-body { padding:24px; }
  .reserve-meta { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .reservation-intro, .reservation-form { padding:26px 22px; }
  .form-grid { grid-template-columns:1fr; }
  .form-field.full { grid-column:1; }
  .reservation-submit { flex-direction:column; align-items:stretch; }
  .reservation-submit .btn-primary { width:100%; }
  .availability-calendar { padding:15px; }
  .calendar-weekdays, .calendar-days { gap:3px; }
  .calendar-day { font-size:.68rem; }
}

/* Clear, step-by-step reservation flow. */
body.reserve-page .reservation-panel {
  grid-template-columns:minmax(245px,.72fr) minmax(0,1.28fr);
  gap:0;
  border:1px solid rgba(82,58,40,.16);
  border-radius:12px;
  background:#f8f3ea;
  box-shadow:0 20px 48px rgba(53,35,24,.12);
}
body.reserve-page .reservation-intro {
  padding:clamp(30px,4vw,52px);
  background:#503a29;
}
body.reserve-page .reservation-intro h3 { font-size:clamp(1.7rem,2.55vw,2.3rem); line-height:1.14; }
body.reserve-page .reservation-intro p { max-width:34ch; line-height:1.75; }
body.reserve-page .reservation-note .loc-icon { flex:0 0 36px; border-radius:8px; background:rgba(243,234,220,.1); }
body.reserve-page .reservation-form {
  min-width:0;
  padding:clamp(24px,3.5vw,46px);
  background:#f8f3ea;
}
body.reserve-page .reservation-form .form-field label,
body.reserve-page .reservation-form .control-label {
  color:#684b35;
  text-shadow:none;
  font-size:.67rem;
  font-weight:500;
  letter-spacing:.11em;
}
body.reserve-page .reservation-form .form-field input,
body.reserve-page .reservation-form .form-field select,
body.reserve-page .reservation-form .form-field textarea {
  min-height:48px;
  border:1px solid rgba(94,67,45,.2);
  border-radius:6px;
  background:#fffdfa;
  color:#2b1c14;
  font-size:.84rem;
  font-weight:400;
}
body.reserve-page .reservation-form .form-field select { appearance:auto; }
body.reserve-page .reservation-form .form-field input::placeholder,
body.reserve-page .reservation-form .form-field textarea::placeholder { color:#8b7b6c; }
body.reserve-page .reservation-form .form-field input:focus,
body.reserve-page .reservation-form .form-field select:focus,
body.reserve-page .reservation-form .form-field textarea:focus {
  border-color:#a77b59;
  background:#fffdfa;
  box-shadow:0 0 0 3px rgba(167,123,89,.12);
}
body.reserve-page .reservation-form .field-error { color:#9c4d37; }
body.reserve-page .reservation-form .form-status { color:#704e34; }
.booking-step-heading {
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 20px;
  padding:0 0 15px;
  border-bottom:1px solid rgba(94,67,45,.15);
}
.booking-step-number {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(112,78,52,.25);
  border-radius:7px;
  color:#79583d;
  font-size:.7rem;
  letter-spacing:.06em;
}
.booking-step-heading strong { display:block; color:#2b1c14; font-size:.95rem; font-weight:500; }
.booking-step-heading span:not(.booking-step-number) { display:block; margin-top:3px; color:#725f4d; font-size:.73rem; line-height:1.45; }
.booking-step-heading-details { margin-top:30px; }
.booking-date-field { min-width:0; }
.availability-calendar {
  margin-top:7px;
  padding:18px;
  border:1px solid rgba(94,67,45,.15);
  border-radius:8px;
  background:#fffdfa;
}
.calendar-heading { margin-bottom:14px; }
.calendar-heading strong { color:#342519; font-size:.94rem; font-weight:500; }
.calendar-nav {
  width:34px;
  height:34px;
  border:1px solid rgba(94,67,45,.22);
  border-radius:7px;
  background:#fbf7f0;
  color:#684b35;
  font-size:1.15rem;
}
.calendar-nav:hover:not(:disabled) { background:#eee3d3; }
.calendar-weekdays, .calendar-days { gap:6px; }
.calendar-weekdays { color:#786957; font-size:.67rem; font-weight:500; }
.calendar-day {
  min-height:42px;
  aspect-ratio:1.08;
  border:1px solid transparent;
  border-radius:7px;
  color:#554333;
  font-size:.78rem;
}
.calendar-day.is-available {
  border-color:rgba(112,78,52,.15);
  border-radius:7px;
  background:#faf6ef;
  color:#342519;
}
.calendar-day.is-partial { border-style:dashed; border-color:#ad845b; }
.calendar-day.is-available:hover, .calendar-day.is-selected {
  border-color:#76543d;
  border-radius:7px;
  background:#76543d;
  color:#fffaf2;
}
.calendar-day.is-today { box-shadow:inset 0 0 0 1px #a77b59; }
.calendar-day.is-selected.is-today { box-shadow:inset 0 0 0 1px #e6c9a8; }
.calendar-day:disabled:not(.calendar-day-empty) { color:#b9afa3; }
.calendar-day:focus-visible, .calendar-nav:focus-visible, .time-period:focus-visible, .time-slot:focus-visible { outline:2px solid #a77b59; outline-offset:2px; }
.calendar-key { gap:12px; color:#685a4a; font-size:.66rem; }
.calendar-key i { width:8px; height:8px; border-radius:2px; background:#8b694b; }
.calendar-key .key-limited { background:#c59c6b; }
.calendar-key .key-unavailable { background:#d7cec3; }
.calendar-status { color:#6c5d4d; font-size:.72rem; }
.calendar-retry { border-color:rgba(94,67,45,.24); border-radius:6px; color:#684b35; }
.calendar-retry:hover { background:#f1e8dc; }
.time-field-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.time-zone-note { color:#786957; font-size:.66rem; }
.time-periods { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.time-period {
  min-height:36px;
  padding:8px 14px;
  border:1px solid rgba(94,67,45,.18);
  border-radius:6px;
  background:#fffdfa;
  color:#614831;
  font:500 .72rem Ubuntu,sans-serif;
  cursor:pointer;
  transition:background .18s,border-color .18s,color .18s;
}
.time-period:hover { border-color:#a77b59; }
.time-period[aria-pressed="true"] { border-color:#684b35; background:#684b35; color:#fff8ed; }
.time-slots {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(104px,1fr));
  gap:8px;
  margin-top:10px;
}
.time-slot {
  display:flex;
  min-height:60px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:9px 11px;
  border:1px solid rgba(94,67,45,.18);
  border-radius:7px;
  background:#fffdfa;
  color:#342519;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s,background .18s,color .18s,transform .18s;
}
.time-slot:hover:not(:disabled) { transform:translateY(-1px); border-color:#a77b59; }
.time-slot.is-selected { border-color:#684b35; background:#684b35; color:#fff8ed; }
.time-slot-time { font:500 .82rem Ubuntu,sans-serif; }
.time-slot-status { color:#75634f; font-size:.62rem; }
.time-slot.is-selected .time-slot-status { color:#e8d5bd; }
.time-slot:disabled { border-color:rgba(94,67,45,.1); background:repeating-linear-gradient(135deg,#f1ece5,#f1ece5 6px,#eae4dc 6px,#eae4dc 12px); color:#827567; cursor:not-allowed; }
.time-slot:disabled .time-slot-status { color:#827567; }
.time-slots-message { grid-column:1/-1; margin:3px 0; color:#75634f; font-size:.75rem; line-height:1.55; }
.start-time-field.has-error .time-slots { outline:2px solid rgba(156,77,55,.35); outline-offset:2px; }
.availability-summary {
  border-color:rgba(94,67,45,.16);
  border-radius:7px;
  background:#eee5d9;
  color:#493626;
  font-size:.76rem;
}
.reservation-form .reservation-submit { align-items:center; }
.reservation-form .btn-primary { border-radius:6px; background:#684b35; color:#fff8ed; }
.reservation-form .btn-primary:hover { background:#79583d; color:#fff8ed; }
body.reserve-page .booking-success { border-color:rgba(94,67,45,.16); border-radius:9px; background:#76543d; padding:clamp(26px,4vw,42px); }

@media (max-width:1100px) {
  body.reserve-page .reservation-panel { grid-template-columns:1fr; }
  body.reserve-page .reservation-intro { padding:32px; }
  body.reserve-page .reservation-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  body.reserve-page .reservation-note { gap:10px; }
}
@media (max-width:600px) {
  body.reserve-page .reservation-intro { padding:27px 22px; }
  body.reserve-page .reservation-notes { grid-template-columns:1fr; gap:12px; }
  body.reserve-page .reservation-note { gap:12px; }
  body.reserve-page .reservation-form { padding:25px 18px; }
  .booking-step-heading { gap:10px; }
  .booking-step-heading span:not(.booking-step-number) { font-size:.69rem; }
  .availability-calendar { padding:13px 10px; }
  .calendar-weekdays, .calendar-days { gap:3px; }
  .calendar-day { min-height:38px; font-size:.72rem; }
  .calendar-key { gap:8px 11px; font-size:.61rem; }
  .time-periods { gap:6px; }
  .time-period { padding:8px 11px; }
  .time-slots { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .reservation-form .reservation-submit { align-items:stretch; }
  .reservation-form .form-disclaimer { max-width:none; }
}


/* Production polish: logo lockups, accessible controls, and a calm beige/espresso system. */
.brand-logo { width:44px; height:44px; flex:0 0 44px; display:block; object-fit:contain; border-radius:50%; background:#050505; box-shadow:0 2px 12px rgba(42,27,17,.12); }
.nav-logo { display:flex; align-items:center; gap:12px; flex:0 0 225px; text-decoration:none; }
.brand-wordmark { display:block; color:var(--page-coffee); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.95rem; }
.brand-wordmark .nav-logo-tagline { display:block; margin-top:3px; color:var(--page-coffee-soft); font-size:.52rem; font-weight:400; letter-spacing:.18em; white-space:nowrap; }
.footer-brand-lockup { display:flex; align-items:center; justify-content:center; gap:16px; }
.footer-logo { width:72px; height:72px; object-fit:contain; border-radius:50%; background:#050505; }
.site-footer .new-footer-brand { text-align:center; }
.nav-links a[aria-current="page"] { color:var(--page-coffee); }
.nav-links a[aria-current="page"]::after { width:100%; }
.mobile-nav { background:rgba(243,234,220,.98); }
.mobile-nav a { color:var(--page-coffee); }
.mobile-nav .close-mobile { color:var(--page-coffee); min-width:44px; min-height:44px; }
:focus-visible { outline:3px solid #8a5d3c; outline-offset:3px; }
body { cursor:auto; }
.cursor,.cursor-trail { display:none; }
#hero { min-height:640px; }
#hero .hero-content { max-width:920px; }
.btn-primary,.btn-ghost,.nav-cta { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.gallery-surface { aspect-ratio:4/3; background:linear-gradient(145deg,#e4d6c2,#d2bea5); }
.gallery-masonry .gallery-item { background:#dfd0bb; }
.about-img-main,.about-img-float,.bento-visual,.editorial-image,.reserve-media { background-color:#dfd0bb; }
.reservation-coming-soon { align-items:stretch; }
.reservation-coming-soon .reservation-intro { background:#f5eee4; }
.reservation-coming-soon .reservation-intro h3 { color:#2b1c14; }
.reservation-coming-soon .reservation-intro p { color:#553c2d; }
.reservation-coming-soon .reservation-note-copy { margin:18px 0 26px; padding:15px 18px; border-left:2px solid #9b704e; background:#ece1d2; font-size:.86rem; }
.reservation-coming-art { display:flex; min-height:320px; flex-direction:column; align-items:center; justify-content:center; gap:20px; background:#e8ddcc; color:#603e2c; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; }
.reservation-coming-art img { width:clamp(130px,18vw,210px); height:auto; border-radius:50%; background:#050505; }
.reservation-disabled { pointer-events:none; opacity:.78; cursor:default; }
.reserve-showcase > .reserve-card { background:#f3eadc; border-color:rgba(74,47,34,.18); box-shadow:0 12px 28px rgba(53,35,24,.08); }
.reserve-showcase .reserve-card h3 { color:#2b1c14; }
.reserve-showcase .reserve-card .reserve-desc { color:#553c2d; }
.reserve-showcase .reserve-meta { background:#e9dece; border-color:rgba(74,47,34,.16); }
.reserve-showcase .reserve-meta div { background:#f8f3eb; }
.reserve-showcase .reserve-meta strong { color:#603e2c; }
.reserve-showcase .reserve-card .btn-ghost { color:#603e2c; border-color:#8b674c; }
@media(max-width:1100px) { .nav-logo { flex-basis:auto; }.nav-links { gap:14px; }.nav-links a { font-size:.65rem; letter-spacing:.09em; } }
@media(max-width:900px) { .nav-links,.nav-cta { display:none !important; }.hamburger { display:flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; }.brand-logo { width:42px;height:42px;flex-basis:42px; } }
@media(max-width:600px) { .brand-wordmark { font-size:.82rem; }.brand-wordmark .nav-logo-tagline { font-size:.48rem;letter-spacing:.12em; }.footer-brand-lockup { justify-content:flex-start; }.site-footer .new-footer-brand { text-align:left; }.footer-logo { width:58px;height:58px; }.reservation-coming-art { min-height:240px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
body.nav-open { overflow:hidden; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.contact-actions h2 { color:var(--page-ink); font-size:clamp(1.7rem,3vw,2.5rem); }
.contact-actions p { color:var(--page-ink-muted); line-height:1.7; }
.contact-actions p strong { color:var(--page-coffee); }
.contact-actions a { color:var(--page-coffee); text-decoration:underline; text-underline-offset:3px; }
.reserve-card .reservation-disabled { margin-top:18px; width:max-content; }
@media(max-width:900px) { .mobile-nav { visibility:hidden; }.mobile-nav.open { visibility:visible; } }

.editorial-image { display:flex; align-items:center; justify-content:center; color:#76543d; letter-spacing:.12em; text-transform:uppercase; font-size:.72rem; }
/* Keep empty photo slots neutral until the supplied café photography is added. */
.about-img-main,.about-img-float,.bento-visual,.editorial-image,.reserve-media,
.gallery-masonry .gallery-item .gallery-surface,.gallery-grid .gallery-item .gallery-inner {
  background:#dfd0bb; color:#76543d;
}
.editorial-image::after { display:none; }
.gallery-grid .gallery-inner { display:flex; align-items:center; justify-content:center; min-height:100%; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.lightbox { background:rgba(43,28,20,.68); }
.lightbox-card { min-height:min(540px,75vh); padding:70px 32px 32px; background:#f3eadc; border:1px solid rgba(74,47,34,.2); border-radius:10px; color:#2b1c14; box-shadow:0 24px 70px rgba(25,16,10,.28); }
.lightbox-content { color:#2b1c14; font-family:'Manly Beard',Georgia,serif; font-size:clamp(2rem,6vw,4.2rem); text-align:center; line-height:1.15; }
.lightbox-card button { border-radius:6px; background:#684b35; color:#fff8ed; }
@media(max-width:600px) { .lightbox { padding:18px; }.lightbox-card { width:100%; min-height:58vh; }.lightbox-card button { top:12px; right:12px; } }
.mobile-nav { visibility:hidden; }
.mobile-nav.open { visibility:visible; }
.gallery-surface::after { display:none; }
.gallery-masonry .gallery-overlay { background:transparent; }
.gallery-masonry .gallery-overlay span { color:#684b35; }

/* Focused launch polish: retain the existing layouts while strengthening hierarchy and contrast. */
#why-grounded { background:#4d382b; border-color:rgba(243,234,220,.16); }
#experience { background:#493327; }
#menu { background:#50392b; }
#reviews { background:#493327; }
.bento-card, .review-card {
  background:#634936;
  border:1px solid rgba(243,234,220,.22);
  box-shadow:0 10px 28px rgba(43,29,20,.12);
}
.bento-card:hover, .review-card:hover {
  background:#6a4d39;
  border-color:rgba(243,234,220,.36);
  box-shadow:0 16px 34px rgba(43,29,20,.18);
}
.bento-card h3, .review-text { color:#fff7eb; }
.bento-card p, .review-author { color:#eadccc; }
.bento-tag, .review-author span, .review-stars { color:#f0c99f; }
.bento-tag { border-color:rgba(240,201,159,.48); }
.bento-card > :not(.bento-visual) { position:relative; z-index:1; }
.bento-card:has(.bento-visual) > :not(.bento-visual) { max-width:74%; }
.bento-visual {
  z-index:0;
  border-color:rgba(243,234,220,.28);
  background-color:#634936;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  box-shadow:0 8px 24px rgba(30,19,12,.18);
}
.bento-visual::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(43,28,20,.1),rgba(43,28,20,.46));
}
.bento-coffee .bento-visual { background-image:url("images/beverages/brew-1.webp"); }
.bento-workspaces .bento-visual { background-image:url("images/interiors/conference-room.webp"); background-position:center 42%; }
.bento-outdoor .bento-visual { background-image:url("images/beverages/brew-2.webp"); }
.bento-community .bento-visual { background-image:url("images/interiors/grounded-cafe-interior.webp"); }
.menu-grid { gap:14px; align-items:stretch; }
.menu-item, .menu-list .menu-item {
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:#634936;
  border:1px solid rgba(243,234,220,.24);
  border-radius:8px;
  padding:30px;
  box-shadow:0 9px 24px rgba(43,29,20,.12);
}
.menu-item:hover, .menu-list .menu-item:hover { background:#6b4e39; border-color:rgba(243,234,220,.4); }
.menu-item h3 { color:#fff7eb; }
.menu-item p { color:#eadccc; margin-bottom:16px; }
.menu-price { color:#f0c99f; font-weight:700; margin-top:auto; }
.menu-item-line { background:rgba(240,201,159,.7); }
.menu-item-glow { background:radial-gradient(circle at 50% 105%, rgba(243,234,220,.08), transparent 65%); }
.menu-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.menu-category { max-width:1400px; margin-left:auto; margin-right:auto; }
.menu-category > h2 { color:#654833; }
.page-section.dark:has(.menu-category) { background:var(--page-beige); }
.page-section.dark:has(.menu-category) .menu-category { margin-bottom:54px; }
.contact-panel, .contact-form-panel {
  background:#543b2c;
  border:1px solid rgba(243,234,220,.25);
  box-shadow:0 14px 32px rgba(43,29,20,.15);
}
.contact-panel .section-label, .contact-form-panel .section-label { color:#e4b98e; }
.contact-actions h2 { color:#fff6e9 !important; }
.contact-actions p { color:#eadccc !important; }
.contact-actions p strong { color:#f0c99f !important; }
.contact-actions a { color:#f3cfaa !important; }
.contact-panel .loc-info, .contact-panel .loc-info strong { color:#f3e8d9; }
.contact-panel .loc-row { border-color:rgba(243,234,220,.16); }
.story-page .page-section.dark:has(.editorial-grid) { background:var(--page-beige); }
.story-page .page-section.dark .editorial-copy h2 { color:#38271d; }
.story-page .page-section.dark .editorial-copy h2 em { color:#765238; }
.story-page .page-section.dark .editorial-copy p { color:#5e4938; }
.story-page .page-section.dark .editorial-copy .section-label { color:#805c3e; }
/* The public page heroes and story panels sit on the restored cream canvas. */
.page-hero h1 em,
.story-page .editorial-copy h2 em,
.story-page .page-centered h2 em { color:#765238 !important; }

/* Supplied café photography: contain each image without changing the page grids. */
.menu-photo { display:block; width:100%; aspect-ratio:1.42 / 1; margin:0 0 22px; border-radius:5px; }
.menu-photo { object-fit:cover; object-position:center; }

.about-img-main .about-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 55%; }
.about-img-main::before,.about-img-main::after,.about-img-main .about-arch { display:none; }
.about-img-float { overflow:hidden; }
.about-img-float::before { display:none; }
.about-img-float .about-float-photo { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.editorial-image:has(img) { display:block; overflow:hidden; padding:0; }
.editorial-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-inner img,.gallery-surface img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-grid .photo-card .gallery-overlay { background:linear-gradient(to top,rgba(35,23,16,.72),transparent 68%); }
.gallery-masonry .photo-card .gallery-overlay { background:linear-gradient(to top,rgba(35,23,16,.68),transparent 64%); }
.gallery-grid .photo-card .gallery-overlay span,.gallery-masonry .photo-card .gallery-overlay span { color:#fff8ed; }
.lightbox-content { width:min(100%,1100px); min-height:0; display:grid; place-items:center; }
.lightbox-content img { display:block; max-width:100%; max-height:78vh; width:auto; height:auto; object-fit:contain; }
.gallery-page .page-hero-content { width:min(1120px,100%); max-width:min(1120px,88vw); }
.gallery-page .page-hero h1 {
  max-width:1100px;
  font-size:clamp(3.45rem,6.2vw,6rem);
  line-height:.98;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.contact-grid, .menu-list, .bento-grid { margin-left:auto; margin-right:auto; }
.feature-icon { display:none; }
@media(max-width:900px) {
  .menu-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .menu-list { grid-template-columns:1fr; }
  .menu-list .menu-item { min-height:0; padding:26px 24px; }
  .gallery-page .page-hero-content { max-width:100%; }
  .gallery-page .page-hero h1 { font-size:clamp(2.75rem,11.5vw,4rem); line-height:1.02; }
  .contact-panel, .contact-form-panel { padding:28px 22px; }
}

/* Restore the established cream page surfaces; keep the refinements on the cards. */
#why-grounded {
  background:radial-gradient(ellipse 48% 64% at 100% 0%, rgba(193,146,99,.23), transparent 70%),
             radial-gradient(ellipse 32% 46% at 0% 100%, rgba(221,202,173,.78), transparent 74%),
             var(--page-beige);
  border-color:rgba(121,86,58,.12);
}
#experience {
  background:radial-gradient(ellipse 45% 62% at 0% 100%, rgba(211,177,137,.56), transparent 72%),
             radial-gradient(ellipse 34% 42% at 100% 16%, rgba(169,117,76,.14), transparent 70%),
             var(--page-beige);
}
#menu {
  background:radial-gradient(ellipse 46% 58% at 6% 8%, rgba(201,158,112,.23), transparent 70%),
             radial-gradient(ellipse 34% 42% at 94% 96%, rgba(153,105,69,.14), transparent 72%),
             var(--page-beige);
}
#reviews {
  background:radial-gradient(ellipse 40% 58% at 92% 8%, rgba(190,145,100,.22), transparent 72%),
             radial-gradient(ellipse 34% 34% at 8% 94%, rgba(225,208,181,.72), transparent 72%),
             var(--page-beige);
}
.page-section.dark:has(.menu-category) {
  background:radial-gradient(ellipse 260px 180px at 93% 8%, transparent 59%, rgba(119,78,50,.24) 60% 61%, transparent 62%),
             radial-gradient(ellipse 44% 58% at 3% 92%, rgba(203,163,115,.22), transparent 72%),
             var(--page-beige);
}

/* Match the centered hero title to the viewport, independent of its text width. */
#hero .hero-content { width:min(100%,1000px); margin-inline:auto; }
#hero .hero-brand { display:block; width:100%; margin-inline:auto; text-align:center; }

/* Reuse Grounded's existing hand-drawn coffee lines, beans and botanical strokes
   as a quiet edge motif throughout the site's cream sections. */
#about, #why-grounded, #experience, #reviews, #menu, #gallery, #location,
#reserve-space, .page-hero, .page-section, .reserve-teaser, .site-footer {
  position:relative;
  isolation:isolate;
}
#about::after, #why-grounded::after, #experience::after, #reviews::after,
#menu::after, #gallery::after, #location::after, #reserve-space::after,
.page-section::after, .reserve-teaser::after, .site-footer::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:url("grounded-motifs.svg") center / cover no-repeat;
  opacity:.78;
}
/* The heroes retain their Grounded wordmark watermark; add the motif in the art layer. */
.page-hero::before { background-image:url("grounded-motifs.svg") !important; background-size:cover; background-position:center; }
#hero::after { content:none; }
@media(max-width:768px) {
  #hero .hero-content { width:100%; }
  #hero .hero-brand { padding-inline:0; }
  #about::after, #why-grounded::after, #experience::after, #reviews::after,
  #menu::after, #gallery::after, #location::after, #reserve-space::after,
  .page-section::after, .reserve-teaser::after, .site-footer::after {
    background-position:center;
    opacity:.56;
  }
}

/* Complete official menu: editorial lists and small, consistent photo slots. */
.menu-page {
  padding-top: clamp(34px, 5vw, 70px);
  padding-bottom: clamp(72px, 8vw, 120px);
}
.menu-jump {
  display:flex;
  justify-content:center;
  gap:12px;
  padding:18px 20px;
  background:rgba(247,241,231,.82);
  border-block:1px solid rgba(99,70,48,.12);
}
.menu-jump a {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 20px;
  border:1px solid rgba(99,70,48,.34);
  color:#5a3e2d;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:700;
}
.menu-jump a:hover,.menu-jump a:focus-visible { background:#684832; color:#fff8ed; }
.menu-intro { max-width:1180px; margin:0 auto 30px; color:#624b39; font-size:.93rem; }
.menu-section-heading {
  max-width:1180px;
  margin:0 auto 32px;
  padding:0 0 18px;
  display:flex;
  align-items:baseline;
  gap:20px;
  border-bottom:1px solid rgba(105,73,49,.3);
  scroll-margin-top:100px;
}
.menu-section-heading span { color:#9b7352; letter-spacing:.18em; font-size:.74rem; }
.menu-section-heading h2 { margin:0; color:#38271d; font-size:clamp(2.5rem,5vw,4.2rem); line-height:1; }
.menu-category {
  max-width:1180px;
  margin:0 auto 52px !important;
  scroll-margin-top:96px;
}
.menu-category > h2 {
  font-family:'Manly Beard', Georgia, serif;
  color:#654833;
  font-size:clamp(1.8rem,3vw,2.55rem);
  line-height:1.08;
  margin:0 0 20px;
}
.menu-subcategory { margin:0 0 28px; }
.menu-subcategory h3 {
  margin:0 0 12px;
  color:#674a34;
  font-family:'Ubuntu',sans-serif;
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.menu-list {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;
  background:transparent;
  border:0;
}
.menu-list .menu-item {
  min-width:0;
  min-height:84px;
  padding:12px 0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  background:rgba(255,252,245,.54);
  border:0;
  border-bottom:1px solid rgba(106,77,52,.17);
  border-radius:0;
  box-shadow:none;
}
.menu-list .menu-item:hover { background:rgba(255,252,245,.85); border-color:rgba(106,77,52,.25); }
.menu-thumb { width:58px; height:58px; display:block; overflow:hidden; background:#e8ddcc; }
.menu-thumb .menu-photo {
  display:grid;
  width:100%;
  height:100%;
  aspect-ratio:1;
  margin:0;
  border-radius:0;
}
.menu-thumb .menu-photo { object-fit:cover; object-position:center; }

  place-items:center;
  padding:4px;
  background:linear-gradient(145deg,#eee5d7,#ddd0bc);
  border:1px solid rgba(105,73,49,.2);
  color:#76583e;
  text-align:center;
  font-size:.48rem;
  line-height:1.25;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.menu-item-name { color:#38271d; font-size:.94rem; line-height:1.35; font-weight:500; }
.menu-price { color:#68472e; font-size:.94rem; letter-spacing:0; white-space:nowrap; font-weight:700; }
.menu-note {
  margin:14px 0 0;
  color:#674a34;
  font-size:.88rem;
  font-style:italic;
}
.menu-photo-collection {
  max-width:1180px;
  margin:54px auto 70px;
  padding-top:28px;
  border-top:1px solid rgba(105,73,49,.24);
}
.menu-photo-collection h3 {
  margin:0 0 18px;
  color:#76583e;
  font:500 .76rem/1.4 'Ubuntu',sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.menu-photo-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.menu-photo-grid figure { margin:0; min-width:0; }
.menu-photo-grid img {
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:center;
  background:#e7dccb;
}
.menu-photo-grid figcaption {
  padding:8px 1px 0;
  color:#76583e;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.menu-page .menu-category:last-of-type { margin-bottom:0 !important; }
@media(max-width:760px) {
  .menu-section-heading,.menu-category,.menu-photo-collection,.menu-intro { width:min(100% - 36px,1180px); }
  .menu-list { grid-template-columns:1fr; gap:0; }
  .menu-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
}
@media(max-width:460px) {
  .menu-jump { gap:8px; }
  .menu-jump a { padding:0 15px; }
  .menu-section-heading { gap:12px; }
  .menu-list .menu-item { grid-template-columns:52px minmax(0,1fr) auto; gap:10px; min-height:74px; }
  .menu-thumb { width:52px; height:52px; }
  .menu-item-name,.menu-price { font-size:.88rem; }
  .menu-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* The category jump bar is in document flow; the site-wide nav rule is fixed. */
nav.menu-jump {
  position:relative;
  inset:auto;
  z-index:1;
  width:100%;
  padding:18px 20px;
  justify-content:center;
  background:rgba(247,241,231,.82);
  border-block:1px solid rgba(99,70,48,.12);
}

/* Menu only: large photographic cards for the items currently pictured. */
.menu-editorial {
  background:var(--page-beige);
  padding-top:34px;
}
.menu-editorial .menu-editorial-note,
.menu-editorial .menu-section-heading,
.menu-editorial .menu-category {
  width:min(100% - 64px,1180px);
  margin-left:auto;
  margin-right:auto;
}
.menu-editorial .menu-editorial-note {
  color:#654833;
  text-align:center;
  margin-bottom:40px;
}
.menu-editorial .menu-section-heading {
  margin-top:78px;
  margin-bottom:40px;
}
.menu-editorial .menu-section-heading h2,
.menu-editorial .menu-category > h2 {
  color:#38271d;
}
.menu-editorial .menu-category {
  margin-bottom:74px;
}
.menu-editorial .menu-category > h2 {
  margin-bottom:26px;
}
.menu-editorial .menu-editorial-subcategory {
  margin:34px 0 44px;
}
.menu-editorial .menu-editorial-subcategory > h3 {
  margin:0 0 18px;
  color:#76563e;
  font-size:1rem;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.menu-editorial .menu-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px 24px;
}
.menu-editorial .menu-list .menu-item {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:rgba(255,252,245,.62);
  border:1px solid rgba(106,77,52,.2);
  border-radius:8px;
  box-shadow:0 12px 28px rgba(70,49,33,.08);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.menu-editorial .menu-list .menu-item:hover {
  transform:translateY(-3px);
  background:rgba(255,252,245,.82);
  border-color:rgba(106,77,52,.34);
  box-shadow:0 18px 34px rgba(70,49,33,.12);
}
.menu-editorial .menu-item .menu-photo {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  margin:0;
  border-radius:0;
  object-fit:cover;
  object-position:center;
  background:#e6d7c2;
}
.menu-editorial .menu-card-copy {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 22px;
}
.menu-editorial .menu-card-copy h3 {
  margin:0;
  color:#38271d;
  font-size:1.12rem;
  line-height:1.3;
}
.menu-editorial .menu-price {
  flex:0 0 auto;
  margin:1px 0 0;
  color:#70492f;
  font-size:1.02rem;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:900px) {
  .menu-editorial .menu-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
}
@media(max-width:600px) {
  .menu-editorial { padding-top:24px; }
  .menu-editorial .menu-editorial-note,
  .menu-editorial .menu-section-heading,
  .menu-editorial .menu-category { width:min(100% - 36px,1180px); }
  .menu-editorial .menu-section-heading { margin-top:56px; margin-bottom:28px; }
  .menu-editorial .menu-category { margin-bottom:54px; }
  .menu-editorial .menu-category > h2 { margin-bottom:20px; }
  .menu-editorial .menu-list { grid-template-columns:1fr; gap:20px; }
  .menu-editorial .menu-card-copy { padding:17px 18px 19px; }
  .menu-editorial .menu-card-copy h3 { font-size:1.08rem; }
}


/* Menu image enlargement interaction only. */
.menu-editorial .menu-photo-trigger {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#e6d7c2;
  cursor:zoom-in;
}
.menu-editorial .menu-photo-trigger .menu-photo {
  width:100%;
  height:100%;
  transition:transform .32s ease;
  will-change:transform;
}
.menu-editorial .menu-photo-trigger::after {
  content:'+';
  position:absolute;
  right:13px;
  bottom:13px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(38,27,20,.62);
  color:#fffaf1;
  font:400 22px/1 'Ubuntu',sans-serif;
  opacity:.82;
  transition:opacity .2s ease,background-color .2s ease,transform .2s ease;
}
@media(hover:hover) and (pointer:fine) {
  .menu-editorial .menu-photo-trigger:hover .menu-photo { transform:scale(1.035); }
  .menu-editorial .menu-photo-trigger:hover::after { opacity:1; background:rgba(38,27,20,.78); transform:scale(1.04); }
}
.menu-editorial .menu-photo-trigger:focus-visible {
  outline:3px solid #8b6244;
  outline-offset:3px;
  z-index:1;
}
.menu-image-lightbox[aria-hidden="true"] { display:none; }
.menu-image-lightbox {
  position:fixed;
  inset:0;
  z-index:10010;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(10,8,6,.88);
  cursor:zoom-out;
}
.menu-image-lightbox-photo {
  display:block;
  width:auto;
  height:auto;
  max-width:min(94vw,1400px);
  max-height:calc(100svh - 48px);
  object-fit:contain;
  cursor:default;
  box-shadow:0 22px 72px rgba(0,0,0,.42);
}
.menu-image-lightbox-close {
  position:absolute;
  top:18px;
  right:20px;
  z-index:1;
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  padding:0 0 3px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(24,18,14,.78);
  color:#fffaf1;
  font:300 32px/1 'Ubuntu',sans-serif;
  cursor:pointer;
}
.menu-image-lightbox-close:hover,
.menu-image-lightbox-close:focus-visible { background:#684832; outline:2px solid #fffaf1; outline-offset:3px; }
html.menu-image-open, body.menu-image-open { overflow:hidden; }
@media(max-width:600px) {
  .menu-image-lightbox { padding:14px; }
  .menu-image-lightbox-photo { max-width:calc(100vw - 28px); max-height:calc(100svh - 28px); }
  .menu-image-lightbox-close { top:12px; right:12px; width:42px; height:42px; }
}
@media(prefers-reduced-motion:reduce) {
  .menu-editorial .menu-photo-trigger .menu-photo,
  .menu-editorial .menu-photo-trigger::after { transition:none; }
}

/* Full supplied-photo gallery: compact responsive image grid with varied editorial heights. */
.gallery-all-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(74px,8vw,112px); grid-auto-flow:dense; gap:16px; }
.gallery-all-grid .gallery-all-photo { grid-column:span 1 !important; grid-row:span 3; margin:0 !important; min-height:0; border-radius:12px; }
.gallery-all-grid .gallery-all-photo:nth-child(5n+1), .gallery-all-grid .gallery-all-photo:nth-child(7n+4) { grid-row:span 4; }
.gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 2 !important; grid-row:span 4; }
.gallery-all-grid .gallery-all-photo .gallery-surface { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.gallery-all-grid .gallery-all-photo .gallery-surface img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-all-grid .gallery-all-photo .gallery-overlay { padding:18px; }
.gallery-all-grid .gallery-all-photo .gallery-overlay span { max-width:100%; font-size:.63rem; line-height:1.45; }
.menu-editorial .menu-official-subheading { margin:18px 0 16px; color:#76563e; font-size:1rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.menu-editorial .menu-official-note { margin:16px 0 0; color:#654833; font-size:.9rem; }
.menu-editorial .menu-item.no-photo { display:flex; justify-content:center; min-height:94px; padding:0; background:rgba(255,252,245,.35); box-shadow:none; }
.menu-editorial .menu-item.no-photo:hover { transform:none; background:rgba(255,252,245,.72); box-shadow:0 8px 20px rgba(70,49,33,.07); }
.menu-editorial .menu-item.no-photo .menu-card-copy { width:100%; align-items:center; padding:20px 22px; }
@media(max-width:900px) { .gallery-all-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(72px,12vw,104px); } }
@media(max-width:600px) { .gallery-all-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:82px; gap:10px; } .gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 1 !important; } .gallery-all-grid .gallery-all-photo .gallery-overlay { padding:12px; } .menu-editorial .menu-item.no-photo { min-height:78px; } .menu-editorial .menu-item.no-photo .menu-card-copy { padding:16px 17px; } }

/* Full supplied-photo gallery: compact responsive image grid with varied editorial heights. */
.gallery-all-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(74px,8vw,112px); grid-auto-flow:dense; gap:16px; }
.gallery-all-grid .gallery-all-photo { grid-column:span 1 !important; grid-row:span 3; margin:0 !important; min-height:0; border-radius:12px; }
.gallery-all-grid .gallery-all-photo:nth-child(5n+1), .gallery-all-grid .gallery-all-photo:nth-child(7n+4) { grid-row:span 4; }
.gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 2 !important; grid-row:span 4; }
.gallery-all-grid .gallery-all-photo .gallery-surface { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.gallery-all-grid .gallery-all-photo .gallery-surface img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-all-grid .gallery-all-photo .gallery-overlay { padding:18px; }
.gallery-all-grid .gallery-all-photo .gallery-overlay span { max-width:100%; font-size:.63rem; line-height:1.45; }
.menu-editorial .menu-official-subheading { margin:18px 0 16px; color:#76563e; font-size:1rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.menu-editorial .menu-official-note { margin:16px 0 0; color:#654833; font-size:.9rem; }
.menu-editorial .menu-item.no-photo { display:flex; justify-content:center; min-height:94px; padding:0; background:rgba(255,252,245,.35); box-shadow:none; }
.menu-editorial .menu-item.no-photo:hover { transform:none; background:rgba(255,252,245,.72); box-shadow:0 8px 20px rgba(70,49,33,.07); }
.menu-editorial .menu-item.no-photo .menu-card-copy { width:100%; align-items:center; padding:20px 22px; }
@media(max-width:900px) { .gallery-all-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(72px,12vw,104px); } }
@media(max-width:600px) { .gallery-all-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:82px; gap:10px; } .gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 1 !important; } .gallery-all-grid .gallery-all-photo .gallery-overlay { padding:12px; } .menu-editorial .menu-item.no-photo { min-height:78px; } .menu-editorial .menu-item.no-photo .menu-card-copy { padding:16px 17px; } }

/* Full supplied-photo gallery: compact responsive image grid with varied editorial heights. */
.gallery-all-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(74px,8vw,112px); grid-auto-flow:dense; gap:16px; }
.gallery-all-grid .gallery-all-photo { grid-column:span 1 !important; grid-row:span 3; margin:0 !important; min-height:0; border-radius:12px; }
.gallery-all-grid .gallery-all-photo:nth-child(5n+1), .gallery-all-grid .gallery-all-photo:nth-child(7n+4) { grid-row:span 4; }
.gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 2 !important; grid-row:span 4; }
.gallery-all-grid .gallery-all-photo .gallery-surface { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.gallery-all-grid .gallery-all-photo .gallery-surface img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-all-grid .gallery-all-photo .gallery-overlay { padding:18px; }
.gallery-all-grid .gallery-all-photo .gallery-overlay span { max-width:100%; font-size:.63rem; line-height:1.45; }
.menu-editorial .menu-official-subheading { margin:18px 0 16px; color:#76563e; font-size:1rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.menu-editorial .menu-official-note { margin:16px 0 0; color:#654833; font-size:.9rem; }
.menu-editorial .menu-item.no-photo { display:flex; justify-content:center; min-height:94px; padding:0; background:rgba(255,252,245,.35); box-shadow:none; }
.menu-editorial .menu-item.no-photo:hover { transform:none; background:rgba(255,252,245,.72); box-shadow:0 8px 20px rgba(70,49,33,.07); }
.menu-editorial .menu-item.no-photo .menu-card-copy { width:100%; align-items:center; padding:20px 22px; }
@media(max-width:900px) { .gallery-all-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(72px,12vw,104px); } }
@media(max-width:600px) { .gallery-all-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:82px; gap:10px; } .gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 1 !important; } .gallery-all-grid .gallery-all-photo .gallery-overlay { padding:12px; } .menu-editorial .menu-item.no-photo { min-height:78px; } .menu-editorial .menu-item.no-photo .menu-card-copy { padding:16px 17px; } }

/* Full supplied-photo gallery: compact responsive image grid with varied editorial heights. */
.gallery-all-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(74px,8vw,112px); grid-auto-flow:dense; gap:16px; }
.gallery-all-grid .gallery-all-photo { grid-column:span 1 !important; grid-row:span 3; margin:0 !important; min-height:0; border-radius:12px; }
.gallery-all-grid .gallery-all-photo:nth-child(5n+1), .gallery-all-grid .gallery-all-photo:nth-child(7n+4) { grid-row:span 4; }
.gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 2 !important; grid-row:span 4; }
.gallery-all-grid .gallery-all-photo .gallery-surface { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.gallery-all-grid .gallery-all-photo .gallery-surface img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gallery-all-grid .gallery-all-photo .gallery-overlay { padding:18px; }
.gallery-all-grid .gallery-all-photo .gallery-overlay span { max-width:100%; font-size:.63rem; line-height:1.45; }
.menu-editorial .menu-official-subheading { margin:18px 0 16px; color:#76563e; font-size:1rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.menu-editorial .menu-official-note { margin:16px 0 0; color:#654833; font-size:.9rem; }
.menu-editorial .menu-item.no-photo { display:flex; justify-content:center; min-height:94px; padding:0; background:rgba(255,252,245,.35); box-shadow:none; }
.menu-editorial .menu-item.no-photo:hover { transform:none; background:rgba(255,252,245,.72); box-shadow:0 8px 20px rgba(70,49,33,.07); }
.menu-editorial .menu-item.no-photo .menu-card-copy { width:100%; align-items:center; padding:20px 22px; }
@media(max-width:900px) { .gallery-all-grid { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:clamp(72px,12vw,104px); } }
@media(max-width:600px) { .gallery-all-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:82px; gap:10px; } .gallery-all-grid .gallery-all-photo:nth-child(9n+2) { grid-column:span 1 !important; } .gallery-all-grid .gallery-all-photo .gallery-overlay { padding:12px; } .menu-editorial .menu-item.no-photo { min-height:78px; } .menu-editorial .menu-item.no-photo .menu-card-copy { padding:16px 17px; } }