:root{
  --cream:#fff3dc;
  --paper:#fff9ec;
  --sun:#f3b51c;
  --sun-soft:#ffd96c;
  --coral:#ef6036;
  --red:#bd3427;
  --terracotta:#c94d2e;
  --teal:#0e5962;
  --teal-deep:#073f47;
  --green:#17694f;
  --ink:#25150f;
  --brown:#3a2118;
  --serif:'Fraunces',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --script:'Caveat',cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{
  height:100px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,5vw,76px);background:rgba(255,249,236,.97);
  border-bottom:1px solid rgba(83,45,22,.10);position:relative;z-index:50
}
.brand{display:flex;align-items:center;height:100%}
.brand img{width:170px;height:92px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}
.site-nav>a:not(.order-link){position:relative;padding:12px 0}
.site-nav>a:not(.order-link):after{content:"";height:3px;background:var(--sun);position:absolute;left:0;right:100%;bottom:5px;transition:.2s}
.site-nav>a:not(.order-link):hover:after{right:0}
.order-link{background:var(--red);color:white;padding:14px 20px;border-radius:4px;box-shadow:5px 5px 0 var(--sun)}
.menu-toggle{display:none;border:0;background:var(--teal-deep);color:#fff;padding:10px 14px;border-radius:5px;font-weight:700}

.hero{
  min-height:720px;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr);
  position:relative;overflow:hidden;background:
    radial-gradient(circle at 13% 14%,rgba(255,255,255,.28),transparent 22%),
    linear-gradient(125deg,#f5bd31 0 56%,#ed7a39 56% 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:
    linear-gradient(rgba(132,66,26,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(132,66,26,.04) 1px,transparent 1px);
  background-size:7px 7px
}
.hero-copy{padding:110px 35px 80px clamp(28px,6vw,96px);position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin:0 0 17px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800}
.eyebrow.red{color:var(--red)}.eyebrow.gold{color:#ffe19a}.eyebrow.light{color:#fff0be}.eyebrow.dark{color:var(--teal-deep)}
.hero h1,.food-heading h2,.story-copy h2,.mural-copy h2,.gallery-head h2,.order-banner h2,.visit-copy h2{
  font-family:var(--serif);letter-spacing:-.045em;line-height:.92;margin:0
}
.hero h1{font-size:clamp(62px,7vw,108px);max-width:700px}
.hero h1 span{color:var(--red)}
.lede{font-size:clamp(17px,1.35vw,21px);line-height:1.6;max-width:560px;margin:27px 0 29px}
.hero-actions,.visit-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{min-height:50px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;font-weight:800;transition:.18s}
.btn:hover{transform:translate(-2px,-2px)}
.btn-red{background:var(--red);color:#fff;box-shadow:5px 5px 0 rgba(75,28,17,.22)}
.btn-ink{border:2px solid var(--ink);background:rgba(255,255,255,.12)}
.btn-cream{background:var(--paper);color:var(--red);box-shadow:5px 5px 0 rgba(45,20,12,.25)}
.btn-outline{border:2px solid var(--ink);background:transparent}
.hand-note{font:700 31px/1 var(--script);color:var(--teal-deep);margin:34px 0 0;transform:rotate(-2deg)}
.hero-art{position:relative;min-height:720px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.sun-disc{position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(255,223,115,.60);top:60px;right:7%;box-shadow:0 0 0 28px rgba(255,245,210,.12)}
.hero-building{position:relative;z-index:2;width:min(86%,760px);max-height:680px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 20px rgba(66,30,14,.20))}
.hero-flower{position:absolute;z-index:3;right:-80px;top:-50px;width:370px;transform:rotate(2deg);pointer-events:none;filter:drop-shadow(0 12px 16px rgba(77,22,24,.12))}

.floral-divider{height:92px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:7px solid var(--teal)}
.floral-divider img{width:min(1050px,94%);height:74px;object-fit:fill}

.food-section{
  position:relative;max-width:1500px;margin:auto;padding:120px clamp(24px,5vw,76px) 135px;
  display:grid;grid-template-columns:.72fr 1.45fr;gap:65px;background:var(--cream)
}
.food-heading{align-self:start;position:sticky;top:30px;z-index:2}
.food-heading h2,.story-copy h2,.mural-copy h2,.gallery-head h2,.visit-copy h2{font-size:clamp(48px,5.1vw,78px)}
.food-heading>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:410px}
.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:17px;color:var(--red);font-weight:800}
.food-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dish{height:350px;position:relative;overflow:hidden;border-radius:24px 4px 24px 4px;background:#ddd;box-shadow:0 16px 0 rgba(14,89,98,.13)}
.dish-tall{height:720px;grid-row:span 2}
.dish img{height:100%;width:100%;object-fit:cover;transition:transform .45s}
.dish:hover img{transform:scale(1.025)}
.dish:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(28,14,9,.74),transparent)}
.dish-label{position:absolute;z-index:2;left:24px;bottom:20px;color:white}
.dish-label small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#ffe2a1;font-weight:800}
.dish-label strong{display:block;font-family:var(--serif);font-size:36px;margin-top:3px}
.food-cactus{position:absolute;width:185px;left:-74px;bottom:12px;transform:rotate(-5deg);pointer-events:none}

.story-section{
  min-height:690px;background:var(--teal-deep);color:white;display:grid;grid-template-columns:1fr 1fr;
  position:relative;overflow:hidden;padding:70px clamp(30px,7vw,105px);gap:80px;align-items:center
}
.story-section:before{content:"";position:absolute;width:520px;height:520px;border:80px solid rgba(243,181,28,.14);border-radius:50%;right:-190px;top:-250px}
.story-arch{height:545px;border-radius:260px 260px 12px 12px;overflow:hidden;border:10px solid var(--sun);box-shadow:22px 22px 0 var(--coral);position:relative;z-index:2}
.story-arch img{height:100%;width:100%;object-fit:cover;object-position:center 55%}
.story-copy{position:relative;z-index:2;max-width:650px}
.story-copy p:not(.eyebrow):not(.script-line){font-size:18px;line-height:1.75;color:#f5eadb}
.script-line{font:700 34px/1.15 var(--script);color:#ffd86c;margin:29px 0 0}
.story-agave{position:absolute;width:185px;right:2%;bottom:-30px;z-index:3;transform:rotate(4deg)}

.mural-break{background:var(--paper);padding:90px clamp(25px,5vw,75px) 0;display:grid;grid-template-columns:.56fr 1.44fr;gap:35px;align-items:end;overflow:hidden}
.mural-copy{padding-bottom:74px;align-self:center}
.mural-copy p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:440px}
.mural-break>img{width:100%;align-self:end;filter:drop-shadow(0 16px 16px rgba(47,24,11,.09))}

.gallery-section{position:relative;padding:110px clamp(20px,5vw,74px) 130px;background:#f0a826;overflow:hidden}
.gallery-head{max-width:1400px;margin:0 auto 48px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.gallery-head>p{font-size:17px;line-height:1.65;max-width:520px}
.gallery-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:280px 280px;gap:14px}
.gallery-grid figure{margin:0;overflow:hidden;background:#ddd;border:7px solid var(--paper);box-shadow:7px 7px 0 rgba(117,55,20,.14)}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}
.gallery-grid figure:hover img{transform:scale(1.025)}
.g1{grid-row:1/3}.g2{grid-column:2/4}.g5{grid-column:2/4}
.gallery-flower{position:absolute;width:220px;right:-48px;bottom:-36px;transform:rotate(4deg);pointer-events:none}

.order-banner{position:relative;overflow:hidden;background:var(--coral);color:white;padding:74px clamp(26px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:40px}
.order-banner h2{font-size:clamp(40px,4.7vw,70px);max-width:900px;position:relative;z-index:2}
.order-banner>div:not(.order-pattern),.order-banner>a{position:relative;z-index:2}
.order-pattern{position:absolute;inset:0;opacity:.13;background:
  radial-gradient(circle at 12px 12px,var(--paper) 3px,transparent 4px) 0 0/42px 42px,
  linear-gradient(45deg,transparent 45%,var(--paper) 46% 54%,transparent 55%) 0 0/84px 84px}

.visit-section{display:grid;grid-template-columns:1.12fr .88fr;min-height:650px;background:var(--paper)}
.visit-photo{min-height:650px;position:relative;overflow:hidden}
.visit-photo:after{content:"";position:absolute;inset:0;border:20px solid var(--paper);pointer-events:none}
.visit-photo img{height:100%;width:100%;object-fit:cover;object-position:center 48%}
.visit-copy{padding:85px clamp(26px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.visit-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:530px}
.visit-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 31px}
.visit-copy dl div{border-top:4px solid var(--sun);padding-top:12px}
.visit-copy dt{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-weight:800}
.visit-copy dd{margin:7px 0 0;font-size:17px;line-height:1.5}

.site-footer{position:relative;background:var(--brown);color:white;padding-top:130px;overflow:hidden}
.footer-village{position:absolute;left:50%;transform:translateX(-50%);top:-2px;width:min(1100px,96%);opacity:.97;pointer-events:none}
.footer-inner{position:relative;z-index:2;background:linear-gradient(0deg,var(--brown) 78%,rgba(58,33,24,.96));padding:90px clamp(25px,6vw,90px) 28px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:35px;align-items:center}
.footer-brand{display:flex;align-items:center;gap:18px}
.footer-brand img{width:135px;height:90px;object-fit:contain}
.footer-brand p{font-family:var(--serif);font-size:19px;max-width:245px}
.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
.footer-order{font-weight:800;color:#ffd66d}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;color:#d6c5ba;font-size:12px}

@media(max-width:1080px){
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:550px;padding-top:75px}.hero-art{min-height:650px}
  .hero-flower{width:280px}.food-section{grid-template-columns:1fr}.food-heading{position:static}
  .story-section{grid-template-columns:1fr}.story-arch{max-width:680px;width:100%;justify-self:center}
  .mural-break{grid-template-columns:1fr}.mural-copy{padding-bottom:10px}.gallery-head{grid-template-columns:1fr}
  .visit-section{grid-template-columns:1fr}.visit-photo{min-height:520px}.footer-inner{grid-template-columns:1fr 1fr}.footer-order{justify-self:end}
}
@media(max-width:820px){
  .site-header{height:86px;padding:0 17px}.brand img{width:126px;height:78px}.menu-toggle{display:block}
  .site-nav{display:none;position:absolute;top:76px;right:17px;min-width:220px;background:var(--paper);padding:18px;box-shadow:0 18px 45px rgba(47,24,12,.18);flex-direction:column;align-items:stretch;border-radius:4px}
  .site-nav.open{display:flex}.order-link{text-align:center}
  .hero-copy{min-height:525px;padding:65px 24px}.hero-art{min-height:560px}.hero-building{width:94%}.hero-flower{width:220px;right:-55px}
  .food-section{padding:82px 20px 105px}.food-showcase{grid-template-columns:1fr}.dish,.dish-tall{height:430px;grid-row:auto}
  .food-cactus{display:none}.story-section{padding:70px 22px}.story-arch{height:470px}.story-agave{width:145px;right:-35px}
  .mural-break{padding:70px 20px 0}.gallery-section{padding:78px 12px 105px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 280px 280px}
  .g1{grid-column:1/3;grid-row:auto}.g2,.g5{grid-column:auto}.gallery-flower{width:160px}
  .order-banner{align-items:flex-start;flex-direction:column;padding:60px 24px}.visit-copy{padding:70px 24px}.footer-inner{grid-template-columns:1fr}.footer-order{justify-self:start}.footer-bottom{grid-column:1}
}
@media(max-width:520px){
  .hero h1{font-size:57px}.lede{font-size:16px}.hero-actions .btn,.visit-actions .btn{width:100%}.hand-note{font-size:27px}
  .hero-art{min-height:480px}.sun-disc{width:310px;height:310px;top:45px;right:-35px}.hero-building{width:105%}.hero-flower{width:180px;top:-30px}
  .floral-divider{height:70px}.floral-divider img{height:55px;width:118%}
  .dish,.dish-tall{height:360px}.story-arch{height:405px;border-width:7px;box-shadow:13px 13px 0 var(--coral)}
  .story-copy p:not(.eyebrow):not(.script-line){font-size:16px}.mural-break{padding-top:62px}.mural-break>img{width:125%;max-width:none;margin-left:-13%}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,330px)}.g1,.g2,.g3,.g4,.g5{grid-column:auto;grid-row:auto}.gallery-flower{display:none}
  .visit-copy dl{grid-template-columns:1fr}.visit-photo{min-height:390px}.visit-photo:after{border-width:10px}
  .footer-village{width:150%;max-width:none}.footer-brand{flex-direction:column;align-items:flex-start}
}

/* v8 language toggle + footer artwork visibility */
.lang-toggle{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;letter-spacing:.08em;white-space:nowrap}
.lang-btn{border:0;background:transparent;color:var(--brown);padding:6px 3px;cursor:pointer;font:inherit;opacity:.5}
.lang-btn.active{opacity:1;color:var(--red);text-decoration:underline;text-underline-offset:4px}
.hero-main{color:var(--brown)!important}.hero-accent{color:var(--red)!important}
.site-footer{padding-top:390px}
.footer-village{top:24px;width:min(1320px,98%);height:350px;object-fit:contain;object-position:center bottom}
.footer-inner{padding-top:55px}
@media(max-width:1080px){.site-footer{padding-top:330px}.footer-village{height:300px}}
@media(max-width:820px){.lang-toggle{justify-content:center;margin:4px 0 8px}.site-footer{padding-top:280px}.footer-village{height:255px;width:120%;max-width:none}}
@media(max-width:520px){.site-footer{padding-top:220px}.footer-village{height:200px;width:145%;max-width:none;top:12px}}


/* V9 refinements */
.lang-toggle{
  display:flex;align-items:center;gap:7px;margin-left:4px;font-size:12px;font-weight:800;
  color:var(--teal-deep);white-space:nowrap
}
.lang-btn{
  border:0;background:transparent;color:inherit;padding:3px 1px;cursor:pointer;font:inherit;opacity:.45
}
.lang-btn.active{opacity:1;text-decoration:underline;text-underline-offset:4px}

.visual-break{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  padding:68px clamp(22px,5vw,72px) 0!important;
  min-height:430px;
  background:var(--paper);
}
.visual-break > img{
  width:min(1180px,92vw)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  align-self:flex-end!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 16px rgba(47,24,11,.08));
}

.site-footer{
  padding-top:0!important;
}
.footer-village{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:block!important;
  width:min(1180px,96vw)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  opacity:1!important;
}
.footer-inner{
  margin-top:-2px;
  padding-top:56px!important;
}

@media(max-width:820px){
  .lang-toggle{justify-content:center;margin:4px 0 0}
  .visual-break{min-height:300px;padding-top:48px!important}
  .visual-break > img{width:112%!important;max-width:none!important}
}
@media(max-width:520px){
  .visual-break{min-height:240px;padding-top:34px!important}
  .visual-break > img{width:128%!important}
  .footer-village{width:138%!important;max-width:none!important;margin-left:-19%!important}
}


/* V12 Reviews */
.reviews-section{
  position:relative;
  padding:110px clamp(22px,5vw,78px) 120px;
  background:var(--cream);
  overflow:hidden;
}
.reviews-section:before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  border-radius:50%;
  background:rgba(243,181,28,.18);
  right:-120px;top:-120px;
}
.reviews-heading{
  max-width:760px;
  margin:0 auto 48px;
  text-align:center;
  position:relative;
  z-index:2;
}
.reviews-heading h2{
  font-family:var(--serif);
  letter-spacing:-.045em;
  line-height:.95;
  margin:0;
  font-size:clamp(48px,5.2vw,78px);
}
.reviews-heading>p:not(.eyebrow){
  font-size:17px;
  line-height:1.65;
  margin:20px auto 0;
  max-width:580px;
}
.reviews-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  position:relative;
  z-index:2;
}
.review-card{
  background:var(--paper);
  border:2px solid rgba(58,33,24,.10);
  border-radius:18px 4px 18px 4px;
  padding:30px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:10px 10px 0 rgba(14,89,98,.08);
}
.review-card.featured{
  background:#fff1c7;
  transform:translateY(-10px);
  box-shadow:10px 10px 0 rgba(189,52,39,.11);
}
.review-stars{
  letter-spacing:.14em;
  color:#e7a214;
  font-size:22px;
  margin-bottom:18px;
}
.review-text{
  font-family:var(--serif);
  font-size:24px;
  line-height:1.35;
  margin:0 0 30px;
}
.review-meta{
  display:flex;
  align-items:center;
  gap:12px;
}
.review-avatar{
  width:42px;height:42px;
  border-radius:50%;
  background:var(--teal-deep);
  color:white;
  display:grid;
  place-items:center;
  font-weight:800;
}
.review-meta strong{display:block;font-size:14px}
.review-meta small{display:block;color:#7d675d;font-size:12px;margin-top:2px}
.reviews-cta{
  text-align:center;
  margin-top:38px;
  position:relative;
  z-index:2;
}

/* Footer illustration swap */
.footer-village{
  width:min(1180px,96vw)!important;
  max-width:1180px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

@media(max-width:900px){
  .reviews-grid{grid-template-columns:1fr}
  .review-card.featured{transform:none}
}


/* V14 gallery lightbox */
.gallery-grid figure{position:relative}
.gallery-open{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.gallery-open img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gallery-open:focus-visible{
  outline:4px solid var(--teal-deep);
  outline-offset:-4px;
}
.gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
}
.gallery-lightbox.open{display:block}
.lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,10,7,.88);
  backdrop-filter:blur(4px);
}
.lightbox-dialog{
  position:relative;
  z-index:2;
  width:min(92vw,1400px);
  height:min(88vh,980px);
  margin:6vh auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lightbox-dialog img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  background:#111;
}
.lightbox-close{
  position:absolute;
  top:-8px;
  right:0;
  z-index:4;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:var(--paper);
  color:var(--ink);
  font-size:34px;
  line-height:1;
  cursor:pointer;
}
.lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:52px;
  height:72px;
  border:0;
  border-radius:8px;
  background:rgba(255,249,236,.94);
  color:var(--ink);
  font-size:44px;
  line-height:1;
  cursor:pointer;
}
.lightbox-prev{left:-12px}
.lightbox-next{right:-12px}
body.lightbox-open{overflow:hidden}

@media(max-width:700px){
  .lightbox-dialog{width:100vw;height:86vh;margin:7vh auto;padding:0 12px}
  .lightbox-close{top:10px;right:14px}
  .lightbox-nav{width:44px;height:60px;font-size:36px}
  .lightbox-prev{left:8px}
  .lightbox-next{right:8px}
}