/* ==========================================================
   Page hero — title banner at the top of every inner page.
   Same photo + overlay treatment as the homepage hero, shorter.
   Pick the photo with a modifier: --lounge, --dining, --storefront, --neon
   ========================================================== */

.page-hero {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; align-items: flex-end;
  min-height: clamp(380px, 52vh, 520px);
  padding: clamp(130px, 16vw, 170px) 0 clamp(48px, 6vw, 72px);
  background: var(--ink);
}
.page-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background: var(--ink) center 50% / cover no-repeat;
  background-image: var(--hero-img);
  transform-origin: 60% 50%;
  animation: hero-drift 24s ease-out both;
}
.page-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(14,11,9,.93) 0%, rgba(14,11,9,.75) 40%, rgba(14,11,9,.35) 100%),
    linear-gradient(0deg, rgba(14,11,9,.95) 0%, rgba(14,11,9,0) 50%),
    linear-gradient(180deg, rgba(14,11,9,.6) 0%, rgba(14,11,9,0) 30%),
    radial-gradient(ellipse 50% 70% at 10% 80%, rgba(242,138,30,.14), transparent 70%);
}
.page-hero--lounge     { --hero-img: url("../../img/venue-lounge.jpg"); }
.page-hero--dining     { --hero-img: url("../../img/venue-dining.jpg"); }
.page-hero--storefront { --hero-img: url("../../img/storefront.jpg"); }
.page-hero--neon       { --hero-img: url("../../img/neon-sign-portrait.jpg"); }
.page-hero--neon::after { background-position: center 30%; }
.page-hero--lounge::after { background-position: 70% 45%; }

.page-hero .wrap { position: relative; }
.page-hero h1 {
  font-size: clamp(2.8rem, 7vw, 5rem); font-weight: 700; line-height: .98;
}
.page-hero h1 .accent { color: var(--orange); text-shadow: 0 0 28px rgba(242,138,30,.35); }
.page-hero .eyebrow { font-size: clamp(1.8rem, 3vw, 2.4rem); }
.page-hero .lede { color: #e9ddcf; margin: 1.1rem 0 0; }
.page-hero .rule { margin-bottom: 0; }
.page-hero-cta { margin-top: 1.8rem; }

/* Breadcrumb */
.crumbs {
  list-style: none; margin: 0 0 1.4rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem;
  font-family: var(--display); font-size: .78rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--text-muted-light);
}
.crumbs li + li::before { content: "/"; margin-right: .5rem; color: var(--orange); }
.crumbs a:hover { color: var(--orange); }
.crumbs [aria-current] { color: #fff; }

@media (max-width: 600px) {
  .page-hero-cta .btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .page-hero::after { animation: none; }
}