/* ==========================================================================
   Interior pages (menu.html, contact.html)
   Reuses the type scale and palette from style.css.
   ========================================================================== */

/* --------------------------------- head ---------------------------------- */
.page-head{
  position:relative;
  overflow:hidden;
  background:#fff;
  padding:calc(var(--nav-h) + 54px) 24px 46px;
  text-align:center;
}
.page-head-bg{
  position:absolute;left:0;top:-120px;
  width:100%;height:640px;
  object-fit:fill;
  z-index:0;
}
.page-head-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}

.page-head .eyebrow{
  position:static;
  font-family:"Mont",Arial,sans-serif;
  font-weight:900;font-style:italic;
  font-size:15.55px;line-height:21px;letter-spacing:6.81px;
  text-transform:uppercase;
  color:var(--red);
  margin-bottom:4px;
}
.page-title{
  font-family:"Mont",Arial,sans-serif;
  font-weight:900;font-style:italic;
  font-size:61.1px;line-height:64px;letter-spacing:-3.73px;
  text-transform:uppercase;
  color:var(--red);
  margin:0 0 14px;
}
.page-lead{
  font-family:"Nexa",Arial,sans-serif;
  font-weight:900;font-style:italic;
  font-size:22px;line-height:27px;letter-spacing:-0.7px;
  color:#1c1c1c;
  max-width:660px;margin:0 auto;
}

/* --------------------------------- body ---------------------------------- */
.page-body{background:#fff;padding:52px 24px 68px}
.page-inner{max-width:1180px;margin:0 auto}

.block-title{
  font-family:"Mont",Arial,sans-serif;
  font-weight:900;font-style:italic;
  font-size:34px;line-height:38px;letter-spacing:-1.9px;
  text-transform:uppercase;
  color:var(--red);
  margin:0 0 22px;
}

.menu-note{
  margin-top:38px;text-align:center;
  font-family:"Poppins",Arial,sans-serif;font-size:15px;color:#555;
}
.menu-note a{color:var(--red);font-weight:600}
.menu-note a:hover{text-decoration:underline}

/* ------------------------------- contact --------------------------------- */
.contact-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
  align-items:start;
}
.contact-item{margin-bottom:22px}
.contact-label{
  display:block;
  font-family:"Poppins",Arial,sans-serif;
  font-size:13px;font-weight:500;
  letter-spacing:.4px;text-transform:uppercase;
  color:#8a8a8a;
  margin-bottom:4px;
}
.contact-value{
  font-family:"Poppins",Arial,sans-serif;
  font-size:20px;line-height:27px;
  color:#1c1c1c;
  margin:0;
}
.contact-value a{color:#1c1c1c}
.contact-value a:hover{color:var(--red)}

.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.contact-btn{
  position:static;
  width:auto;min-width:196px;height:52px;
  padding:0 26px;
  font-size:18px;line-height:24px;letter-spacing:.4px;
  border-radius:4px;
}
.contact-actions .btn-outline{border-radius:6px}

.hours-note{
  margin-top:16px;
  font-family:"Poppins",Arial,sans-serif;
  font-size:13.5px;line-height:20px;color:#777;
}

/* ------------------------------ responsive -------------------------------- */
@media (max-width:900px){
  .page-head{padding:calc(var(--nav-h) + 40px) 24px 38px}
  .page-title{font-size:52px;line-height:55px;letter-spacing:-3.2px}
  .page-lead{font-size:20px;line-height:25px}
  .contact-layout{grid-template-columns:1fr;gap:44px}
  .page-body{padding:44px 24px 56px}
}

@media (max-width:520px){
  .page-head{padding:calc(var(--nav-h) + 30px) 15px 30px}
  .page-head-bg{height:480px;top:-80px}
  .page-title{font-size:40px;line-height:43px;letter-spacing:-2.4px}
  .page-lead{font-size:17px;line-height:22px}
  .block-title{font-size:28px;line-height:31px;letter-spacing:-1.5px}
  .page-body{padding:36px 15px 46px}
  .contact-value{font-size:18px;line-height:25px}
  .contact-btn{width:100%;min-width:0}
}