/* =========================================================
   LOUNGE HEADING OVERLAP FIX — DESKTOP ONLY
   ========================================================= */

@media (min-width:769px){

  #lounge{
    position:relative;
    overflow:hidden;
  }

  /* Darker gradient behind the lounge copy */
  #lounge::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.74) 0%,
        rgba(0,0,0,.48) 34%,
        rgba(0,0,0,.18) 58%,
        rgba(0,0,0,.03) 100%
      );
  }

  #lounge .feature-image{
    position:relative;
    z-index:0;
  }

  #lounge .feature-copy{
    position:relative;
    z-index:2;
    align-self:end!important;
    padding:
      clamp(8rem,11vh,11rem)
      clamp(5rem,6.5vw,7.5rem)
      clamp(6rem,8vh,8rem)
      clamp(4.5rem,5.5vw,6rem)!important;
  }

  body.ja #lounge .feature-copy h2{
    max-width:620px!important;
    margin-bottom:2.5rem!important;
    font-size:clamp(2.7rem,4vw,4.35rem)!important;
    line-height:1.38!important;
    color:#fff!important;
    text-shadow:0 3px 24px rgba(0,0,0,.48);
  }

  #lounge .feature-copy p,
  #lounge .detail-row span,
  #lounge .eyebrow{
    color:rgba(255,255,255,.94)!important;
    text-shadow:0 2px 18px rgba(0,0,0,.42);
  }

  #lounge .feature-copy > p:not(.eyebrow){
    max-width:560px!important;
  }

  #lounge .detail-row{
    margin-top:2rem!important;
  }
}