* { margin:0; padding:0; box-sizing:border-box; }
body, html { height:100%; margin:0; overflow:hidden; font-family:Arial, sans-serif; }

.hero {
  position:relative;
  height:100vh;
  width:100vw;
}

.hero-video {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  object-fit:cover;
  z-index:1;
}

.overlay {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.35); /* subtle darkening for text/icon visibility */
  z-index:2;
}

.top-center {
  position:absolute;
  top:5vh;
  left:50%;
  transform:translateX(-50%);
  z-index:10;
}

.logo {
  max-width:320px;
  width:70vw;
  height:auto;
}

.bottom-center {
  position:absolute;
  bottom:8vh;
  left:50%;
  transform:translateX(-50%);
  z-index:10;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.5rem;
}

.order-btn {
  background:#c8102e; /* classic diner red */
  color:white;
  font-size:3.8rem;
  font-weight:bold;
  padding:1.2rem 4rem;
  border-radius:60px;
  text-decoration:none;
  box-shadow:0 10px 40px rgba(0,0,0,0.7);
  transition:transform 0.3s, background 0.3s;
  white-space:nowrap;
}

.order-btn:hover {
  background:#a00d24;
  transform:scale(1.06);
}

.contact-icons {
  display:flex;
  gap:1.8rem;
}

.contact-icons a {
  background:rgba(255,255,255,0.25);
  backdrop-filter:blur(4px);
  color:white;
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:1.8rem;
  transition:background 0.3s, transform 0.3s;
}

.contact-icons a:hover {
  background:rgba(255,255,255,0.45);
  transform:scale(1.15);
}

.icon { line-height:1; }

@media (max-width:768px) {
  .order-btn { font-size:2.8rem; padding:1rem 3rem; }
  .logo { max-width:240px; }
  .contact-icons { gap:1.2rem; }
  .contact-icons a { width:44px; height:44px; font-size:1.5rem; }
  .bottom-center { bottom:5vh; }
}