:root {
  --brand-red: #e50712;
  --brand-green: #1c3737;
  --brand-lime: #c1d85f;
  --brand-white: #ffffff;
  --brand-black: #000000;
}

body { font-family: "Wix Madefor Display", Manrope, sans-serif; color: var(--brand-black); }
.header { background: var(--brand-white); border-bottom: 2px solid var(--brand-black); }
.brand-logo { display: inline-flex; align-items: center; width: 8.8rem; }
.brand-logo img { display: block; width: 100%; height: auto; }
.nav a { color: var(--brand-black); font-weight: 700; }
.order-link, .button-dark { background: var(--brand-red); color: var(--brand-white); }
.hero { background: var(--brand-green); color: var(--brand-white); overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; background: url("assets/brand-pattern.png") center/cover; opacity: .21; mix-blend-mode: screen; pointer-events: none; }
.hero > * { position: relative; z-index: 1; }
.hero h1, .section h2 { font-family: "Wix Madefor Display", Manrope, sans-serif; font-weight: 800; letter-spacing: -.06em; }
.hero h1 em, .section h2 em { color: var(--brand-lime); }
.eyebrow span { background: var(--brand-red); }
.ticker { background: var(--brand-red); color: var(--brand-white); }
.menu { background: var(--brand-white); }
.section-heading .text-link, .text-link { color: var(--brand-red); }
.about { background: var(--brand-lime); color: var(--brand-black); }
.about .button-lime { background: var(--brand-black); color: var(--brand-white); }
.places { background: var(--brand-white); border-top: 2px solid var(--brand-black); }
.places .button-dark { background: var(--brand-red); }
footer { background: var(--brand-green); color: var(--brand-white); }
footer a { color: var(--brand-white); }
.modal-content { border: 3px solid var(--brand-black); border-radius: 0; }
@media (max-width: 700px) { .brand-logo { width: 6.7rem; } .hero::before { background-position: 60% center; } }