/* Seamless V3 cinematic hero, preserving editorial type / content. */
.cinema-hero{isolation:isolate}
.cinema-hero .cinema-art,
html[lang="ar"] .cinema-hero .cinema-art{
  position:absolute!important;
  inset:0 0 0 29%!important;
  width:auto!important;height:100%!important;
  border:0!important;border-radius:0!important;
  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 33%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 33%,#000 100%)!important;
}
.cinema-hero .cinema-art img,
html[lang="ar"] .cinema-hero .cinema-art img{
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;transform:none;
}
/* Arabic artwork stays unmirrored and blends into the right-to-left layout. */
html[lang="ar"] .cinema-hero .cinema-art{
  inset:0 29% 0 0!important;
  -webkit-mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 33%,#000 100%)!important;
  mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 33%,#000 100%)!important;
}
/* Only the written name belongs to the title; no accidental overhang or lingering KI. */
.cinema-hero .cinema-copy h1{max-width:100%;overflow:clip;overflow-clip-margin:0}
.cinema-hero .cinema-line{overflow:hidden;max-width:100%}
.cinema-hero.is-past-title .cinema-copy h1{visibility:hidden}
.cinema-hero .cinema-copy{isolation:isolate}
@media(min-width:651px) and (max-width:1050px){
 .cinema-hero .cinema-art{left:33%!important;right:0!important}
 html[lang="ar"] .cinema-hero .cinema-art{left:0!important;right:33%!important}
}
@media(max-width:650px){
 .cinema-hero .cinema-art,
 html[lang="ar"] .cinema-hero .cinema-art{
   inset:0 0 23% 0!important;width:100%!important;height:77%!important;
   opacity:.78!important;
   -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 56%,rgba(0,0,0,.85) 70%,transparent 100%)!important;
   mask-image:linear-gradient(180deg,#000 0%,#000 56%,rgba(0,0,0,.85) 70%,transparent 100%)!important;
 }
 .cinema-hero .cinema-art img{object-position:50% center!important}
 .cinema-hero .cinema-copy h1{overflow:visible}
}
/* One predictable, browser-height-bound photograph area; whole sheets and paintings. */
@media (min-width:651px){
 .hybrid-story .story-visual{
   height:min(74svh,680px,calc(100svh - 130px))!important;
   min-height:0!important;
   top:clamp(82px,12svh,116px)!important;
   contain:layout;
 }
 .hybrid-story .story-photostack{
   position:absolute!important;inset:18px 18px 37px!important;
   display:block!important;min-height:0!important;min-width:0!important;
 }
 .hybrid-story .story-scene{
   position:absolute!important;inset:0!important;
   margin:0!important;padding:0!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   min-width:0!important;min-height:0!important;
 }
 .hybrid-story .story-scene img{
   width:auto!important;height:auto!important;
   max-width:100%!important;max-height:100%!important;
   min-width:0!important;min-height:0!important;
   object-fit:contain!important;object-position:center!important;
   transform:none!important;filter:none!important;
 }
}
@media (max-width:650px){
 .hybrid-story .story-mobile-art{
    height:min(58svh,490px)!important;min-height:250px!important;
    padding:16px!important;display:flex!important;align-items:center;justify-content:center;
 }
 .hybrid-story .story-mobile-art img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
}