@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700;800;900&display=swap');

:root{
  --pink:#ff1595;
  --yellow:#ffe500;
  --cyan:#00e7e7;
  --black:#050509;
  --cream:#fffaf2;
  --dark:#101018;
  --gray:#b9b9c7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.hero{min-height:720px;position:relative;overflow:hidden;background:
 linear-gradient(180deg,rgba(5,5,9,.42),rgba(5,5,9,.78)),
 url("assets/photos/restaurant-front.jpg") center 42% / cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 54px,rgba(0,231,231,.08) 55px 56px);transform:perspective(500px) rotateX(52deg) scale(1.8) translateY(220px);transform-origin:bottom;opacity:.55}
.nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 6%;border-bottom:1px solid rgba(0,231,231,.35)}
.brand{font-weight:900;letter-spacing:2px;color:var(--yellow);text-shadow:3px 3px 0 var(--pink)}
.nav-links{display:flex;gap:28px;font-weight:700;font-size:13px;text-transform:uppercase}
.nav-links a:hover{color:var(--cyan)}
.hero-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:55px 24px 80px;text-align:center}
.logo{width:min(680px,92vw);filter:drop-shadow(0 18px 25px rgba(0,0,0,.45))}
.tagline{color:var(--cyan);font-weight:800;letter-spacing:4px;margin:-20px 0 10px}
h1,h2,h3{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:1px}
h1{font-size:clamp(48px,8vw,90px);line-height:.9;margin:22px 0}
h1 span{color:var(--yellow);text-shadow:5px 5px 0 var(--pink)}
.hero-copy{max-width:650px;margin:0 auto 28px;color:#e7e7ed;font-size:17px;line-height:1.7}
.buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 25px;font-weight:900;font-size:13px;letter-spacing:1px;border:2px solid var(--cyan);transition:.2s}
.primary{background:var(--pink);border-color:var(--pink);box-shadow:0 0 20px rgba(255,21,149,.35)}
.secondary{background:transparent;color:var(--cyan)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(0,231,231,.35)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:90px 8%;background:var(--cream);color:var(--black)}
.intro p:last-child{font-size:18px;line-height:1.8}
.eyebrow{color:var(--pink);font-size:12px;font-weight:900;letter-spacing:3px}
h2{font-size:clamp(42px,6vw,66px);line-height:.95;margin:8px 0 20px}
.menu-section{padding:90px 5%;background:linear-gradient(#08080d,#0f0711)}
.section-heading{text-align:center;max-width:800px;margin:0 auto 45px}
.section-heading>p:last-child{color:var(--gray);line-height:1.7}
.menu-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.menu-card{background:#171720;border:1px solid rgba(0,231,231,.18);padding:26px;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.menu-card:hover{border-color:rgba(255,21,149,.6)}
.menu-card.wide{grid-column:span 2}
.menu-card.featured{background:linear-gradient(135deg,#ff1595,#7b0872);border-color:var(--yellow);text-align:center}
.menu-card h3{color:var(--yellow);font-size:32px;margin:0 0 18px}
.menu-card h4{color:var(--cyan);font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:25px 0 10px}
.item{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.item:last-child{border-bottom:0}
.item b{font-size:14px}
.item small{display:block;color:#aaaaba;line-height:1.5;margin-top:5px;font-size:12px}
.item strong,.compact b{color:var(--yellow);white-space:nowrap}
.compact{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.note{color:#a9a9b5;font-size:11px;line-height:1.6}
.price-big{font-family:"Bebas Neue";font-size:62px;color:var(--yellow);margin:5px 0}
.advisory{max-width:1100px;margin:30px auto 0;padding:16px;border:1px solid rgba(255,255,255,.12);color:#9999a8;font-size:11px;line-height:1.6;text-align:center}
.story{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:center;padding:100px 8%;background:var(--cream);color:var(--black)}
.story-copy p:not(.eyebrow){line-height:1.8;color:#34343c}
.story-card{background:#050509;border:5px solid var(--pink);box-shadow:0 0 35px rgba(255,21,149,.4);padding:60px 20px;text-align:center;transform:rotate(2deg)}
.neon{font-family:"Bebas Neue";font-size:100px;color:var(--cyan);text-shadow:0 0 8px var(--cyan),0 0 25px var(--cyan)}
.story-card p{font-weight:900;letter-spacing:4px}
.gallery{padding:90px 7%;background:#0c0c12}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}
.gallery-placeholder{aspect-ratio:1.2;background:linear-gradient(135deg,#181822,#090910);border:2px solid var(--cyan);display:grid;place-items:center;text-align:center;font-family:"Bebas Neue";font-size:35px;color:var(--yellow);box-shadow:inset 0 0 30px rgba(0,231,231,.08)}
.gallery-placeholder span{display:block;font-family:Montserrat;font-size:10px;letter-spacing:2px;color:#999}
.contact{padding:80px 8%;background:linear-gradient(135deg,#ff1595,#5b0b65);display:flex;justify-content:space-between;align-items:center;gap:30px}
.contact h2{color:var(--yellow)}
.contact p{line-height:1.7}
.contact .small{font-size:12px;opacity:.8}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact .secondary{color:#fff;border-color:#fff}
footer{padding:45px 20px;text-align:center;background:#050509;color:#888;font-size:12px}
.footer-logo{width:210px;max-width:65vw;margin-bottom:15px}
footer a{color:var(--cyan)}
@media(max-width:800px){
 .nav{padding:17px 5%}.nav-links{display:none}
 .hero{min-height:650px}.hero-inner{padding-top:35px}.tagline{font-size:10px;letter-spacing:2px}
 .intro,.story{grid-template-columns:1fr;gap:25px;padding:65px 7%}
 .menu-grid{grid-template-columns:1fr}.menu-card.wide{grid-column:span 1}
 .gallery-grid{grid-template-columns:1fr}.contact{display:block;padding:65px 7%}.contact-actions{margin-top:25px}
}

.hours{color:var(--cyan);font-size:14px}

.menu-cta{text-align:center;padding:48px 20px}.menu-cta .btn{display:inline-block;margin-top:12px}

/* Food photo gallery */
.food-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.gallery-card {
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.14);
  border: 3px solid rgba(255,255,255,.9);
}
.gallery-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.gallery-card figcaption {
  padding: 14px 16px 16px;
  text-align: center;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .food-gallery { grid-template-columns: 1fr; }
}

.delivery {
  padding: 70px 7%;
  background: var(--cream);
  color: var(--black);
  text-align: center;
}
.delivery-inner {
  max-width: 900px;
  margin: 0 auto;
}
.delivery h2 {
  color: var(--black);
}
.delivery p:not(.eyebrow) {
  font-size: 18px;
  line-height: 1.7;
}
.delivery-buttons {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.delivery .secondary {
  color: var(--black);
  border-color: var(--black);
}