@theme inline {
  --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground);
  --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-border: var(--border);
  --font-sans: "Manrope", sans-serif; --font-display: "Cormorant Garamond", serif;
}
:root {
  --background: oklch(0.095 0.013 52); --foreground: oklch(0.94 0.026 82); --card: oklch(0.145 0.019 48); --card-foreground: oklch(0.95 0.024 82);
  --primary: oklch(0.73 0.13 78); --primary-foreground: oklch(0.13 0.018 50); --secondary: oklch(0.2 0.025 48); --muted: oklch(0.23 0.018 54);
  --muted-foreground: oklch(0.72 0.025 73); --accent: oklch(0.64 0.12 60); --accent-foreground: oklch(0.97 0.02 82); --border: oklch(0.37 0.045 61 / .55);
  --cream: oklch(0.93 0.035 82); --gold-soft: oklch(0.82 0.105 79); --brown-deep: oklch(0.115 0.02 45); --green: oklch(0.7 0.19 149);
  --shadow-gold: 0 24px 70px oklch(0.04 0.01 50 / .75), 0 0 35px oklch(0.65 0.11 72 / .13);
}
* { box-sizing: border-box; border-color: var(--border); }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.site-shell { min-height: 100vh; overflow: hidden; background: var(--background); }
.site-header { position: relative; z-index: 20; background: color-mix(in oklab, var(--brown-deep) 96%, transparent); border-bottom: 1px solid var(--border); }
.header-main { min-height: 112px; display: flex; align-items: center; justify-content: center; position: relative; }
.brand { display: flex; align-items: center; justify-content: center; gap: 14px; }
.brand img { width: 80px; height: 72px; object-fit: cover; object-position: center; mix-blend-mode: screen; }
.brand span { display: flex; flex-direction: column; text-align: center; }
.brand strong { font-family: var(--font-display); color: var(--gold-soft); font-size: 25px; font-weight: 600; letter-spacing: 3px; line-height: 1; }
.brand small { color: var(--cream); font-family: var(--font-display); font-size: 12px; margin-top: 7px; letter-spacing: 1px; }
.header-actions { position: absolute; right: 0; display: flex; align-items: center; gap: 14px; }
.social-links { display: flex; align-items: center; gap: 11px; }
.social { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: var(--accent-foreground); transition: transform .25s ease, box-shadow .25s ease; }
.social:hover { transform: translateY(-3px); box-shadow: 0 10px 25px oklch(0 0 0 / .35); }
.whatsapp { background: var(--green); }
.instagram { background: linear-gradient(145deg, oklch(0.62 .25 335), oklch(0.72 .19 42)); }
.menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--border); color: var(--gold-soft); background: var(--secondary); border-radius: 50%; cursor: pointer; }
.navigation { border-top: 1px solid var(--border); }
.nav-inner { min-height: 54px; display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 31px); overflow-x: auto; scrollbar-width: none; }
.nav-inner a { flex: 0 0 auto; color: var(--muted-foreground); font-size: 12px; text-transform: uppercase; position: relative; padding: 20px 0 17px; transition: color .2s; }
.nav-inner a:hover, .nav-inner a.active { color: var(--cream); }
.nav-inner a.active::after { content: ""; position: absolute; height: 2px; background: var(--primary); left: 0; right: 0; bottom: 9px; }
.hero { min-height: 680px; position: relative; isolation: isolate; display: grid; align-items: center; }
.hero-backdrop { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; opacity: .43; }
.hero-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, var(--background) 2%, color-mix(in oklab, var(--background) 85%, transparent) 41%, color-mix(in oklab, var(--background) 20%, transparent) 72%, var(--background) 118%); }
.hero-inner { display: grid; grid-template-columns: 1fr .9fr; gap: 70px; align-items: center; padding-block: 78px 100px; }
.hero-copy { animation: reveal .65s ease both; }
.eyebrow { color: var(--gold-soft); text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 4px; margin: 0 0 20px; }
h1 { font-family: var(--font-display); color: var(--cream); font-size: clamp(52px, 5.4vw, 79px); font-weight: 500; line-height: .98; letter-spacing: 0; max-width: 720px; margin: 0; }
.hero-description { max-width: 570px; margin: 25px 0 35px; color: var(--muted-foreground); font-size: 16px; line-height: 1.75; }
.gold-button { display: inline-flex; align-items: center; justify-content: center; min-height: 53px; padding: 0 28px; background: var(--primary); color: var(--primary-foreground); font-size: 12px; font-weight: 800; letter-spacing: 1.3px; border-radius: 3px; box-shadow: 0 14px 35px oklch(0 0 0 / .26); transition: transform .25s ease, filter .25s ease; }
.gold-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.hero-dish { position: relative; transform: perspective(900px) rotateY(-5deg) rotateX(2deg); filter: drop-shadow(var(--shadow-gold)); }
.hero-dish img { width: 100%; aspect-ratio: 1.18; object-fit: cover; border-radius: 7px; border: 1px solid color-mix(in oklab, var(--primary) 42%, transparent); }
.hero-dish span { position: absolute; left: 24px; bottom: 22px; padding: 13px 18px; background: color-mix(in oklab, var(--background) 84%, transparent); color: var(--cream); font-family: var(--font-display); font-size: 19px; line-height: 1.15; border-left: 2px solid var(--primary); backdrop-filter: blur(12px); }
.hero-dish strong { color: var(--gold-soft); font-weight: 500; }
.carousel-arrow { position: absolute; z-index: 3; top: 50%; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: var(--gold-soft); background: color-mix(in oklab, var(--background) 65%, transparent); border: 1px solid var(--border); cursor: pointer; transition: background .2s; }
.carousel-arrow:hover { background: var(--primary); color: var(--primary-foreground); }.previous{left:20px}.next{right:20px}
.pagination { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); display: flex; gap: 9px; }
.dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: var(--muted-foreground); opacity: .55; cursor: pointer; transition: all .2s; }.dot.active{width:26px;border-radius:8px;background:var(--primary);opacity:1}
.house-dishes { padding: 90px 0 110px; background: linear-gradient(180deg, var(--background), var(--brown-deep)); }
.section-heading span { color: var(--muted-foreground); font-size: 11px; text-transform: uppercase; letter-spacing: 4px; }
.section-heading h2 { margin: 8px 0 14px; font-family: var(--font-display); color: var(--gold-soft); font-weight: 500; font-size: clamp(38px, 5vw, 56px); letter-spacing: 1px; }
.section-heading i { display: block; width: 74px; height: 1px; background: var(--primary); margin-bottom: 42px; }
.dish-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.dish-card { display: grid; grid-template-columns: 44% 56%; min-height: 235px; overflow: hidden; background: color-mix(in oklab, var(--card) 91%, transparent); border: 1px solid var(--border); border-radius: 7px; transition: transform .3s ease, border-color .3s ease; }
.dish-card:hover { transform: translateY(-6px); border-color: var(--primary); }.dish-card>img{width:100%;height:100%;object-fit:cover;min-height:235px}
.dish-content { padding: 28px 22px; display: flex; flex-direction: column; align-items: flex-start; }
.dish-content h3 { font-family: var(--font-display); color: var(--cream); font-size: 28px; font-weight: 600; line-height: 1; margin: 0 0 14px; }
.dish-content p { color: var(--muted-foreground); font-size: 13px; line-height: 1.65; margin: 0 0 18px; }
.dish-content a { margin-top: auto; color: var(--gold-soft); display: flex; align-items: center; gap: 4px; text-transform: uppercase; font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.manifesto { padding: 100px 0; text-align: center; background: var(--primary); color: var(--primary-foreground); }
.manifesto p { font-size: 11px; font-weight: 800; letter-spacing: 4px; }.manifesto h2{font-family:var(--font-display);font-size:clamp(36px,5vw,62px);line-height:1.05;max-width:900px;margin:18px auto 0;font-weight:600}
.footer { padding: 54px 0; background: oklch(.075 .009 50); }.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand span{display:none}.footer p{color:var(--muted-foreground);text-transform:uppercase;font-size:11px;letter-spacing:3px}
@keyframes reveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important} }
@media (max-width: 1050px) { .dish-grid{grid-template-columns:1fr}.dish-card{grid-template-columns:35% 65%}.hero-inner{gap:40px}.nav-inner{justify-content:flex-start} }
@media (max-width: 720px) {
  .container{width:min(100% - 32px,1240px)}.header-main{min-height:88px;justify-content:flex-start}.brand{gap:8px}.brand img{width:62px;height:56px}.brand strong{font-size:19px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:.5px}.header-actions{right:0}.social{width:40px;height:40px}.menu-toggle{display:flex}.navigation{position:absolute;top:88px;left:0;right:0;background:var(--brown-deep);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .2s}.navigation.is-open{max-height:520px;opacity:1}.nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:12px}.nav-inner a{padding:12px 10px;border-bottom:1px solid var(--border)}.nav-inner a.active::after{bottom:5px;left:10px;right:auto;width:28px}
  .hero{min-height:756px;align-items:end;z-index:1}.hero-backdrop{opacity:.72;object-position:67% center}.hero-shade{background:linear-gradient(180deg,color-mix(in oklab,var(--background) 24%,transparent) 0%,color-mix(in oklab,var(--background) 63%,transparent) 42%,var(--background) 93%)}.hero-inner{display:block;padding:260px 6px 96px}.hero-copy{text-align:left}.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:15px}h1{font-size:clamp(44px,14vw,58px);max-width:590px}.hero-description{font-size:14px;line-height:1.65;margin:18px 0 27px}.gold-button{min-height:54px;width:100%;max-width:320px}.hero-dish{display:none}.carousel-arrow{top:43%;width:39px;height:39px}.previous{left:10px}.next{right:10px}.pagination{bottom:36px}
  .house-dishes{padding:64px 0 78px}.section-heading h2{font-size:43px}.section-heading i{margin-bottom:30px}.dish-card{grid-template-columns:42% 58%;min-height:220px}.dish-card>img{min-height:220px}.dish-content{padding:22px 17px}.dish-content h3{font-size:25px}.dish-content p{font-size:12px}.manifesto{padding:74px 0}.footer-inner{flex-direction:column}.footer .brand img{width:78px;height:70px}.footer p{margin:0}
}
@media (max-width: 410px){.brand span{display:none}.social-links{gap:8px}.dish-card{grid-template-columns:1fr}.dish-card>img{height:190px;min-height:190px}.dish-content{min-height:210px}.hero-inner{padding-top:235px}h1{font-size:43px}.hero-description{display:none}}