@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");

:root {
  --background: 42 48% 94%;
  --foreground: 104 18% 20%;
  --border: 32 24% 83%;
  --primary: 105 17% 37%;
  --primary-foreground: 42 48% 96%;
  --secondary: 15 45% 52%;
  --muted: 38 29% 88%;
  --muted-foreground: 96 9% 43%;
  --accent: 350 36% 81%;
  --app-font-sans: "DM Sans", sans-serif;
  --app-font-serif: "Fraunces", Georgia, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--app-font-sans); -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
::selection { background: #d7a9a5; color: #293326; }
[hidden] { display: none !important; }
.page-shell { overflow: hidden; }

.site-header { position: sticky; top: 0; z-index: 30; background: rgba(245,239,225,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(82,91,68,.13); }
.header-inner { width: min(1220px, calc(100% - 48px)); min-height: 78px; margin: auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand-lockup { display:flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0; }
.brand-lockup img { width:53px; height:53px; object-fit:contain; border-radius:50%; }
.brand-lockup span { font: 600 19px/1 var(--app-font-serif); letter-spacing:-.04em; color:#47533c; }
.desktop-nav { display:flex; align-items:center; gap:clamp(15px,2.3vw,34px); }
.desktop-nav a,.mobile-nav a { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; color:#59634e; transition:color .2s; }
.desktop-nav a:hover,.mobile-nav a:hover { color:#b35e46; }
.nav-contact { color:#fff !important; border-radius:100px; background:#a95842; padding:13px 19px; transition:transform .2s,background .2s !important; }
.nav-contact:hover { background:#854431; transform:translateY(-2px); }
.menu-toggle { display:none; border:1px solid #b8b8a4; border-radius:50%; width:44px;height:44px;background:transparent;color:#47533c; cursor:pointer; align-items:center;justify-content:center; }
.menu-toggle .icon-close { display:none; }
.menu-toggle[aria-expanded="true"] .icon-menu { display:none; }
.menu-toggle[aria-expanded="true"] .icon-close { display:block; }
.mobile-nav { display:none; }

.hero { position:relative; min-height:700px; background:#59654d; color:#fff8e9; display:grid; align-items:center; }
.hero-photo { position:absolute; inset:0; background:linear-gradient(90deg,rgba(35,43,32,.88) 0%,rgba(41,48,36,.68) 47%,rgba(48,48,36,.10) 100%),url("assets/images/tacos-al-pastor.jpg") center 52%/cover; }
.hero::after { position:absolute;content:"";inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"); }
.hero-content { position:relative;z-index:1; width:min(1220px,calc(100% - 48px)); margin:0 auto; padding:84px 0 112px; }
.hero-kicker,.eyebrow { display:flex; align-items:center; gap:11px; color:#d8b3a1; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.hero-kicker::before,.eyebrow::before { content:"";width:31px;height:1px;background:currentColor; }
.hero h1 { max-width:700px; margin:25px 0 20px; font:500 clamp(58px,9.5vw,126px)/.94 var(--app-font-serif); letter-spacing:-.065em; }
.hero h1 em { color:#e1b2a2;font-weight:500; }
.hero-copy { max-width:465px; font-size:16px;line-height:1.8;color:rgba(255,248,233,.82); }
.hero-actions { display:flex;align-items:center;gap:15px;margin-top:34px;flex-wrap:wrap; }
.button-primary,.button-ghost { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:100px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s,background .22s; }
.button-primary { background:#b8664b;color:#fff8ec;border:1px solid #b8664b; }
.button-primary:hover { transform:translateY(-3px);background:#9d4f38; }
.button-ghost { color:#fff8ec;border:1px solid rgba(255,248,233,.48); }
.button-ghost:hover { transform:translateY(-3px);background:rgba(255,255,255,.12); }
.hero-brand { position:absolute;z-index:1;right:max(5vw,calc((100vw - 1220px)/2));bottom:38px;width:145px;padding:10px;border-radius:50%;background:#f4ead6;box-shadow:0 12px 35px #1c241c66;transform:rotate(5deg); }
.hero-brand img { display:block;width:100%;height:auto;border-radius:50%; }
.hero-note { position:absolute;z-index:1;right:max(5vw,calc((100vw - 1220px)/2));top:50%;transform:translateY(-50%) rotate(4deg);font:500 19px var(--app-font-serif);color:#fff8eb;writing-mode:vertical-rl;letter-spacing:.08em; }
.intro-strip { background:#d9dfce;color:#4b5842;padding:19px 20px;text-align:center;font:500 16px var(--app-font-serif);letter-spacing:.02em; }

.section { padding:112px 24px; }
.section-inner { width:min(1160px,100%);margin:auto; }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:44px; }
.section-heading h2 { margin:12px 0 0;font:500 clamp(43px,6vw,74px)/.98 var(--app-font-serif);letter-spacing:-.055em;color:#394434; }
.section-heading p { max-width:390px;margin:0 0 6px;font-size:14px;line-height:1.8;color:#6d705f; }
.eyebrow { color:#a95842; }
.menu-section { background:#f4efe2; }
.menu-intro { display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px; }
.menu-tabs { display:flex;gap:7px;flex-wrap:wrap; }
.menu-tabs a { text-decoration:none;color:#59634e;border:1px solid #c5c5ae;padding:10px 15px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .2s; }
.menu-tabs a:hover { background:#536047;color:#f4efe2;border-color:#536047; }
.menu-columns { display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start; }
.menu-card { background:#fbf8ef;border:1px solid #e1dac8;border-radius:18px;padding:30px 32px 25px;scroll-margin-top:100px; }
.menu-card-head { display:flex;align-items:center;gap:14px;margin-bottom:19px; }
.menu-symbol { width:44px;height:44px;border-radius:50%;background:#e4e8da;color:#56634a;display:grid;place-items:center;flex:0 0 auto; }
.menu-symbol span { font:600 12px var(--app-font-sans); }
.menu-card h3 { margin:0;font:500 29px var(--app-font-serif);letter-spacing:-.04em; }
.menu-card .small-note { margin:2px 0 0;color:#81816d;font-size:11px;letter-spacing:.04em; }
.menu-description { margin:7px 0 0;color:#727367;font-size:12px;line-height:1.5; }
.small-note { color:#81816d;font-size:11px;letter-spacing:.04em; }
.menu-list { list-style:none;margin:0;padding:0; }
.menu-item { display:flex;align-items:baseline;gap:11px;padding:10px 0;border-bottom:1px dashed #ded7c7;font-size:14px; }
.menu-item:last-child { border:0; }
.menu-item-name { white-space:nowrap; }
.menu-dots { flex:1;border-bottom:1px dotted #bdb9a8;transform:translateY(-3px); }
.menu-price { white-space:nowrap;color:#a95842;font-weight:700;font-variant-numeric:tabular-nums; }

.combo-section { background:#657256; color:#f8f0df;position:relative; }
.combo-section::before { content:"";position:absolute;inset:0;opacity:.15;background:radial-gradient(ellipse at 90% 15%,#d3c3a3 0 1px,transparent 2px);background-size:25px 25px;pointer-events:none; }
.combo-section .section-inner { position:relative; }
.combo-section .section-heading h2 { color:#f7efdf; }
.combo-section .eyebrow { color:#e5b4a0; }
.combo-section .section-heading p { color:#e2e4d7; }
.combo-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.combo-card { min-height:250px;padding:23px 21px 20px;border:1px solid rgba(249,239,220,.29);border-radius:16px;background:rgba(242,237,220,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,background .25s; }
.combo-card:hover { transform:translateY(-5px);background:rgba(242,237,220,.15); }
.combo-index { font:500 13px var(--app-font-serif);color:#e3b5a2;letter-spacing:.1em; }
.combo-card h3 { max-width:225px;margin:25px 0 20px;font:500 22px/1.17 var(--app-font-serif);letter-spacing:-.025em; }
.combo-price { display:flex;align-items:baseline;gap:7px;color:#fff4df;font:600 36px var(--app-font-serif); }
.combo-price small { font:600 10px var(--app-font-sans);letter-spacing:.12em;text-transform:uppercase; }
.combo-foot { margin-top:24px;color:#d6ddca;font-size:12px; }

.gallery-section { padding:0 24px 110px;background:#f4efe2; }
.gallery { display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:260px 260px;gap:14px; }
.gallery figure { margin:0;position:relative;overflow:hidden;border-radius:18px;background:#d2d0bd; }
.gallery figure:first-child { grid-row:1/3; }
.gallery img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s; }
.gallery figure:hover img { transform:scale(1.04); }
.gallery figcaption { position:absolute;left:17px;bottom:16px;padding:9px 13px;border-radius:30px;background:rgba(247,241,226,.92);color:#47523f;font:500 15px var(--app-font-serif); }
.photo-credits { margin:14px auto 0;color:#777568;font-size:11px;line-height:1.7; }
.photo-credits a,.map-credit a { color:#536047;text-decoration:underline;text-underline-offset:2px; }

.story-section { background:#ead9d2; }
.story-layout { display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(40px,9vw,130px);align-items:center; }
.story-mark { position:relative;display:grid;place-items:center;min-height:420px;background:#c4ccba;border-radius:48% 48% 12px 12px;overflow:hidden; }
.story-mark img { width:min(77%,360px);height:auto;border-radius:50%;box-shadow:0 13px 35px #404f3630; }
.story-ornament { position:absolute;top:30px;left:28px;color:#a95842;font:italic 15px var(--app-font-serif);transform:rotate(-8deg); }
.story-copy h2 { margin:15px 0 24px;font:500 clamp(45px,6vw,70px)/.98 var(--app-font-serif);letter-spacing:-.055em;color:#394434; }
.story-copy p { max-width:520px;font-size:15px;line-height:1.9;color:#616452; }
.story-signoff { margin-top:27px;color:#9d5946;font:italic 22px var(--app-font-serif); }

.location-section { background:#f4efe2; }
.location-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:stretch; }
.location-copy { padding:22px 0; }
.location-copy h2 { max-width:440px;margin:13px 0 22px;font:500 clamp(43px,6vw,67px)/.98 var(--app-font-serif);letter-spacing:-.055em; }
.location-copy p { max-width:370px;font-size:15px;line-height:1.8;color:#6a6f5d; }
.location-pin { display:flex;gap:13px;align-items:flex-start;margin:28px 0 25px;color:#536047; }
.location-pin svg { color:#aa5b43;flex:0 0 auto;margin-top:2px; }
.location-pin strong { font-size:14px;line-height:1.7; }
.map-frame { min-height:390px;border-radius:18px;overflow:hidden;border:1px solid #ded9c9;background:#e0e2d5;position:relative; }
.map-frame iframe { width:100%;height:100%;min-height:390px;display:block;border:0;filter:saturate(.65) sepia(.12); }
.map-label { position:absolute;left:14px;top:14px;padding:9px 13px;border-radius:9px;background:#f7f1e4;color:#536047;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 12px #343a2830;pointer-events:none; }
.map-credit { grid-column:2;color:#777568;font-size:11px;line-height:1.6;margin:-30px 0 0; }

.contact-section { background:#d8dfcd; }
.contact-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,110px); }
.contact-copy h2 { margin:13px 0 20px;font:500 clamp(43px,6vw,70px)/.98 var(--app-font-serif);letter-spacing:-.055em;color:#394434; }
.contact-copy p { max-width:370px;color:#636b58;line-height:1.8;font-size:14px; }
.contact-form { background:#f7f2e6;padding:31px;border-radius:18px;border:1px solid #c6cbb9; }
.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.field { display:flex;flex-direction:column;gap:8px;margin-bottom:18px; }
.field label { color:#48523f;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }
.field input,.field textarea { width:100%;border:1px solid #d5d0bf;border-radius:9px;background:#fcfaf3;padding:14px 15px;color:#364033;outline:0;transition:border .2s,box-shadow .2s; }
.field input:focus,.field textarea:focus { border-color:#9b614d;box-shadow:0 0 0 3px rgba(169,88,66,.12); }
.field textarea { resize:vertical;min-height:125px; }
.form-submit { min-height:50px;border:0;cursor:pointer; }
.form-hint { margin:13px 0 0;color:#7b7c6a;font-size:11px;line-height:1.6; }
.form-confirmation { display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 15px;border-radius:9px;background:#e1e8d9;color:#46553d;font-size:13px;line-height:1.55; }
.form-confirmation svg { flex:0 0 auto;margin-top:2px; }

.site-footer { background:#3f4a39;color:#f0ead9;padding:37px 24px; }
.footer-inner { width:min(1160px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.footer-brand { display:flex;align-items:center;gap:12px;text-decoration:none; }
.footer-brand img { width:54px;height:54px;border-radius:50%;object-fit:contain;background:#f4ead6; }
.footer-brand strong { display:block;font:500 19px var(--app-font-serif); }
.footer-brand span { display:block;margin-top:3px;color:#c8cbb9;font-size:11px; }
.footer-links { display:flex;gap:20px;flex-wrap:wrap; }
.footer-links a { color:#e6e2d4;text-decoration:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase; }
.footer-links a:hover { color:#e5b4a0; }
.footer-copy { color:#bfc4b1;font-size:11px; }
.fade-in { animation:rise-in .75s both; }
.fade-in.delay { animation-delay:.15s; }
@keyframes rise-in { from { opacity:0;transform:translateY(16px); } to { opacity:1;transform:translateY(0); } }
:focus-visible { outline:3px solid #bc755b;outline-offset:3px; }

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important; }
}
@media (max-width:900px) {
  .desktop-nav { gap:15px; }.desktop-nav a {font-size:10px;}.header-inner {width:calc(100% - 32px);}
  .combo-grid {grid-template-columns:repeat(2,1fr);}
  .section {padding:84px 22px;}
}
@media (max-width:700px) {
  html {scroll-padding-top:76px;}
  .header-inner {min-height:70px;width:calc(100% - 30px);}
  .brand-lockup img {width:46px;height:46px;}.brand-lockup span {font-size:17px;}
  .desktop-nav {display:none;}.menu-toggle {display:flex;}
  .mobile-nav:not([hidden]) {display:grid;gap:0;padding:4px 20px 18px;background:#f5efe1;border-top:1px solid #e3dccd;}
  .mobile-nav a {padding:13px 3px;border-bottom:1px solid #e3dccd;}
  .mobile-nav a:last-child {border:0;color:#a95842;}
  .hero {min-height:670px;align-items:end;}
  .hero-photo {background:linear-gradient(0deg,rgba(34,42,31,.92) 0%,rgba(38,45,35,.70) 48%,rgba(48,48,36,.04) 100%),url("assets/images/tacos-al-pastor.jpg") 56% center/cover;}
  .hero-content {width:calc(100% - 40px);padding:145px 0 105px;}
  .hero h1 {font-size:clamp(58px,17vw,96px);margin:20px 0;}
  .hero-copy {font-size:14px;max-width:370px;}
  .hero-note {display:none;}
  .hero-brand {width:94px;right:19px;bottom:18px;}
  .intro-strip {font-size:14px;line-height:1.5;padding:16px;}
  .section {padding:72px 19px;}
  .section-heading,.menu-intro {display:block;margin-bottom:31px;}
  .section-heading p {margin-top:17px;}
  .menu-tabs {margin-top:20px;gap:7px;}
  .menu-tabs a {padding:9px 12px;font-size:10px;}
  .menu-columns {grid-template-columns:1fr;gap:14px;}
  .menu-card {padding:23px 20px 18px;}
  .menu-card h3 {font-size:26px;}
  .menu-item {font-size:13px;}
  .combo-grid {grid-template-columns:1fr 1fr;gap:9px;}
  .combo-card {min-height:215px;padding:18px 15px;}
  .combo-card h3 {font-size:19px;margin:18px 0;}
  .combo-price {font-size:31px;}
  .gallery-section {padding:0 19px 72px;}
  .gallery {grid-template-columns:1fr 1fr;grid-template-rows:220px 160px;gap:9px;}
  .gallery figure:first-child {grid-column:1/-1;grid-row:auto;}
  .gallery figcaption {left:10px;bottom:10px;padding:7px 10px;font-size:13px;}
  .story-layout,.location-layout,.contact-layout {grid-template-columns:1fr;gap:30px;}
  .story-mark {min-height:320px;border-radius:43% 43% 12px 12px;}
  .story-mark img {width:min(65%,260px);}
  .story-copy h2 {font-size:54px;}
  .location-layout {gap:20px;}
  .map-frame,.map-frame iframe {min-height:320px;}
  .map-credit {grid-column:auto;margin:-8px 0 0;}
  .contact-form {padding:22px 18px;}
  .field-grid {grid-template-columns:1fr;gap:0;}
  .footer-inner {align-items:flex-start;flex-direction:column;}
  .footer-links {gap:14px;}
}