/* One continuous canvas: the film's last frame IS the website hero. */
html.cinematic-page{scrollbar-width:none;scroll-padding-top:145px}
html.cinematic-page::-webkit-scrollbar{display:none}
.cinematic-page .gateway-embedded .chapter-nav{top:64px}
.cinematic-page .gateway-embedded.venue-alfaisal section.chapter:not(#collection)>.chapter-heading{top:150px}
.cinematic-page .venue-story .hero{height:100svh;min-height:0;max-height:none;display:block;padding:0;overflow:hidden}
.cinematic-page .venue-story .venue-architecture{position:absolute;inset:0;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden;z-index:0}
.cinematic-page .venue-story .venue-architecture>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:none;transform:none}
.cinematic-page .venue-story .venue-architecture:after{inset:0;background:linear-gradient(90deg,#032810e0 0%,#0328108c 29%,transparent 73%),linear-gradient(0deg,#032810c7,transparent 35%)}
.cinematic-page .venue-alfaisal .venue-architecture:after{background:linear-gradient(270deg,#002f30ed 0%,#002f309e 28%,transparent 74%),linear-gradient(0deg,#002f30d6,transparent 36%)}
.cinematic-page .venue-story .header{top:64px;height:104px;background:linear-gradient(#03281066,transparent);z-index:10}
.cinematic-page .venue-alfaisal .header{background:linear-gradient(#002f3066,transparent)}
.cinematic-page .venue-story .venue-hero-copy{position:absolute;left:5%;right:auto;top:auto;bottom:130px;max-width:640px;width:46%;padding:0;z-index:2;pointer-events:auto}
.cinematic-page .venue-alfaisal .venue-hero-copy{left:auto;right:5%;width:40%;max-width:600px}
.cinematic-page .venue-story .venue-location{margin:0 0 30px;align-items:center;gap:18px;font-size:35px}
.cinematic-page .venue-story .venue-location>span{max-width:none;padding:0;font-size:15px}
.cinematic-page .venue-story .venue-hero-copy .eyebrow{margin-bottom:18px;font-size:11px}
.cinematic-page .venue-story .venue-hero-copy h1{font-size:clamp(62px,6.8vw,108px);line-height:1.04;margin:0 0 25px;color:#fffaf3}
.cinematic-page .venue-alfaisal .venue-hero-copy h1{font-size:clamp(60px,6.3vw,101px);font-weight:500;color:#effff5}
.cinematic-page .venue-story .venue-standfirst{max-width:355px;font-size:16px;line-height:1.85;margin-bottom:16px}
.cinematic-page .venue-story .venue-start{padding:13px 0;font-size:14px}
.cinematic-page .venue-story .venue-band{position:absolute;inset:auto 0 0;margin:0;padding:18px 5%;min-height:55px;z-index:3}
.cinematic-page .venue-story .venue-architecture figcaption{position:absolute;inset:auto 5% 80px auto;display:grid;gap:9px;font-size:11px;text-align:right}
.cinematic-page .venue-alfaisal .venue-architecture figcaption{right:auto;left:5%;text-align:left}

/* The background never moves. Light, brand and copy arrive in that order. */
.arrival-standby .venue-architecture:after{transition:opacity 1s ease}
.arrival-standby .header{transition:opacity .8s .1s ease}
.arrival-standby .venue-location{transition:opacity .8s .2s ease,transform .9s .2s ease}
.arrival-standby .venue-hero-copy .eyebrow{transition:opacity .8s .3s ease,transform .9s .3s ease}
.arrival-standby .venue-hero-copy h1{transition:opacity 1s .4s ease,transform 1.1s .4s cubic-bezier(.22,.61,.36,1)}
.arrival-standby .venue-standfirst{transition:opacity .9s .6s ease,transform .9s .6s ease}
.arrival-standby .venue-start{transition:opacity .9s .75s ease,transform .9s .75s ease}
.arrival-standby .venue-band,.arrival-standby .venue-architecture figcaption{transition:opacity .9s .7s ease}
.arrival-standby:not(.arrival-revealed) .venue-architecture:after,.arrival-standby:not(.arrival-revealed) .header,.arrival-standby:not(.arrival-revealed) .venue-hero-copy>*,.arrival-standby:not(.arrival-revealed) .venue-band,.arrival-standby:not(.arrival-revealed) .venue-architecture figcaption{opacity:0}
.arrival-standby:not(.arrival-revealed) .venue-hero-copy>*{transform:translateY(12px)}
.arrival-instant *,.arrival-instant *:after{transition:none!important}

@media(max-width:900px){
 .cinematic-page .venue-story .venue-hero-copy,.cinematic-page .venue-alfaisal .venue-hero-copy{width:48%;bottom:115px}
 .cinematic-page .venue-story .venue-hero-copy h1{font-size:clamp(52px,7vw,70px)}
 .cinematic-page .venue-story .venue-location{font-size:28px;margin-bottom:24px}
 .cinematic-page .venue-story .venue-location>span{font-size:13px}
}
@media(max-width:700px){
 .cinematic-page .venue-story .header{top:58px;height:80px}
 .cinematic-page .venue-story .venue-hero-copy,.cinematic-page .venue-alfaisal .venue-hero-copy{left:6%;right:6%;bottom:110px;width:auto;max-width:none;padding:0}
 .cinematic-page .venue-story .venue-hero-copy h1{font-size:clamp(48px,13.8vw,70px);line-height:1.04;margin-bottom:20px}
 .cinematic-page .venue-story .venue-location{font-size:28px;margin-bottom:24px;gap:12px}
 .cinematic-page .venue-story .venue-location>span{font-size:13px;max-width:245px}
 .cinematic-page .venue-story .venue-standfirst{font-size:14px;line-height:1.7;max-width:295px;margin-bottom:12px}
 .cinematic-page .venue-story .venue-hero-copy .eyebrow{font-size:10px;margin-bottom:14px}
 .cinematic-page .venue-story .venue-start{font-size:13px;padding:10px 0}
 .cinematic-page .venue-story .venue-architecture:after{background:linear-gradient(0deg,#032810f2 0%,#032810bb 27%,#03281045 66%,#03281033)}
 .cinematic-page .venue-alfaisal .venue-architecture:after{background:linear-gradient(0deg,#002f30f5 0%,#002f30c2 25%,#002f304d 65%,#002f3033)}
 .cinematic-page .venue-story .venue-architecture figcaption{inset:auto 6% 70px auto;font-size:9px;display:flex;gap:12px;align-items:center}
 .cinematic-page .venue-alfaisal .venue-architecture figcaption{left:6%;right:auto}
 .cinematic-page .venue-story .venue-band{padding:16px 6%;min-height:51px;font-size:10px;gap:12px}
 .cinematic-page .venue-story .venue-band span:nth-child(2){font-size:9px}
}
@media(max-height:700px){
 .cinematic-page .venue-story .venue-hero-copy{bottom:100px}
 .cinematic-page .venue-story .venue-location{margin-bottom:15px}
 .cinematic-page .venue-story .venue-hero-copy h1{font-size:clamp(44px,6.8vw,70px);margin-bottom:15px}
 .cinematic-page .venue-story .venue-standfirst{font-size:14px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.arrival-standby *,.arrival-standby *:after{transition:none!important}}