/* =========================================================
   CAFE — page-specific layout only (menu grid, hero photo treatment).
   Colors now come entirely from css/light.css's dark matte layer.
   ========================================================= */
/* Root/nav-on-dark-hero/preloader rules now come from css/light.css
   (this page loads tokens.css -> style.css -> light.css -> cafe.css) */

/* ---------- Hero copy stays light over the video ---------- */
.phero--photo::after{background:linear-gradient(180deg,
  rgba(20,14,8,.5) 0%,rgba(20,14,8,.1) 24%,rgba(20,14,8,.18) 62%,var(--bg) 100%)}
.phero--photo .phero-inner h1,.phero--photo .phero-inner .display{color:#FBF7F0}
.phero--photo .phero-inner .lede{color:rgba(251,247,240,.86)}
.phero--photo .phero-inner .eyebrow{color:var(--accent-2)}
.phero-tag{color:var(--accent-2)!important}

/* ---------- Menu (downsized, clean) ---------- */
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px}
.menu-block h3{font-family:var(--font-serif);text-transform:none;font-weight:600;font-size:1.15rem;color:var(--accent);
  margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.menu-block h3 span{font-family:var(--font-display);font-size:.64rem;letter-spacing:.16em;color:var(--muted-2);text-transform:uppercase}
.menu-item{display:flex;justify-content:space-between;gap:16px;padding:10px 0;align-items:baseline}
.menu-item .mi-name{font-family:var(--font-serif);font-size:.95rem;font-weight:500}
.menu-item .mi-name em{font-style:normal;color:var(--muted-2);font-size:.72rem;font-family:var(--font-body);margin-left:8px;text-transform:uppercase;letter-spacing:.08em}
.menu-item .mi-dots{flex:1;border-bottom:1px dotted var(--line-2);margin:0 4px;transform:translateY(-4px)}
.menu-item .mi-price{font-family:var(--font-display);font-weight:600;color:var(--accent)}
.tag-veg{color:#5C8A4E}.tag-hot{color:var(--cafe)}

/* headings clean */
.shead h2,.h-xxl,.h-xl{font-family:var(--font-serif);text-transform:none;font-weight:600;letter-spacing:-.02em}

/* ---------- Footer watermark visible on dark ---------- */
.footer-watermark{color:rgba(229,228,226,.03)}

@media(max-width:760px){.menu-grid{grid-template-columns:1fr;gap:30px}}