/* City image ownership: keep the original Marrakech photograph. */
html body.marrakech-phase1[data-city-theme="marrakech"]{--bn-cinematic-v3-desktop:url("/assets/images/marrakech-night-v3-desktop.webp");--bn-cinematic-v3-mobile:url("/assets/images/marrakech-night-v3-mobile.webp")}
/* Marrakech By Night | cinematic home V3 | 30 Oct 2026
 * Responsive split hero: desktop left editorial/right feature;
 * mobile center below logo, then feature card.
 * Photo: Mathias Dargnat / Pexels 20895324 (free use, no visible credit needed).
 * Scoped to Marrakech's shared home page ONLY.
 */
html body.marrakech-phase1[data-city-theme] .bynight-home-landing {
  background-color:#080912 !important;
  background-image:
    linear-gradient(90deg,rgba(6,7,14,.66) 0%,rgba(7,7,13,.31) 46%,rgba(6,6,13,.22) 100%),
    linear-gradient(180deg,rgba(4,5,12,.43) 0%,rgba(5,5,12,.24) 40%,rgba(4,4,11,.37) 73%,rgba(3,3,8,.84) 100%),
    var(--bn-cinematic-v3-desktop,var(--city-hero)) !important;
  background-position:center,center,center 53% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-glow,
html body.marrakech-phase1[data-city-theme] .bynight-menu-glow::before {
  display:none !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
  position:absolute !important;
  z-index:6 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  pointer-events:none;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
  display:flex !important;
  flex-flow:row nowrap !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:clamp(6px,1vw,13px) !important;
  width:100% !important;
  white-space:nowrap !important;
  text-align:center !important;
  margin:0 0 clamp(8px,1vh,13px) !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage :is(.footer-tagline,.footer-kicker,.footer-sunset-signature) {
  text-shadow:0 2px 18px rgba(0,0,0,.84),0 1px 4px #090809;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-kicker {
  color:#f0dcaf;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-sunset-signature {
  color:#e5d8c8;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
  position:absolute !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  right:auto !important;
  bottom:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  align-self:auto !important;
  justify-self:auto !important;
  order:0 !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature > h2 {
  text-align:center !important;
  margin:0 0 8px !important;
  color:#f8e1ac;
  font-size:clamp(10px,.87vw,13px);
  letter-spacing:.16em;
  text-shadow:0 2px 12px rgba(0,0,0,.95);
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-card {
  display:block !important;
  aspect-ratio:16 / 10 !important;
  border-radius:clamp(13px,1.5vw,23px);
  border:1px solid rgba(255,216,148,.5);
  box-shadow:0 14px 42px rgba(0,0,0,.62);
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-copy {
  text-align:left;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  bottom:clamp(75px,10.5vh,114px) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(18px,3vw,56px) !important;
  transform:none !important;
  text-align:center !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered .footer-intro {
  display:block !important;
  width:100% !important;
  max-width:860px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  color:#fff6e8;
  font-size:clamp(13px,1.22vw,17px);
  font-weight:600;
  line-height:1.45;
  text-shadow:0 2px 14px #000,0 2px 4px #000;
}

/* Two columns on desktop: centered copy inside LEFT half; feature on RIGHT. */
@media (min-width:1024px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
    top:clamp(270px,46vh,435px) !important;
    left:clamp(25px,5.5vw,110px) !important;
    right:auto !important;
    width:min(42vw,590px) !important;
    max-width:590px !important;
    transform:translateY(-50%) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:49% !important;
    left:74% !important;
    width:min(34vw,450px,48vh) !important;
    transform:translate(-50%,-45%) !important;
    animation:bnMarrakechFeaturedEntrance .85s ease-out 4.45s both;
  }
}
@media (min-width:1024px) and (max-height:650px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
    top:clamp(245px,44vh,300px) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:47% !important;
    width:min(31vw,360px,39vh) !important;
  }
}

/* Phones and tablets: logo, then centered signature, then FEATURED card. */
@media (max-width:1023px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing {
    background-image:
      linear-gradient(180deg,rgba(4,6,12,.48) 0%,rgba(4,5,10,.27) 37%,rgba(4,5,10,.37) 67%,rgba(3,3,8,.84) 100%),
      var(--bn-cinematic-v3-mobile,var(--city-hero)) !important;
    background-position:center,center 47% !important;
    background-size:cover !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
    left:50% !important;
    right:auto !important;
    top:calc(var(--home-section-inset,0px) + 10px) !important;
    width:calc(100% - 16px) !important;
    max-width:660px !important;
    transform:translateX(-50%) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    gap:clamp(4px,1.7vw,10px) !important;
    margin:0 0 8px !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-first {
    gap:clamp(4px,1.4vw,9px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:calc(var(--home-section-inset,0px) + clamp(110px,18vh,184px)) !important;
    left:50% !important;
    right:auto !important;
    width:min(78vw,335px,41dvh) !important;
    transform:translateX(-50%) !important;
    animation:bnMarrakechFeaturedEntrance .85s ease-out 4.45s both;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature > h2 {
    font-size:10px;
    margin-bottom:6px !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
    bottom:clamp(85px,14dvh,131px) !important;
    padding:0 12px !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered .footer-intro {
    font-size:clamp(11px,2.9vw,13px);
    line-height:1.35;
  }
}
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-night {
    font-size:clamp(27px,8vw,39px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-last {
    font-size:clamp(9px,2.5vw,12px);
    letter-spacing:.1em;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-article {
    font-size:clamp(9px,2.6vw,12px);
    letter-spacing:.15em;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-kicker {
    font-size:clamp(9px,2.6vw,11px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-sunset-signature {
    font-size:clamp(9px,2.5vw,11px);
  }
}
@media (max-width:760px) and (max-height:680px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    width:min(74vw,260px,39dvh) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
    bottom:clamp(80px,14dvh,112px) !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {animation:none !important}
}