/* Qahwa X UI fixes — large Arabic headings + featured scene proportions */

/* Large Arabic headings are already animated by their parent sections. Do not
   hide them behind a second clip/opacity reveal layer. */
.hero-title.arabic-reveal,
.home-menu-cta h2.arabic-reveal,
.story h2.arabic-reveal,
.find h2.arabic-reveal,
.menu-page-title.arabic-reveal{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
}

/* Give Arabic shaping more vertical breathing room. */
.hero-title{
  font-size:clamp(58px,6.7vw,102px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.home-menu-cta h2,
.story h2,
.find h2{
  font-size:clamp(42px,4.8vw,70px)!important;
  line-height:1.17!important;
  letter-spacing:-.028em!important;
}
.menu-page-title{
  font-size:clamp(56px,6.3vw,96px)!important;
  line-height:1.13!important;
  letter-spacing:-.03em!important;
}

/* The interaction is shorter overall, while the final flipped cards get a
   larger percentage of the timeline to remain on screen. */
.redo-split-scene{
  min-height:310svh!important;
}

@media(max-width:900px){
  .hero-title{font-size:clamp(52px,10vw,82px)!important;line-height:1.07!important}
  .home-menu-cta h2,.story h2,.find h2{font-size:clamp(40px,8.5vw,62px)!important;line-height:1.18!important}
  .menu-page-title{font-size:clamp(50px,10vw,78px)!important;line-height:1.14!important}
  .redo-split-scene{min-height:285svh!important}
}

@media(max-width:640px){
  .hero-title{font-size:clamp(46px,14vw,66px)!important;line-height:1.09!important;letter-spacing:-.025em!important}
  .home-menu-cta h2,.story h2,.find h2{font-size:clamp(36px,11.5vw,52px)!important;line-height:1.2!important;letter-spacing:-.02em!important}
  .menu-page-title{font-size:clamp(46px,13vw,64px)!important;line-height:1.16!important;letter-spacing:-.02em!important}
  .redo-split-scene{min-height:265svh!important}
}