.cinema-hero{overflow:visible;grid-template-columns:.95fr 1.1fr;gap:28px;min-height:650px;padding-top:50px;padding-bottom:40px}.hero-atmosphere{position:absolute;inset:-92px calc((min(1320px,100vw - 112px) - 100vw)/2) 0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 65%,#b87a3533,transparent 57%)}.light-shaft{position:absolute;display:block;top:-35%;right:4%;width:23%;height:160%;transform-origin:50% 0;background:linear-gradient(90deg,transparent,#f7c38350 35%,#ffe5bc90 55%,#cf954326 75%,transparent);filter:blur(22px);mix-blend-mode:screen;animation:director-shaft 9s ease-in-out infinite}.shaft-two{right:24%;width:9%;opacity:.5;animation-delay:-4s;filter:blur(12px)}.light-pool{position:absolute;bottom:8%;left:35%;right:-10%;height:21%;background:radial-gradient(ellipse,#f6bc7470,transparent 68%);filter:blur(22px);animation:director-pool 9s ease-in-out infinite}.hero-dust{position:absolute;inset:0}.hero-dust i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#ffe3af;border-radius:50%;box-shadow:0 0 9px #efb875;animation:director-dust 8s calc(var(--i)*-.47s) ease-in-out infinite;opacity:0}
.cinema-art{height:470px;perspective:none;container-type:inline-size;overflow:visible}.cinema-stage{position:relative;width:700px;height:500px;transform:scale(var(--stage-scale,1));transform-origin:top left}.cinema-beam{display:none}.cinema-floor{left:-100px;right:0;bottom:5px;height:125px;background:radial-gradient(ellipse at 60% 35%,#ffd19b80,transparent 65%);animation:director-pool 9s ease-in-out infinite}.cinema-desktop{top:58px;left:6px;width:600px;height:382px;transform:rotateY(-7deg) rotateZ(-4deg);border-radius:14px;animation:director-desktop-in 1.25s cubic-bezier(.16,1,.3,1) both;box-shadow:0 28px 35px #0009,3px -2px 2px #ffdda080}.cinema-chrome{height:32px}.cinema-nav{height:49px;padding:16px 24px;font-size:12px}.cinema-nav>span{font-size:10px}.cinema-content{height:301px;grid-template-columns:48% 52%}.cinema-copy{padding:44px 0 24px 25px}.cinema-copy>strong{font-size:39px;line-height:1.06}.cinema-copy p{font-size:12px;margin-top:18px}.cinema-copy .cinema-demo-cta{font-size:12px;padding:12px 19px;margin-top:22px}.cinema-image{margin:0 18px 0 0}.cinema-image img{animation:director-art 9s ease-in-out infinite;object-position:center 65%;height:100%;width:100%}.cinema-edge{background:linear-gradient(110deg,transparent 35%,#fff4d25c 49%,transparent 62%);background-size:300% 100%;animation:director-reflection 6s ease-in-out infinite}.cinema-mobile{width:163px;height:326px;right:6px;bottom:20px;padding:6px;border-radius:28px;transform:rotateZ(2deg);animation:director-phone-in 1.4s .15s cubic-bezier(.16,1,.3,1) both;box-shadow:12px 22px 30px #0009,3px -2px 3px #ffe1ac}.cinema-mobile-page{height:100%;padding:12px 11px 10px;border-radius:21px;display:flex;flex-direction:column;gap:0}.cinema-mobile-nav{font-size:8px;margin:7px 0 10px;flex-shrink:0}.cinema-mobile-page img{height:139px;min-height:0;width:100%;object-fit:cover;flex-shrink:0}.cinema-mobile-page strong{font-size:20px;line-height:1.04;margin-top:10px;flex-shrink:0}.cinema-mobile-page p{font-size:7px;line-height:1.5;margin-top:8px;flex-shrink:0}.cinema-mobile-page .cinema-demo-cta{font-size:8px;padding:7px 12px;margin-top:9px;align-self:flex-start;flex-shrink:0}.cinema-controls{margin-top:-10px}.cinema-hero .hero-copy h1{font-size:clamp(46px,4.6vw,70px)}.cinema-hero .hero-copy em{background:linear-gradient(105deg,#f5a54e 25%,#ffe1b0 47%,#f5a54e 67%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:director-title 9s ease-in-out infinite}.cinema-hero .hero-copy .button{box-shadow:0 0 30px #efa13b20;animation:director-button 6s ease-in-out infinite}.cinema-stopped .cinema-stage .cinema-desktop,.cinema-stopped .cinema-stage .cinema-mobile{animation:none!important;opacity:1}.cinema-stopped .cinema-image img{animation-play-state:paused!important}.cinema-stopped .hero-atmosphere *,.cinema-offscreen .hero-atmosphere *,.cinema-stopped .hero-copy em,.cinema-stopped .hero-copy .button{animation-play-state:paused!important}
@keyframes director-shaft{0%,100%{transform:rotate(23deg) translateX(-20px);opacity:.4}50%{transform:rotate(34deg) translateX(45px);opacity:.85}}@keyframes director-pool{0%,100%{transform:translateX(-20px) scaleX(.9);opacity:.5}50%{transform:translateX(25px) scaleX(1.12);opacity:1}}@keyframes director-dust{0%,100%{opacity:0;transform:translate(0,15px)}35%,65%{opacity:.65}80%{transform:translate(-30px,-35px);opacity:0}}@keyframes director-desktop-in{from{opacity:.2;transform:translateY(35px) rotateY(-7deg) rotateZ(-4deg)}to{opacity:1;transform:translateY(0) rotateY(-7deg) rotateZ(-4deg)}}@keyframes director-phone-in{from{opacity:0;transform:translate(30px,25px) rotateZ(5deg)}to{opacity:1;transform:translate(0) rotateZ(2deg)}}@keyframes director-art{0%,100%{transform:scale(1.01) translateY(0);filter:brightness(.87)}50%{transform:scale(1.08) translateY(-4px);filter:brightness(1.12)}}@keyframes director-reflection{0%{background-position:120% 0}75%,100%{background-position:-20% 0}}@keyframes director-title{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes director-button{50%{box-shadow:0 0 34px #efa13b50}}
@media(min-width:901px) and (max-height:650px){.cinema-hero{min-height:0;padding-top:25px;gap:16px 26px;padding-bottom:25px}.cinema-hero .hero-copy h1{font-size:50px}.cinema-art{height:350px}.cinema-hero .intro{font-size:15px;margin-top:16px}.cinema-hero .actions{margin-top:20px}.cinema-hero .hero-note{margin-top:17px;font-size:12px}}
@media(max-width:900px){.cinema-hero{grid-template-columns:1fr;gap:12px;padding-top:35px}.cinema-art{width:min(650px,100%);height:auto;aspect-ratio:7/5;margin:18px auto 0}.cinema-controls{grid-column:1;margin-top:0}.hero-atmosphere{inset:-76px -20px 0}.light-shaft{right:-10%;width:50%;top:0}.light-pool{left:0;bottom:10%}.cinema-hero .hero-copy h1{font-size:clamp(39px,6.5vw,60px)}}
@media(prefers-reduced-motion:reduce){.cinema-hero *,.cinema-hero *:after{animation:none!important}.hero-dust{display:none}.light-shaft{transform:rotate(28deg);opacity:.5}.cinema-desktop,.cinema-mobile{opacity:1}.cinema-hero .hero-copy em{background:none;color:#f5b465}}

.cinema-art{overflow:clip}