/* By Night — editorial home V3. Small, deliberate typography replaces oversized
   slogans. Scoped to the common home only; no changes to navigation or popups. */

/* The exact logo axis is preserved across all city themes. */
html body.marrakech-phase1 .bynight-home-landing .footer-stage {
  position:absolute;
  top:calc(var(--home-section-inset,0px) + clamp(8px,1.1vh,13px));
  left:50%;
  z-index:4;
  width:min(670px,calc(100% - 32px));
  max-width:670px;
  min-height:0;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  align-items:center;
  justify-content:flex-start;
  gap:0;
  pointer-events:none;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
  display:flex;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  margin:0 0 12px;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  color:#fff5de;
  font-family:"DM Sans",sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:1.15;
  letter-spacing:normal;
  text-transform:none;
  text-shadow:none;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .bn-title-first {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:clamp(8px,1.1vw,14px);
  width:auto;
  max-width:100%;
  white-space:nowrap;
}
html body.marrakech-phase1 .bynight-home-landing .bn-title-article {
  color:#eadbc9;
  font-family:"DM Sans",sans-serif;
  font-weight:600;
  font-size:clamp(11px,1vw,15px);
  line-height:1;
  letter-spacing:.28em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,217,130,.12);
}
html body.marrakech-phase1 .bynight-home-landing .bn-title-night {
  display:inline-block;
  margin:0;
  color:#f2d7a8;
  font-family:"Bodoni Moda","Playfair Display",serif;
  font-size:clamp(35px,3.45vw,51px);
  font-style:italic;
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.075em;
  text-transform:none;
  text-shadow:0 0 26px rgba(236,180,85,.15);
}
html body.marrakech-phase1 .bynight-home-landing .bn-title-last {
  display:block;
  margin:0 auto;
  padding:0;
  color:#f5e4c6;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(10px,.96vw,13px);
  font-weight:600;
  line-height:1.35;
  letter-spacing:.26em;
  text-transform:uppercase;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .footer-kicker {
  margin:0 0 5px;
  padding:0;
  color:#e7cb89;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(10px,.83vw,12px);
  font-weight:700;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .footer-sunset-signature {
  margin:0;
  padding:0;
  color:#ada3a9;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(10px,.85vw,12px);
  font-weight:400;
  line-height:1.4;
  letter-spacing:.085em;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
  display:block;
  width:clamp(48px,6.4vw,83px);
  height:1px;
  margin:clamp(8px,1.4vh,13px) auto 0;
  background:linear-gradient(90deg,transparent,rgba(242,208,142,.72) 50%,transparent);
  box-shadow:0 0 14px rgba(240,190,89,.11);
}

/* Editorial counterpart to the square "À la une" card. */
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
  position:absolute;
  top:clamp(228px,34vh,307px);
  left:clamp(38px,10.5vw,180px);
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:min(35vw,455px);
  max-width:455px;
  min-width:0;
  margin:0;
  padding:0;
  color:#f6efe6;
  text-align:left;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 clamp(16px,2.3vh,24px);
  color:#c4a067;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(9px,.78vw,11px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:.22em;
  text-transform:uppercase;
  white-space:normal;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker::before {
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  flex:0 0 22px;
  background:#c4a067;
  opacity:.78;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial .footer-intro {
  position:static;
  display:flex;
  top:auto;
  left:auto;
  flex:0 0 auto;
  flex-direction:column;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  transform:none;
  border:0;
  text-align:left;
  text-wrap:balance;
  line-height:normal;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead {
  display:block;
  width:100%;
  margin:0 0 clamp(11px,1.8vh,18px);
  color:#f4eadf;
  font-family:"Bodoni Moda","Playfair Display",serif;
  font-size:clamp(27px,2.86vw,42px);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.065em;
  text-wrap:balance;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead em {
  color:#e6bd79;
  font-style:italic;
  font-weight:500;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-description {
  display:block;
  width:100%;
  max-width:385px;
  margin:0;
  color:#bdb5c3;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(12px,1vw,14px);
  font-weight:400;
  line-height:1.67;
  letter-spacing:0;
  text-align:left;
  text-wrap:pretty;
}
html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial::after {
  content:"";
  display:block;
  width:54px;
  height:1px;
  margin-top:clamp(15px,2.3vh,22px);
  background:linear-gradient(90deg,#c09a60,transparent);
  opacity:.8;
}

/* Do not alter the approved 80% feature-card size or the footer legal row. */
html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
  z-index:2;
}

/* Medium screens have less horizontal room; balance the two columns. */
@media (min-width:761px) and (max-width:1100px) {
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
    left:clamp(25px,5vw,58px);
    top:clamp(215px,35vh,300px);
    width:min(37vw,368px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead {
    font-size:clamp(25px,3.3vw,34px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-description {
    font-size:12px;
    line-height:1.55;
  }
}
/* Phone: editorial centre, unhurried line spacing, then compact feature card. */
@media (max-width:760px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 5px);
    width:calc(100% - 18px);
    max-width:440px;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    margin-bottom:7px;
    gap:0;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-title-first {gap:9px}
  html body.marrakech-phase1 .bynight-home-landing .bn-title-article {
    font-size:clamp(10px,2.65vw,12px);
    letter-spacing:.2em;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-title-night {
    font-size:clamp(32px,9.1vw,39px);
    line-height:1;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-title-last {
    font-size:clamp(9px,2.6vw,11px);
    letter-spacing:.21em;
    line-height:1.2;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-kicker {
    margin-bottom:3px;
    font-size:clamp(9px,2.4vw,10px);
    line-height:1.28;
    letter-spacing:.08em;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-sunset-signature {
    font-size:clamp(9px,2.35vw,10px);
    line-height:1.3;
    letter-spacing:.04em;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
    margin-top:7px;
    width:44px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
    top:calc(var(--home-section-inset,0px) + clamp(139px,17vh,164px));
    left:50%;
    width:min(360px,calc(100% - 36px));
    max-width:360px;
    align-items:center;
    transform:translateX(-50%);
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker {
    justify-content:center;
    gap:7px;
    margin-bottom:8px;
    font-size:8px;
    line-height:1.2;
    letter-spacing:.17em;
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker::before {
    width:15px;
    flex-basis:15px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial .footer-intro {
    align-items:center;
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead {
    margin:0 0 7px;
    font-size:clamp(24px,6.7vw,29px);
    line-height:1.14;
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-description {
    max-width:335px;
    margin:0;
    font-size:clamp(10px,2.75vw,11px);
    line-height:1.4;
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial::after {
    width:37px;
    margin-top:9px;
    background:linear-gradient(90deg,transparent,#b79462,transparent);
  }
}
@media (max-width:760px) and (max-height:700px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 2px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-title-night {
    font-size:clamp(26px,7.2vw,32px);
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    margin-bottom:4px;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
    margin-top:5px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
    top:calc(var(--home-section-inset,0px) + 103px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker {
    margin-bottom:5px;
    font-size:8px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead {
    margin-bottom:4px;
    font-size:clamp(20px,5.6vw,24px);
    line-height:1.08;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-description {
    font-size:10px;
    line-height:1.25;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial::after {
    display:none;
  }
}
@media (min-width:761px) and (max-height:530px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 3px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-title-night {
    font-size:clamp(25px,3vw,38px);
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    margin-bottom:5px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
    top:clamp(110px,26vh,152px);
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-kicker {
    margin-bottom:7px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-lead {
    font-size:clamp(22px,2.2vw,30px);
    margin-bottom:7px;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial-description {
    font-size:11px;
    line-height:1.3;
  }
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial::after {
    display:none;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1 .bynight-home-landing .bn-title-night,
  html body.marrakech-phase1 .bynight-home-landing .bn-home-editorial {
    transition:none;
    animation:none;
  }
}