:root {
  --green: #415b16;
  --deep: #050604;
  --leaf: #749827;
  --orange: #f18a00;
  --cream: #11120e;
  --paper: #090a08;
  --ink: #f2e8d7;
  --muted: #b6ada0;
  --line: rgba(241, 138, 0, .26);
  --radius: 14px;
}

body {
  background-color: var(--paper);
  background-image: radial-gradient(circle at 14% 10%, rgba(241,138,0,.08), transparent 27%), radial-gradient(circle at 88% 34%, rgba(93,128,28,.09), transparent 24%);
}

.site-header {
  background: rgba(5,6,4,.94);
  border-bottom-color: rgba(241,138,0,.26);
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

.brand-mark {
  border-color: var(--orange);
  border-radius: 8px;
  color: var(--orange);
  box-shadow: inset 0 0 0 2px rgba(241,138,0,.08);
}

.brand-logo { width: 92px; height: 62px; display: block; object-fit: contain; }
.footer-brand .brand-logo { width: 116px; height: 82px; }

.button {
  color: #100b03;
  background: var(--orange);
  box-shadow: 0 10px 28px rgba(241,138,0,.2);
}

.button:hover { background: #ff9d19; }

.hero { background: linear-gradient(135deg,#050604 0%,#11120e 72%,#191308 100%); }
.hero-copy { position: relative; }
.hero-copy::before {
  content: "";
  position: absolute;
  width: 190px;
  height: 4px;
  left: clamp(30px,7vw,108px);
  top: 74px;
  background: linear-gradient(90deg,var(--orange),transparent);
  transform: rotate(-2deg);
}
.hero h1 span { color: var(--orange); }
.hero-lead { color: var(--muted); }
.trust-row { color: #b8d35d; }
.chicken-assurance {
  margin-top: 18px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border: 1px solid rgba(241,138,0,.58);
  border-radius: 999px;
  color: #fff3df;
  background: rgba(241,138,0,.1);
  letter-spacing: .02em;
}
.chicken-assurance span { color: var(--orange); }
.hero-visual { border-left: 2px solid var(--orange); }
.hero-card {
  background: rgba(5,6,4,.92);
  color: var(--ink);
  border: 1px solid rgba(241,138,0,.55);
  box-shadow: 0 18px 45px rgba(0,0,0,.5);
}

.marquee { background: var(--orange); color: #110b02; }
.marquee span { color: #5c120b; }
.filter { background: #11120e; }
.filter.active, .filter:hover { background: var(--orange); border-color: var(--orange); color: #120c03; }
.menu-card { background: rgba(17,18,14,.38); }
.menu-card:nth-child(odd) { background: rgba(24,20,12,.34); }
.menu-card:hover { background: #17150f; box-shadow: inset 4px 0 0 var(--orange); }
.menu-number { color: #8e816f; }
.price strong { color: var(--orange); }
.menu-cta {
  background: #14130e;
  border: 1px solid var(--line);
  box-shadow: 0 18px 50px rgba(0,0,0,.3);
}

.story { background: #0e0d09; }
.story-image { border-right: 2px solid var(--orange); }
.values, .values > div { border-color: rgba(241,138,0,.25); }
.catering {
  background: linear-gradient(130deg,#2d3e10,#0a0c06);
  border-top: 2px solid var(--orange);
  border-bottom: 2px solid var(--orange);
}
.button-light { background: var(--orange); color: #130d03; }
.button-light:hover { background: #ff9d19; }
.final-cta { background: radial-gradient(circle at center,rgba(241,138,0,.12),transparent 45%),#080907; }
footer { border-top: 1px solid rgba(241,138,0,.35); }

.slider .slides, .slider .slide { position: absolute; inset: 0; }
.slider .slide { margin: 0; opacity: 0; visibility: hidden; transform: scale(1.035); transition: opacity .65s ease, transform 1.1s ease, visibility .65s; }
.slider .slide.active { opacity: 1; visibility: visible; transform: scale(1); }
.slider .slide img { width: 100%; height: 100%; object-fit: cover; }
.slider .poster-crop { overflow: hidden; }
.slider .poster-crop img { max-width: none; }
.slider .bun-kebab-crop img { transform: scale(1.75); transform-origin: 62% 61%; object-position: 62% 61%; }
.slider .beef-burger-crop img { transform: scale(1.65); transform-origin: 60% 63%; object-position: 60% 63%; }
.slider-controls { position: absolute; z-index: 4; right: 26px; bottom: 38px; display: flex; align-items: center; gap: 12px; }
.slider-arrow { width: 42px; height: 42px; border: 1px solid rgba(241,138,0,.7); border-radius: 50%; background: rgba(5,6,4,.82); color: var(--ink); cursor: pointer; font-size: 18px; transition: .2s; }
.slider-arrow:hover, .slider-arrow:focus-visible { background: var(--orange); color: #100b03; outline: none; transform: translateY(-2px); }
.slider-dots { display: flex; gap: 7px; }
.slider-dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.45); cursor: pointer; }
.slider-dot.active { width: 24px; border-radius: 999px; background: var(--orange); }

@media (max-width: 900px) {
  .hero-visual { border-left: 0; border-top: 2px solid var(--orange); }
  .story-image { border-right: 0; border-bottom: 2px solid var(--orange); }
}

@media (max-width: 560px) {
  .brand-logo { width: 74px; height: 52px; }
  .slider-controls { right: 18px; bottom: 150px; }
  .slider-arrow { width: 38px; height: 38px; }
  .slider .slide img { object-position: center; }
}