.passport-cinema{position:relative;isolation:isolate;overflow:hidden;background:#132d20;color:white;min-height:900px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:80px 6% 64px;gap:24px;align-items:center}.passport-cinema:before{content:'';position:absolute;inset:0;z-index:-2;background:url('./solar-farm.webp') center/cover no-repeat}.passport-cinema:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#082317c9 0%,#08231777 38%,#08231710 70%)}.passport-cinema .cinema-copy{max-width:550px;align-self:center;padding-bottom:60px}.passport-cinema h2{font-family:Montserrat,Inter,Arial,sans-serif;font-size:clamp(44px,4.6vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0 0 32px;color:#fff}.passport-cinema h3{font-size:24px;color:white;margin:0 0 14px}.passport-cinema p{font-size:19px;line-height:1.55;max-width:360px}.passport-cinema .button{background:#c34a08;color:white;margin-top:18px;border-radius:8px;padding:16px 22px}.passport-cinema .cinema-note{font-size:13px;max-width:360px;color:#e4eadd;margin-top:18px}.phone-column{min-width:0;position:relative}.phone-stage{height:690px;position:relative;overflow:visible;touch-action:pan-y}.phone-stage>canvas,.phone-stage>.phone-dom{position:absolute;inset:0;pointer-events:none}.phone-dom{overflow:visible!important}.phone-screen{width:390px;height:844px;border-radius:44px;overflow:hidden;background:#f3f6f4;pointer-events:auto;backface-visibility:hidden;position:relative;box-shadow:inset 0 0 0 3px #111}.phone-screen:before{content:'';position:absolute;left:50%;top:11px;transform:translateX(-50%);height:22px;width:108px;border-radius:20px;background:#0b0d0c;z-index:3;pointer-events:none}.phone-status{height:44px;background:white;color:#173d29;font:600 11px/1 Inter,Arial;display:flex;align-items:center;justify-content:space-between;padding:13px 24px 0}.phone-screen iframe{width:100%;height:800px;border:0;display:block;background:#f3f6f4}.phone-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:6px}.phone-controls button{border:1px solid #ffffff66;background:#092a20bc;border-radius:8px;min-width:44px;min-height:44px;padding:10px 14px;color:#fff;font:500 14px Inter,Arial;cursor:pointer}.phone-controls button:hover{background:#244e38}.phone-controls button:focus-visible,.phone-controls input:focus-visible,.phone-rotate:focus-visible{outline:3px solid #ffb66b;outline-offset:4px}.phone-rotate{display:block;cursor:grab;touch-action:none;user-select:none;text-align:center;border:1px solid #ffffff60;border-radius:30px;color:#fff;background:#102f23b0;padding:12px 20px;font:500 14px Inter,Arial;margin:6px auto 16px;width:max-content;max-width:100%}.phone-rotate:active{cursor:grabbing}.phone-controls input{width:110px;accent-color:#f68734}.phone-help{text-align:center!important;font-size:12px!important;max-width:none!important;color:#e0e8df;margin:14px 0 0!important}.phone-fallback{color:#fff;text-align:center;padding:22px;font-size:14px}.phone-stage.is-flat{height:auto;min-height:620px;display:flex;justify-content:center}.is-flat .phone-screen{position:relative!important;transform:none!important;width:min(350px,100%);height:680px;border:9px solid #838980;border-radius:40px}.is-flat .phone-screen iframe{height:620px}.phone-only .passport-cinema{min-height:100vh}.phone-only>header,.phone-only>footer{display:none}.phone-only .phone-stage{height:min(740px,76vh)}
@media(min-width:1500px){.phone-stage{height:800px}.passport-cinema{min-height:1000px}}
@media(max-width:950px){.passport-cinema{grid-template-columns:1fr;padding:64px 6% 44px;gap:0}.passport-cinema .cinema-copy{padding:0;max-width:650px}.passport-cinema h2{font-size:clamp(42px,7vw,64px);max-width:600px}.passport-cinema p{max-width:480px}.passport-cinema:before{background-position:65% center}.passport-cinema:after{background:linear-gradient(180deg,#082317c7 0%,#08231750 50%,#08231744 100%)}.phone-column{max-width:650px;width:100%;justify-self:center}.phone-stage{height:700px}.phone-only .phone-stage{height:700px}}
@media(max-width:520px){.passport-cinema{padding:44px 20px 34px}.passport-cinema h2{font-size:43px;margin-bottom:24px}.passport-cinema h3{font-size:22px}.passport-cinema p{font-size:17px}.phone-stage,.phone-only .phone-stage{height:610px}.phone-controls{gap:6px}.phone-controls button{font-size:12px;padding:10px}.phone-controls input{width:80px}.phone-rotate{font-size:13px}.phone-help{font-size:12px!important}.passport-cinema .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){.passport-cinema *{scroll-behavior:auto;transition:none!important}}
.phone-only .phone-stage{height:690px}
@media(max-width:520px){.phone-only .phone-stage{height:610px}}