/* HOLI — "home light": GOLD + CREAM theme.
   Loaded AFTER holi-style.css on home-light.html only. Same structure, only colour changes. */
:root{
  --gold:#A8832F;
  --gold-hi:#D6B565;
  --gold-lo:#836423;
  --gold-grad:linear-gradient(110deg,#7A5C20 0%,#B08A38 32%,#8A6A26 58%,#C09A44 80%,#7A5C20 100%);
  --head:#7A5C20;            /* headings: deep gold-brown */
  --ink:#4E3E20;             /* body text */
  --slate:#7B6B49;           /* muted text */
  --bg:#F6EFDF;              /* cream page */
  --bg-2:#EFE6D0;            /* deeper cream sections */
  --panel:#FBF7EC;           /* card */
  --line:rgba(168,131,47,.34);
  --shadow:0 20px 48px rgba(122,92,32,.16);
  --cream:#F6EFDF;
}
html.pl-pending body::before{background:var(--cream)}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,h4{color:var(--head)}
::selection{background:var(--gold);color:#fff}
.lead,.about p,.dish-body p,.card p{color:var(--slate)}

/* shimmer text */
.gt:not(.is-split),.is-split .gt .wi,.gt.is-split .wi{background-image:var(--gold-grad)}

/* eyebrows / small gold text need a darker gold on cream */
.eyebrow,.price,.trip .badge,.card .eyebrow{color:var(--gold-lo)}
.eyebrow::before,.eyebrow::after{background:var(--gold)}
.diamond{color:var(--gold)}

/* buttons: ONE style — gold outline, gold wipes in, text turns white */
.btn{color:var(--gold-lo);border-color:var(--gold);background-image:linear-gradient(var(--gold),var(--gold))}
.btn:hover,.btn:focus-visible{color:#fff;box-shadow:0 0 26px rgba(168,131,47,.3)}

/* top bar + header */
.topbar{background:#EADFC4;color:#5B4A2A;border-bottom:1px solid var(--line)}
.topbar a:hover{color:var(--gold-lo)}
.topbar .tb-left i,.topbar .tb-social i{color:var(--gold-lo)}
header.site{background:rgba(248,242,228,.9);border-bottom:1px solid var(--line)}
header.site.scrolled{background:rgba(248,242,228,.97)}
.menu a{color:var(--ink)}
.menu a:hover,.menu a.active{color:var(--gold-lo)}
.menu a::after{background:var(--gold)}
.menu .cta{color:var(--gold-lo);border-color:var(--gold)}
.menu .cta:hover{color:#fff;box-shadow:0 0 26px rgba(168,131,47,.3)}
.burger{color:var(--gold-lo)}
/* logo badge: gold field, white lettering (file untouched) */
.logo-mark{background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 0 4px var(--cream),0 0 0 5px rgba(168,131,47,.5)}
.logo-mark img{filter:grayscale(1) contrast(3);mix-blend-mode:screen}

/* hero: light studio photos under a cream veil, dark-gold lettering */
.hero{background:#EFE6D0;color:var(--ink)}
.hero::after{background:radial-gradient(ellipse at 50% 50%,rgba(250,245,232,.84),rgba(250,245,232,.55) 72%),linear-gradient(180deg,rgba(250,245,232,.4),rgba(250,245,232,.05) 45%,rgba(246,239,223,.92))}
.hero .script{color:var(--gold)}
.hero .welcome{color:var(--ink)}
.hero h1{color:var(--head);text-shadow:none}
.hero h1 .gt{color:var(--gold)}
.hero p.tag{color:var(--ink)}
.hero-dots button{border-color:var(--gold)}
.hero-dots button.active{background:var(--gold)}
.scroll-cue{color:var(--gold-lo)}
.scroll-cue i{background:linear-gradient(var(--gold),transparent)}

/* marquee */
.marquee{background:var(--bg-2);border-color:var(--line)}
.marquee-track span{-webkit-text-stroke:1px var(--gold)}
.marquee-track span.f{color:var(--gold);-webkit-text-stroke:0}
.marquee-track b{color:var(--gold)}

/* TripAdvisor strip */
.trip{background:radial-gradient(ellipse at 50% 0%,rgba(168,131,47,.16),transparent 70%),#F1E8D3;color:var(--ink);border-bottom:1px solid var(--line)}
.trip h2{color:var(--head)}
.trip p{color:var(--slate)}
.trip .stars{color:var(--gold)}
.trip .badges img{opacity:1}

/* sections */
.tasting{background:var(--bg-2);border-color:var(--line)}
.dish-img .ph{border-color:rgba(168,131,47,.3)}
.dish-img .num{-webkit-text-stroke:1px var(--gold);opacity:.6}
.about .imgwrap .frame{border-color:var(--gold)}

/* experience band */
.band{background:linear-gradient(rgba(248,242,228,.84),rgba(248,242,228,.9)),url('img/band-experience.webp') center/cover fixed;color:var(--ink)}
.band h2{color:var(--head)}
.band h2 .gt{color:var(--gold)}
.band p{color:var(--ink)}
.band .watermark{color:var(--gold);opacity:.08}
@media(max-width:991px){.band{background-attachment:scroll}}

/* cards */
.card{background:var(--panel);border-color:rgba(168,131,47,.3)}
.card:hover{border-color:var(--gold);box-shadow:0 26px 60px rgba(122,92,32,.22)}
.pdf-card::before,.card::before{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(168,131,47,.14),transparent 60%)}
.card .imgtop.tint{background:var(--gold)}
.card .imgtop.tint img{filter:grayscale(1) contrast(3);mix-blend-mode:screen}

/* gallery */
.gallery{background:var(--bg);border-color:var(--line)}
.gallery .grid a{border-color:rgba(168,131,47,.35)}
.gallery .grid a:hover{border-color:var(--gold)}
.gallery .grid a::after{color:var(--gold-lo);background:rgba(248,242,228,.6)}

/* hours + contact */
.info{background:radial-gradient(ellipse at 15% 0%,rgba(168,131,47,.14),transparent 55%),#EDE3CC;color:var(--ink);border-top:1px solid var(--line)}
.info h3{color:var(--head)}
.info .row{border-bottom-color:rgba(168,131,47,.35)}
.info .row span:last-child,.info .closed{color:var(--gold-lo)}
.info .contact i{color:var(--gold-lo)}
.info .contact a:hover{color:var(--gold-lo)}
.info .social a{border-color:var(--gold);color:var(--gold-lo)}
.info .social a:hover{background:var(--gold);color:#fff}

/* footer */
footer{background:#E4D7B8;color:#6B5A3A;border-top:1px solid var(--line)}
footer .brand{color:var(--gold-lo)}
footer a{color:var(--gold-lo)}

/* mobile menu panel */
@media(max-width:991px){.menu{background:#F8F2E4;border-bottom:1px solid var(--line)}}

/* pointer + progress */
.cursor{border-color:var(--gold)}
.cursor.link{background:rgba(168,131,47,.16)}
.cursor.view{background:var(--gold);color:#fff}
.cursor .dot{background:var(--gold)}

/* preloader + page curtain: cream with gold hairlines */
.preloader .pl-panel{background:var(--cream)}
.pl-center{color:var(--gold)}
.pl-ring circle{stroke:var(--gold)}
.pl-sub{color:var(--slate)}
.pl-count{-webkit-text-stroke:1px rgba(168,131,47,.6)}

/* inline-styled bits in the markup */
.info p[style]{color:var(--slate)!important}
.band .eyebrow[style]{color:var(--gold-lo)!important}

/* ======================================================================
   MAROON + CREAM variants (.tm): cream remains the prominent ground, exactly
   like the Gold + Cream originals; maroon replaces gold on the ELEMENTS
   (lettering, rules, buttons, outlines, badges). Each copy sits directly
   below its original.
   ====================================================================== */
.tm{
  position:relative;
  --gold:#7C2543; --gold-hi:#A5465F; --gold-lo:#6A1D38;
  --gold-grad:linear-gradient(110deg,#4F1228 0%,#8A2D50 32%,#5E1730 58%,#9A3E5E 80%,#4F1228 100%);
  --head:#561530; --ink:#4A2B30; --slate:#7A5A5F;
  --line:rgba(124,37,67,.32);
}
.v-tag{position:absolute;top:14px;left:14px;z-index:6;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--gold);color:var(--gold-lo);background:rgba(250,245,232,.85);border-radius:999px}
.hero .m-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;animation:kenburns 14s ease-in-out infinite alternate}
.hero .m-inner{position:relative;z-index:2;max-width:1040px;margin:0 auto;padding:70px 24px 90px}
.trip.tm{background:radial-gradient(ellipse at 50% 0%,rgba(124,37,67,.09),transparent 70%),#F1E8D3}
.tm .btn:hover,.tm .btn:focus-visible{box-shadow:0 0 26px rgba(124,37,67,.28)}