.cinema-runway{height:220vh}
.cinema-landscape{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform}
.cinema-nav{position:absolute;inset:0 0 auto;height:88px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;color:white;z-index:3}
.cinema-nav>a[data-enter]{font-size:12px;border:1px solid #ffffff77;border-radius:5px;padding:12px 20px;backdrop-filter:blur(10px)}
.has-cinema .hero-sticky{height:100svh;min-height:0;background:#20211f}
.portal-active .hero-sticky{position:fixed;top:0;left:0;width:100%;z-index:42;transform-origin:0 0;will-change:transform;isolation:isolate;pointer-events:none}
.portal-active .hero-sticky .header{background:#20211f;color:#f0f1e9;border-color:#ffffff06;backdrop-filter:none}
.portal-active .hero-sticky .header nav{color:#babcb3}
.portal-active .hero-sticky .header .outline-button{border-color:#9c9e91;background:none}
.portal-active .floating-card{animation:none!important;translate:none!important;rotate:none!important;scale:none!important}
.cinema-copy h2 span{display:inline-block}
@media(max-width:700px){.cinema-nav{height:72px;padding:0 20px}.cinema-nav .wordmark{font-size:24px}.cinema-nav>a[data-enter]{font-size:10px;padding:10px 12px}.cinema-copy{top:17%}}
@media(prefers-reduced-motion:reduce){.cinema-runway{height:100svh}.cinema-landscape{width:100%!important;height:100%!important;object-fit:cover;transform:none!important}}

.cinema-bottom{justify-content:flex-end}
.cinema-login,.cinema-skip{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:14px 22px;border:1px solid #ffffff8c;border-radius:8px;background:#182b3a55;backdrop-filter:blur(12px);color:#fff;font-size:15px;line-height:1.4;font-weight:550;white-space:nowrap;transition:background .2s,border-color .2s}
.cinema-login:hover,.cinema-skip:hover{background:#182b3a99;border-color:#fff}
.cinema-login:focus-visible,.cinema-skip:focus-visible{outline:2px solid #fff;outline-offset:4px}
.cinema-login span,.cinema-skip span{font-size:19px;line-height:1}
@media(max-width:700px){.cinema-login,.cinema-skip{min-height:44px;padding:11px 16px;font-size:13px;gap:16px}.cinema-login span,.cinema-skip span{font-size:17px}}
.persistent-login{position:fixed;top:18px;right:3.2vw;z-index:60}
.login-slot{width:155px;flex-shrink:0}
@media(max-width:700px){.persistent-login{top:14px;right:20px}.login-slot{width:125px}}