/**
 * Madam — Panorama Restaurant (warm treatment)
 * Cozier canvas than the club/skybar pages: warm espresso bg, cream text,
 * cognac-gold for the menukaart. Brand red stays reserved for the reserve CTA.
 * Mobile-first: photo strip swipes edge-to-edge, menu reads as a single column.
 */

/* ============== Standard site palette ==============
   The restaurant uses the same anthracite/cream/accent as the rest of the
   site; --ma-warm maps to the accent so the menukaart details follow it. */
.ma-detail--dinner {
  --ma-bg-2: #1f1f23;
  --ma-warm: var(--ma-accent);
}

/* ============== VIDEO ============== */
.ma-rest__video {
  margin: clamp(2.5rem, 6vh, 4.5rem) 0;
}
.ma-rest__video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 76vh;
  object-fit: cover;
}
@media (min-width: 900px) {
  .ma-rest__video {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: max(clamp(1.25rem, 4vw, 3rem), var(--frame-w-h));
  }
  .ma-rest__video video { border-radius: 0 14px 0 14px; }
}

/* ============== Reveal animation (sections fade-up via detail.js) ============== */
.ma-detail--dinner [data-reveal-section] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 1s var(--ma-ease-2, ease), transform 1.1s var(--ma-ease-2, ease);
}
.ma-detail--dinner [data-reveal-section].is-in {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .ma-detail--dinner [data-reveal-section] { opacity: 1; transform: none; transition: none; }
  .ma-rest__card img { transition: none; }
}