/* 23 October 2026 — removable visual layer.
   Original logo, brand colours, content and ordering behaviour are preserved.
   Restore the pre-upgrade appearance by removing this stylesheet reference.
   The complete pre-upgrade source is also retained as hosted version 5. */

body{
  background-image:
    radial-gradient(ellipse 75% 620px at 50% 120px,rgba(210,162,76,.14),transparent 75%),
    radial-gradient(ellipse 50% 850px at 100% 1300px,rgba(168,124,47,.065),transparent 75%),
    radial-gradient(ellipse 55% 700px at 0% 2450px,rgba(210,162,76,.045),transparent 75%);
}
.topbar{
  background:linear-gradient(180deg,rgba(26,19,10,.97),rgba(14,10,6,.96));
  box-shadow:0 1px 0 rgba(241,211,145,.06),0 8px 28px rgba(0,0,0,.2);
}
.brandmini img{
  filter:drop-shadow(0 1px 0 rgba(210,162,76,.3)) drop-shadow(0 3px 3px rgba(0,0,0,.75));
}
.brand-restaurant{text-shadow:0 1px 0 #6e4b19,0 3px 6px rgba(0,0,0,.7)}

/* A raised gold badge: precise relief, soft light and a grounded shadow.
   No duplicate artwork, canvas, animation loop or new image download. */
.logo-sculpture{
  display:block;position:relative;isolation:isolate;
  width:min(280px,58vw);margin:0 auto 28px;
  perspective:900px;
}
.logo-sculpture::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-22% -30% -18%;border-radius:50%;
  background:radial-gradient(ellipse at 48% 46%,rgba(210,162,76,.27),rgba(168,124,47,.09) 44%,transparent 70%);
}
.logo-sculpture::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:14%;right:10%;height:14%;bottom:-8%;border-radius:50%;
  background:rgba(0,0,0,.8);filter:blur(12px);
}
.hero .logo-sculpture .logo{
  position:relative;width:100%;height:auto;margin:0;
  animation:none;
  transform:rotateX(7deg) rotateY(-8deg) rotateZ(-1.5deg);
  transform-origin:center 55%;
  filter:brightness(1.09) contrast(1.04)
    drop-shadow(0 -1px 0 rgba(245,218,151,.7))
    drop-shadow(1px 1px 0 #a87c2f)
    drop-shadow(1px 2px 0 #654215)
    drop-shadow(1px 2px 0 #3e290f)
    drop-shadow(0 14px 14px rgba(0,0,0,.68));
  transition:transform .45s ease;
}
.hero h1.restaurant-name{
  text-shadow:0 1px 0 #a87c2f,0 2px 0 #684618,0 4px 0 #30200e,
    0 9px 20px rgba(0,0,0,.65),0 0 36px rgba(210,162,76,.1);
}
.restaurant-speciality{text-shadow:0 2px 5px rgba(0,0,0,.75)}
.restaurant-ribbon{
  background:linear-gradient(170deg,#e8c573 0%,var(--gold) 34%,var(--gold-deep) 72%,var(--gold) 100%);
  box-shadow:inset 0 1px 0 rgba(255,239,197,.55),inset 0 -2px 0 rgba(61,37,8,.4);
  text-shadow:0 1px 0 rgba(255,225,160,.35);
  filter:drop-shadow(0 5px 4px rgba(0,0,0,.45));
}
.hero .banner{filter:saturate(1.05) contrast(1.025)}
.hero .banner-vid{filter:saturate(1.05) contrast(1.025)}
.hero .banner-veil{z-index:2}
.hero .flourish{text-shadow:0 0 12px rgba(210,162,76,.55)}
.hero .flourish::before,.hero .flourish::after{box-shadow:0 1px 7px rgba(210,162,76,.15)}
.badge{
  background:linear-gradient(160deg,rgba(210,162,76,.085),rgba(18,13,8,.55));
  box-shadow:inset 0 1px 0 rgba(240,217,169,.045),0 4px 10px rgba(0,0,0,.14);
}

/* Richer surfaces and tactile edges, using the same gold and charcoal. */
.btn-ghost{
  background:linear-gradient(160deg,rgba(210,162,76,.13),rgba(18,13,8,.6));
  box-shadow:inset 0 1px 0 rgba(246,218,153,.14),0 4px 14px rgba(0,0,0,.26);
}
.btn-wa,.hero .ctas .btn-wa{
  background:linear-gradient(170deg,#30df77,var(--wa) 55%,#1bb95a);
  box-shadow:inset 0 1px 0 rgba(221,255,228,.32),inset 0 -2px 0 rgba(4,62,24,.2),0 6px 24px rgba(37,211,102,.19);
}
.deals{
  background:radial-gradient(ellipse 70% 135% at 50% 0%,rgba(210,162,76,.16),transparent 70%),
    linear-gradient(180deg,rgba(210,162,76,.06),rgba(18,13,8,.5));
}
.deal,.card{
  border-color:rgba(210,162,76,.35);
  background:linear-gradient(145deg,#2c2112,var(--panel) 58%,#181109);
  box-shadow:inset 0 1px 0 rgba(244,215,153,.09),0 10px 28px rgba(0,0,0,.26);
}
.deal.feat{
  background:radial-gradient(ellipse at 50% 0%,rgba(210,162,76,.16),transparent 65%),
    linear-gradient(145deg,#342714,#1e160c);
  border-color:rgba(210,162,76,.6);
}
.dring{box-shadow:0 5px 15px rgba(0,0,0,.35),0 0 20px rgba(210,162,76,.07)}
.card .ph img,.mcat .catimg img{filter:saturate(1.05) contrast(1.025)}
.mcat .catimg,.sizzle .frame{
  box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 0 1px rgba(210,162,76,.16);
}
.pagehead{
  background:radial-gradient(ellipse 60% 140% at 50% 0%,rgba(210,162,76,.075),transparent 75%);
}
.pagehead h1,.sechead h2{text-shadow:0 2px 0 rgba(104,70,24,.6),0 6px 16px rgba(0,0,0,.4)}
footer.info{
  background:radial-gradient(ellipse 90% 100% at 50% 0%,rgba(210,162,76,.07),transparent 70%),#100c07;
  box-shadow:inset 0 1px 0 rgba(210,162,76,.18);
}
@media(hover:hover) and (pointer:fine){
  .logo-sculpture:hover .logo{transform:rotateX(2deg) rotateY(0) rotateZ(0) translateY(-3px)}
  .btn-ghost:hover{background-color:rgba(210,162,76,.1)}
}
@media(max-width:820px){
  .logo-sculpture{width:min(240px,56vw);margin-bottom:24px}
  .hero .logo-sculpture .logo{transform:rotateX(4deg) rotateY(-5deg) rotateZ(-1deg)}
}
@media(max-width:430px){
  .logo-sculpture{width:205px;max-width:58vw;margin-bottom:24px}
  .hero h1.restaurant-name{text-shadow:0 1px 0 #a87c2f,0 2px 0 #684618,0 6px 12px rgba(0,0,0,.6)}
}
@media(prefers-reduced-motion:reduce){
  .hero .logo-sculpture .logo,.logo-sculpture:hover .logo{transform:none;transition:none}
}
@media(forced-colors:active){
  .logo-sculpture::before,.logo-sculpture::after{display:none}
  .hero .logo-sculpture .logo{filter:none;transform:none}
  .hero h1.restaurant-name,.brand-restaurant{text-shadow:none}
}