/* V7: quiet editorial campaigns, tonal depth and a single food story per slide. */
.mrdad-minimal .md-campaign.md-slideshow { display: block; min-height: 0; aspect-ratio: auto; background: #f6ebd8; position: relative; }
.md-slideshow [hidden] { display: none !important; }
.md-slides { min-width: 0; }
.md-slide { --slide-ink: #543820; --slide-bg: #f4e4c8; position: relative; display: grid; grid-template-columns: 38% 62%; min-height: 460px; background: radial-gradient(ellipse at 0 0, #fffaf0, transparent 80%), var(--slide-bg); }
.md-slide--noodles { --slide-ink: #234c3d; --slide-bg: #e4eadb; }
.md-slide--tea { --slide-ink: #773f46; --slide-bg: #f2dfdc; }
.md-slide__image { display: block; grid-column: 2; grid-row: 1; width: 100%; height: 100%; min-height: 460px; object-fit: cover; object-position: center; }
.md-slide__copy { grid-column: 1; grid-row: 1; align-self: center; padding: 38px 26px 80px 32px; color: var(--slide-ink); }
.mrdad-minimal .md-slide__eyebrow { font-size: 10px; line-height: 1.7; letter-spacing: .09em; font-weight: 650; margin: 0 0 24px; }
.mrdad-minimal .md-slide h2 { color: var(--slide-ink); font-family: var(--md-sans); font-size: clamp(32px,3.5vw,48px); line-height: 1.07; letter-spacing: -.05em; font-weight: 650; margin: 0 0 20px; }
.mrdad-minimal .md-slide__intro { font-size: 14px; line-height: 1.7; margin: 0 0 25px; color: #51483e; }
.mrdad-minimal .md-slide__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; padding: 13px 18px; background: var(--slide-ink); color: white; border-radius: 8px; box-shadow: 0 5px 14px #30251718, inset 0 1px 0 #ffffff20; font-size: 13px; line-height: 1.5; font-weight: 650; }
.md-slide__cta:hover { filter: brightness(1.12); }
.md-slideshow__controls { position: absolute; bottom: 17px; left: 24px; display: flex; align-items: center; gap: 2px; border-radius: 30px; padding: 2px; background: #ffffffdf; box-shadow: 0 4px 18px #3d302414; }
.mrdad-minimal .md-slideshow__controls button { border: 0; border-radius: 50%; padding: 0; width: 40px; height: 40px; display: grid; place-items: center; background: transparent; color: #473c31; font: inherit; font-size: 18px; cursor: pointer; }
.md-slideshow__dots { display: flex; }
.mrdad-minimal .md-slideshow__dots button { width: 30px; }
.md-slideshow__dots span { width: 6px; height: 6px; border-radius: 8px; background: #aaa39a; }
.md-slideshow__dots [aria-pressed=true] span { width: 18px; background: #473c31; }
.mrdad-minimal .md-slideshow__controls button:hover { background: #ece7df; }
.mrdad-minimal .md-slideshow :is(a,button):focus-visible { outline: 3px solid #b34721; outline-offset: 3px; }
.md-slideshow.is-ready .md-slide:not([hidden]) { animation: md-slide-reveal .5s ease both; }
@keyframes md-slide-reveal { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .md-slideshow.is-ready .md-slide:not([hidden]) { animation: none; } }

/* V10: immersive photography, with accessible bilingual type in the scene. */
.md-slide { display: grid; grid-template-columns: minmax(0,1fr); min-height: 600px; isolation: isolate; background: #344338; }
.md-slide__image { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; z-index: -2; }
.md-slide::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg,rgba(15,28,21,.78),rgba(15,28,21,.4) 34%,transparent 65%),linear-gradient(0deg,rgba(15,28,21,.48),transparent 24%); }
.md-slide__copy { grid-column: 1; grid-row: 1; align-self: start; padding: 38px 40px 95px; color: #fff; width: 100%; box-sizing: border-box; }
.mrdad-minimal .md-slide__eyebrow { color: #fff; margin-bottom: 16px; font-size: 10px; letter-spacing: .14em; }
.mrdad-minimal .md-slide h2 { color: #fff; font-size: clamp(38px,4.2vw,58px); max-width: 11.5em; line-height: 1.04; margin-bottom: 16px; text-wrap: balance; text-shadow: 0 2px 20px #13271a35; }
.mrdad-minimal .md-slide__intro { color: #fff; max-width: 31em; font-size: 14px; line-height: 1.6; margin-bottom: 0; text-shadow: 0 1px 6px #14211770; }
.mrdad-minimal .md-slide__cta { position: absolute; bottom: 24px; left: 40px; background: #fffdf6; color: #234737; border: 1px solid #ffffff90; box-shadow: 0 4px 20px #14211720; border-radius: 999px; }
.md-slideshow__controls { left: auto; right: 24px; bottom: 25px; z-index: 2; background: #fffdf6eb; }
.mrdad-minimal .md-slideshow :is(a,button):focus-visible { outline-color: #e7ac4b; }
@media (min-width: 769px) and (max-width: 1099px) {
  .md-slide { min-height: 620px; }
  .md-slide__copy { padding: 30px 28px 150px; }
  .mrdad-minimal .md-slide__cta { left: 28px; bottom: 83px; }
  .md-slideshow__controls { left: 26px; right: auto; bottom: 20px; }
}
@media (max-width: 768px) {
  .md-slide { min-height: 590px; }
  .md-slide__image { object-position: 58% center; }
  .md-slide__copy { padding: 27px 24px 150px; }
  .mrdad-minimal .md-slide__eyebrow { font-size: 9px; margin-bottom: 14px; }
  .mrdad-minimal .md-slide h2 { font-size: clamp(34px,7vw,48px); max-width: 12em; margin-bottom: 14px; }
  .mrdad-minimal .md-slide__intro { font-size: 13px; max-width: 29em; }
  .mrdad-minimal .md-slide__cta { left: 24px; bottom: 84px; }
  .md-slideshow__controls { left: 20px; right: auto; bottom: 21px; }
}
.md-slide__image { grid-area: 1 / 1; z-index: 0; }
.md-slide::after { z-index: 1; }
.md-slide__copy { position: relative; z-index: 2; align-self: stretch; }

/* V11: autoplay-first; unobtrusive progress and a single pause affordance. */
.md-slideshow__controls { left: auto; right: 24px; bottom: 24px; padding: 0; background: #fffdf6d9; }
.mrdad-minimal .md-slideshow__controls :is([data-prev],[data-next],.md-slideshow__dots) { display: none; }
.mrdad-minimal .md-slideshow__controls [data-pause] { width: 32px; height: 32px; font-size: 12px; }
.md-slideshow__progress { display: none; position: absolute; z-index: 3; right: 70px; bottom: 38px; gap: 5px; }
.is-ready .md-slideshow__progress { display: flex; }
.md-slideshow__progress span { width: 22px; height: 2px; background: #ffffff66; overflow: hidden; }
.md-slideshow__progress span::after { content: ''; display: block; height: 100%; background: white; transform: scaleX(0); transform-origin: left; }
.md-slideshow__progress .is-current::after { transform: scaleX(1); }
.is-playing .md-slideshow__progress .is-current::after { animation: md-progress 4.5s linear both; }
@keyframes md-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 1099px) {
 .mrdad-minimal .md-slide__cta { bottom: 70px; }
 .md-slideshow__progress { left: 26px; right: auto; bottom: 38px; }
}
@media (prefers-reduced-motion: reduce) { .is-playing .md-slideshow__progress .is-current::after { animation: none; } }

/* V21: unfiltered photographs, no image-wide scrim or fade. */
.mrdad-minimal .md-campaign.md-slideshow { border-radius: 6px; background: #f6f5ed; }
.md-slide::after { content: none; background: none; }
.md-slide .md-slide__image { filter: none; }
.mrdad-minimal .md-slide__eyebrow,
.mrdad-minimal .md-slide h2,
.mrdad-minimal .md-slide__intro { color: #fff; text-shadow: 0 1px 3px #102c24, 0 2px 12px #102c24cc; }
.mrdad-minimal .md-slide__cta { background: #165443; color: #fff; border-color: #ffffff70; }
.md-slideshow__progress { padding: 8px 10px; margin: -8px -10px; border-radius: 20px; background: #fffdf6e8; }
.md-slideshow__progress span { background: #16544340; }
.md-slideshow__progress span::after { background: #165443; }

/* V23: daylight lead photograph, readable jade type without an image overlay. */
.mrdad-minimal .md-slide--food .md-slide__eyebrow,
.mrdad-minimal .md-slide--food h2,
.mrdad-minimal .md-slide--food .md-slide__intro {
  color: #153f32; text-shadow: none;
}
.md-slide--food .md-slide__image { object-position: 61% center; }

@media (min-width: 1100px) {
 .md-slide--food .md-slide__copy { padding-left: 30%; }
}

/* V24 (client 09-30): the hero is a slim banner, not a full screen.
   Desktop 320px / tablet 260px band with the copy overlaid and trimmed (no eyebrow, intro
   clamped). Mobile: a 140px photo slice with the headline + CTA in a compact row beneath it,
   dark-on-light so it stays legible without any image overlay.
   Selectors carry .md-slideshow to outrank the V10-V23 layers above without !important. */
.mrdad-minimal .md-slideshow .md-slide { min-height: 0; height: 320px; }
.mrdad-minimal .md-slideshow .md-slide__image { min-height: 0; }
.mrdad-minimal .md-slideshow .md-slide__copy { padding: 26px 32px 84px; }
.mrdad-minimal .md-slideshow .md-slide__eyebrow { display: none; }
.mrdad-minimal .md-slideshow .md-slide h2 { font-size: clamp(26px,2.6vw,36px); line-height: 1.08; margin-bottom: 10px; max-width: 14em; }
.mrdad-minimal .md-slideshow .md-slide__intro { font-size: 13px; line-height: 1.5; max-width: 34em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mrdad-minimal .md-slideshow .md-slide__cta { left: 32px; bottom: 22px; min-height: 42px; padding: 10px 16px; }
.mrdad-minimal .md-slideshow .md-slideshow__progress { left: auto; right: 70px; bottom: 36px; }
.mrdad-minimal .md-slideshow .md-slideshow__controls { left: auto; right: 24px; bottom: 22px; }
@media (min-width: 1100px) {
  .mrdad-minimal .md-slideshow .md-slide--food .md-slide__copy { padding-left: 30%; }
  .mrdad-minimal .md-slideshow .md-slide--food .md-slide__cta { left: 30%; }
}
@media (min-width: 769px) and (max-width: 1099px) {
  .mrdad-minimal .md-slideshow .md-slide { height: 260px; }
  .mrdad-minimal .md-slideshow .md-slide__copy { padding: 20px 24px 76px; }
  .mrdad-minimal .md-slideshow .md-slide h2 { font-size: 26px; }
  .mrdad-minimal .md-slideshow .md-slide__intro { -webkit-line-clamp: 1; }
  .mrdad-minimal .md-slideshow .md-slide__cta { left: 24px; bottom: 18px; }
  .mrdad-minimal .md-slideshow .md-slideshow__progress { bottom: 32px; }
  .mrdad-minimal .md-slideshow .md-slideshow__controls { bottom: 18px; }
}
@media (max-width: 768px) {
  .mrdad-minimal .md-slideshow .md-slide { height: auto; grid-template-rows: 140px auto; background: #f6f5ed; }
  .mrdad-minimal .md-slideshow .md-slide__image { position: relative; inset: auto; grid-area: 1 / 1; height: 140px; object-position: center 55%; }
  .mrdad-minimal .md-slideshow .md-slide--food .md-slide__image { object-position: 61% 55%; }
  .mrdad-minimal .md-slideshow .md-slide__copy { grid-area: 2 / 1; align-self: stretch; display: flex; align-items: center; gap: 12px;
    min-height: 68px; padding: 10px 14px; box-sizing: border-box; }
  .mrdad-minimal .md-slideshow .md-slide h2 { flex: 1 1 auto; min-width: 0; margin: 0; max-width: none; font-size: 17px; line-height: 1.2;
    letter-spacing: -.02em; color: #153f32; text-shadow: none;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .mrdad-minimal .md-slideshow .md-slide__intro { display: none; }
  .mrdad-minimal .md-slideshow .md-slide__cta { position: static; flex: 0 0 auto; min-height: 40px; padding: 8px 14px; gap: 8px; font-size: 12px; white-space: nowrap; }
  /* Pause + progress sit on the photo's top-right corner, clear of the copy row. */
  .mrdad-minimal .md-slideshow .md-slideshow__controls { top: 10px; bottom: auto; right: 10px; left: auto; }
  .mrdad-minimal .md-slideshow .md-slideshow__progress { top: 20px; bottom: auto; right: 52px; left: auto; }
}
