/* BYNIGHT — Home refinement V2 | 2026-10-30
   Keeps the common full-screen home. No impact on agenda, guide or detail popups.
   On desktop, the text block is positioned under the original centered logo. */

/* 1 — Distinctive condensed visual signature, centred under the actual logo. */
html body.marrakech-phase1 .bynight-home-landing .footer-stage {
  position:absolute;
  z-index:3;
  top:calc(var(--home-section-inset,0px) + clamp(8px,1.3vh,15px));
  left:50%;
  display:flex;
  width:min(680px,calc(100% - 36px));
  max-width:680px;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  pointer-events:none;
}
html body.marrakech-phase1 .bynight-home-landing .footer-stage > * {
  position:relative;
  text-align:center;
}
html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
  display:block;
  width:auto;
  max-width:100%;
  margin:0 0 clamp(5px,.9vh,8px);
  padding:0;
  color:#f9e8bf;
  font-family:"Unbounded","DM Sans",sans-serif;
  font-weight:600;
  font-size:clamp(16px,1.36vw,22px);
  line-height:1.42;
  letter-spacing:-.04em;
  text-transform:none;
  text-wrap:balance;
  text-shadow:0 1px 22px rgba(238,185,72,.18);
}
html body.marrakech-phase1 .bynight-home-landing .footer-kicker {
  display:block;
  max-width:100%;
  margin:0 0 5px;
  padding:0;
  color:#f6efe2;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(11px,.9vw,13px);
  line-height:1.35;
  font-weight:650;
  letter-spacing:.135em;
  text-transform:uppercase;
  text-wrap:balance;
}
html body.marrakech-phase1 .bynight-home-landing .footer-sunset-signature {
  display:block;
  max-width:100%;
  margin:0;
  padding:0;
  color:#c8ab73;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(11px,.94vw,13px);
  font-weight:500;
  line-height:1.4;
  letter-spacing:.06em;
}
html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
  content:"";
  display:block;
  flex:0 0 auto;
  width:clamp(38px,4.5vw,60px);
  height:1px;
  margin:clamp(8px,1.4vh,13px) auto 0;
  background:linear-gradient(90deg,transparent,rgba(250,213,122,.82),transparent);
  box-shadow:0 0 14px rgba(250,213,122,.18);
}

/* 2 — Editorial introduction directly below the lower navigation bar.
   On desktop it occupies a compact upper-left column, away from the logo. */
html body.marrakech-phase1 .bynight-home-landing .footer-intro {
  position:absolute;
  z-index:2;
  top:clamp(14px,2vh,20px);
  left:clamp(20px,4vw,66px);
  display:block;
  width:min(29vw,350px);
  max-width:350px;
  min-width:0;
  height:auto;
  margin:0;
  padding:0 0 0 13px;
  border-left:1px solid rgba(235,186,93,.48);
  color:#c8c0ce;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(12px,1vw,14px);
  font-weight:400;
  line-height:1.5;
  letter-spacing:.005em;
  text-align:left;
  text-wrap:pretty;
}

/* 3 — Exactly 80% of the original featured square's maximum dimension. */
html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
  position:relative;
  z-index:1;
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  width:min(80%,calc(var(--home-section-height) - 90px),344px);
  max-width:344px;
  min-width:0;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  transform:none;
}
html body.marrakech-phase1 .bynight-home-landing .hero-featured-card {
  display:block;
  width:100%;
  aspect-ratio:1;
  min-height:0;
  max-height:none;
}
html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature > h2 {
  margin:0 0 8px;
  font-size:11px;
  line-height:1.3;
  text-align:left;
}

/* Medium laptop/tablet: center the intro as a follow-up to the signature,
   keeping the shorter viewport readable without horizontal overlap. */
@media (min-width:761px) and (max-width:1050px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-intro {
    top:calc(var(--home-section-inset,0px) + 115px);
    left:4%;
    width:min(32vw,295px);
    max-width:295px;
    font-size:12px;
    line-height:1.4;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
    max-width:300px;
  }
}

/* Phone: true centered vertical hierarchy, with the intro below the title.
   Leave the legal line in view; feature stays at 80% of its prior mobile size. */
@media (max-width:760px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + clamp(7px,1.3vh,12px));
    left:50%;
    width:calc(100% - 20px);
    max-width:460px;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    margin:0 0 5px;
    font-size:clamp(12px,3.55vw,15px);
    line-height:1.34;
    letter-spacing:-.045em;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-kicker {
    margin:0 0 3px;
    font-size:clamp(9px,2.55vw,11px);
    line-height:1.3;
    letter-spacing:.07em;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-sunset-signature {
    font-size:clamp(9px,2.55vw,11px);
    line-height:1.3;
    letter-spacing:.025em;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
    width:35px;
    margin:7px auto 0;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-intro {
    top:calc(var(--home-section-inset,0px) + clamp(100px,14vh,126px));
    left:50%;
    width:min(350px,calc(100% - 34px));
    max-width:350px;
    margin:0;
    padding:0;
    transform:translateX(-50%);
    border:0;
    font-size:clamp(10px,2.75vw,11px);
    line-height:1.4;
    letter-spacing:0;
    text-align:center;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
    flex:0 0 auto;
    order:2;
    width:min(44vw,25.6dvh,188px);
    max-width:188px;
    min-width:0;
    margin:0;
    align-self:center;
    transform:translateY(clamp(34px,5.7dvh,50px));
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-featured-copy {
    left:10px;
    right:10px;
    bottom:9px;
    gap:3px;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-featured-copy small {
    font-size:8px;
    line-height:1.15;
    letter-spacing:.055em;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-featured-copy strong {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    font-size:clamp(14px,3.7vw,19px);
    line-height:1.09;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-featured-copy em {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:clamp(9px,2.5vw,11px);
    line-height:1.15;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature > h2 {
    margin-bottom:6px;
    font-size:10px;
    text-align:center;
  }
}

/* Preserve content on low-height landscape phones and very small windows. */
@media (max-height:650px) and (max-width:760px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 3px);
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    font-size:clamp(11px,3.2vw,14px);
    margin-bottom:3px;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-intro {
    top:calc(var(--home-section-inset,0px) + 84px);
    font-size:10px;
    line-height:1.25;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
    width:min(44vw,21.6dvh,150px);
  }
}
@media (max-height:500px) and (min-width:761px) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 3px);
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-tagline {
    font-size:16px;
    margin-bottom:3px;
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-intro {
    top:10px;
    font-size:11px;
    line-height:1.3;
  }
  html body.marrakech-phase1 .bynight-home-landing .hero-daily-feature {
    width:min(80%,calc(var(--home-section-height) - 55px),250px);
  }
  html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {
    margin-top:5px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1 .bynight-home-landing .footer-stage::after {box-shadow:none}
}