/* Full-screen openings for Experience, History, Cinema and Offers only. */
.pagehero.pagehero--immersive{
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;height:100svh;min-height:640px;max-height:none;
  display:flex;align-items:flex-end;
  padding:132px 0 clamp(60px,8vh,104px);
  background:#0b0a08;
}
.pagehero.pagehero--immersive>.pagehero__photo{
  position:absolute;inset:0;z-index:0;display:block;
  width:100%;height:100%;max-width:none;object-fit:cover;
  object-position:var(--hero-focus,50% 50%);
}
.pagehero.pagehero--immersive::before{
  z-index:1;background:
    linear-gradient(180deg,rgba(5,6,7,.55) 0%,rgba(5,6,7,.10) 24%,rgba(5,6,7,.04) 50%,rgba(5,6,7,.76) 100%),
    linear-gradient(90deg,rgba(5,6,7,.24) 0%,transparent 68%);
}
.pagehero--immersive>.pagehero__content{position:relative;z-index:2;width:100%}
.pagehero--immersive .eyebrow{
  color:#e3cb95;display:block;margin-bottom:22px;
  font-weight:500;letter-spacing:.25em;text-shadow:0 2px 16px #000;
}
.pagehero--immersive h1{
  max-width:1100px;margin:0;color:#fff9ed;
  font-size:clamp(2.8rem,4.6vw,5.5rem);
  line-height:1.06;font-weight:400;letter-spacing:-.025em;
  text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.38);
}
.pagehero--experience{--hero-focus:50% 38%}
.pagehero--history{--hero-focus:53% 48%}
.pagehero--cinema{--hero-focus:54% 32%}
.pagehero--offers{--hero-focus:50% 48%}
@media(min-width:1900px){
 .pagehero--immersive>.pagehero__content{max-width:1440px}
}
@media(max-width:760px){
 .pagehero.pagehero--immersive{
  height:100svh;min-height:600px;padding:118px 0 76px;
 }
 .pagehero--immersive>.pagehero__content{padding-left:24px;padding-right:24px}
 .pagehero--immersive h1{font-size:clamp(2.65rem,8.6vw,3.8rem);line-height:1.08;max-width:100%}
 .pagehero--immersive .eyebrow{font-size:.7rem;letter-spacing:.21em;max-width:300px;margin-bottom:18px;line-height:1.6}
 .pagehero--experience{--hero-focus:37% 50%}
 .pagehero--history{--hero-focus:58% 48%}
 .pagehero--cinema{--hero-focus:54% 35%}
 .pagehero--offers{--hero-focus:36% 50%}
}
@media(max-width:380px){
 .pagehero--immersive h1{font-size:2.45rem}
}
