/* T97 — Unified hero copy reveal and refined resort title.
   The kicker, title, subtitle and ornament now behave as one visual/animated unit
   on both desktop and mobile. The waterfall video and cards remain untouched. */

/* One entrance for the full copy block instead of separate line-by-line reveals. */
html.nile-hero-intro-pending #home .hero-copy-block{
  opacity:0;
  transform:translateY(16px);
}

html.nile-hero-intro-pending #home .hero-copy-block .hero-kicker,
html.nile-hero-intro-pending #home .hero-copy-block h1,
html.nile-hero-intro-pending #home .hero-copy-block .hero-subtitle,
html.nile-hero-intro-pending #home .hero-copy-block .hero-ornament,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-kicker,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block h1,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-subtitle,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-ornament{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block{
  animation:t97HeroCopyReveal .66s cubic-bezier(.16,.86,.28,1) 1s forwards !important;
}

html.nile-hero-intro-complete #home .hero-copy-block,
html.nile-hero-intro-skip #home .hero-copy-block{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

@keyframes t97HeroCopyReveal{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Shared refined hierarchy. */
#home .hero-copy-block{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:0 !important;
}

#home .hero-kicker{
  font-family:"Tajawal","Cairo",sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#home .hero h1{
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-weight:800 !important;
  font-feature-settings:"kern" 1 !important;
  letter-spacing:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  background-image:linear-gradient(180deg,
    #fff0b1 0%,
    #f4d170 28%,
    #dfaa3d 62%,
    #bf7d18 100%) !important;
  background-size:100% 100% !important;
  animation:none !important;
  text-shadow:none !important;
  filter:
    drop-shadow(0 3px 0 rgba(91,51,8,.24))
    drop-shadow(0 9px 17px rgba(0,0,0,.72))
    drop-shadow(0 0 5px rgba(238,188,76,.10)) !important;
}

#home .hero-subtitle{
  font-family:"Tajawal","Cairo",sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Desktop: keep the copy compact and visually connected below the logo. */
@media (min-width:921px){
  body.unified-header-home #home .main-logo{
    margin-bottom:12px !important;
  }

  body.unified-header-home #home .hero-copy-block{
    width:min(760px,68vw) !important;
    margin:0 auto !important;
    padding:0 14px !important;
  }

  body.unified-header-home #home .hero-kicker{
    margin:0 auto 2px !important;
    font-size:clamp(.91rem,1vw,1.04rem) !important;
    line-height:1.25 !important;
    color:rgba(255,250,240,.96) !important;
    text-shadow:0 4px 14px rgba(0,0,0,.88) !important;
  }

  body.unified-header-home #home .hero-kicker::before,
  body.unified-header-home #home .hero-kicker::after{
    width:30px !important;
    flex-basis:30px !important;
    opacity:.72 !important;
  }

  body.unified-header-home #home .hero h1{
    width:auto !important;
    max-width:100% !important;
    margin:0 auto 5px !important;
    padding:0 8px 5px !important;
    white-space:nowrap !important;
    font-size:clamp(2.82rem,3.85vw,4rem) !important;
    line-height:1.16 !important;
  }

  body.unified-header-home #home .hero-subtitle{
    max-width:620px !important;
    margin:0 auto !important;
    padding:0 12px !important;
    font-size:clamp(.94rem,1.08vw,1.08rem) !important;
    line-height:1.56 !important;
    color:#fffaf2 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.90) !important;
  }

  body.unified-header-home #home .hero-ornament{
    margin-top:7px !important;
    width:116px !important;
    height:17px !important;
    opacity:.72 !important;
  }
}

/* Mobile: all lines stay close together as one elegant copy group. */
@media (max-width:760px){
  #home .hero-copy-block{
    width:min(100%,380px) !important;
    padding:7px 9px 6px !important;
  }

  #home .hero-kicker{
    margin:0 auto 1px !important;
    font-size:clamp(.82rem,3.45vw,.96rem) !important;
    line-height:1.18 !important;
    color:rgba(255,250,241,.96) !important;
    text-shadow:0 3px 12px rgba(0,0,0,.88) !important;
  }

  #home .hero-kicker::before,
  #home .hero-kicker::after{
    width:24px !important;
    flex-basis:24px !important;
    opacity:.62 !important;
  }

  #home .hero h1{
    max-width:100% !important;
    margin:0 auto 3px !important;
    padding:2px 2px 4px !important;
    white-space:nowrap !important;
    font-size:clamp(1.82rem,7.55vw,2.25rem) !important;
    line-height:1.18 !important;
  }

  #home .hero-subtitle{
    max-width:325px !important;
    margin:0 auto !important;
    padding:0 3px !important;
    line-height:1.42 !important;
  }

  #home .hero-subtitle::after{
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-weight:500 !important;
    font-size:clamp(.76rem,3.15vw,.88rem) !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;
    color:#fffaf2 !important;
    text-shadow:0 3px 12px rgba(0,0,0,.90) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-copy-block{padding:4px 7px 3px !important;}
  #home .hero h1{font-size:clamp(1.68rem,7.25vw,2.02rem) !important;}
  #home .hero-kicker{font-size:.80rem !important;}
  #home .hero-subtitle::after{font-size:.71rem !important;}
}

@media (max-width:350px){
  #home .hero h1{font-size:1.66rem !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero-copy-block,
  #home .hero-copy-block *{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}
/* Keep the welcome line in the active site language on every viewport. */
#home .hero-kicker > span{display:none!important}
html[lang="ar"] #home .hero-kicker-ar,
html[lang="en"] #home .hero-kicker-en,
html[lang="tr"] #home .hero-kicker-tr{display:inline!important}