/* One approved opening. A separate vertical composition is used on phones. */
.cinema-intro{height:100vh;height:100svh;min-height:560px;position:relative;background:#181d27;color:#f8f7f5;overflow:hidden;isolation:isolate;font-family:'Open Sans',Arial,sans-serif}
.cinema-backdrop,.cinema-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%}
.cinema-backdrop{z-index:-3}
.cinema-poster,.cinema-video{object-fit:cover;object-position:62% center}
.cinema-video{z-index:-2;opacity:0;transition:opacity .4s ease}
.cinema-video.has-frame{opacity:1}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#d9d9cf 0%,rgb(217 217 207 / .98) 29%,rgb(217 217 207 / .83) 49%,rgb(217 217 207 / .15) 73%,rgb(217 217 207 / 0) 92%);z-index:-1}
.cinema-brand{position:absolute;top:49%;left:6vw;transform:translateY(-50%);text-align:left;width:min(47%,610px)}
.cinema-logo{display:inline-block;background:none;padding:0}
.cinema-logo img{width:460px;max-width:100%;height:auto;display:block}
.cinema-brand p{margin:28px 0 0;font-size:21px;font-weight:400;letter-spacing:-.015em;color:#292b37;max-width:380px;line-height:1.45}
.cinema-bottom{position:absolute;bottom:max(33px,env(safe-area-inset-bottom));left:4vw;right:4vw;display:flex;align-items:flex-start}
.cinema-bottom>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#292b37;border-bottom:1px solid #b79926;padding:10px 0;text-decoration:none}
.cinema-bottom>a:hover{border-color:#292b37}
.cinema-intro a:focus-visible{outline:2px solid #292b37;outline-offset:6px}
#landing{scroll-margin-top:0}
@media(max-width:760px) and (orientation:portrait){
  .cinema-intro{display:flex;flex-direction:column;align-items:flex-start;padding:0 7vw;min-height:560px}
  .cinema-poster,.cinema-video{object-position:center bottom}
  .cinema-shade{background:linear-gradient(180deg,#d9d9cf 0%,rgb(217 217 207 / .99) 27%,rgb(217 217 207 / .94) 40%,rgb(217 217 207 / .65) 51%,rgb(217 217 207 / .12) 65%,rgb(217 217 207 / 0) 75%)}
  .cinema-brand{position:relative;inset:auto;transform:none;width:100%;margin-top:clamp(94px,16svh,180px)}
  .cinema-logo{width:min(100%,340px)}
  .cinema-logo img{width:100%}
  .cinema-brand p{font-size:17px;line-height:1.5;margin-top:22px;max-width:25ch}
  .cinema-bottom{position:relative;inset:auto;margin-top:25px;max-width:100%}
  .cinema-bottom>a{font-size:13px}
}
@media(max-height:520px) and (orientation:landscape){
  .cinema-intro{min-height:360px}
  .cinema-brand{top:44%;width:45%}
  .cinema-logo img{width:300px}
  .cinema-brand p{font-size:16px;line-height:1.45;margin-top:17px;max-width:30ch}
  .cinema-bottom{bottom:20px}
}
@media(prefers-reduced-motion:reduce){.cinema-video{transition:none}.cinema-intro{scroll-behavior:auto}}