.cinema-title{display:none}
@media(max-width:760px){
/* Frame-filling scenes, not reduced desktop thumbnails. */
.mobile-cinema .architecture-work{overflow:clip!important}
.mobile-cinema .arch-work-heading h2{font-size:clamp(40px,11vw,76px)!important;line-height:.97!important;letter-spacing:-.055em}
.living-page.mobile-cinema .portal,.living-page.mobile-cinema .portal:nth-child(2){padding:0 0 48px!important;gap:0;border:0}
.living-page.mobile-cinema .portal .work-stage{width:calc(100% + 12vw);margin-left:-6vw;height:clamp(460px,78svh,680px);background:#0d2351!important;border:0;box-shadow:none;perspective:900px;isolation:isolate}
.mobile-cinema .cinema-title{display:block;position:absolute;left:4%;top:3%;font-size:clamp(75px,25vw,140px);font-weight:600;letter-spacing:-.075em;text-transform:uppercase;line-height:1;color:#dbe8f8;opacity:.23;white-space:nowrap;transform:translateX(calc(var(--camera,0)*-15%));pointer-events:none}
.mobile-cinema .stage-index{top:auto;bottom:5%;left:-3%;font-size:180px;line-height:.8;color:#c7d7eb18}
.mobile-cinema .work-screen{width:112%;left:-10%;top:24%;transform-origin:50% 55%;transform:translate3d(calc(var(--camera,0)*-13%),calc(var(--camera,0)*-38px),0) rotateY(calc(-17deg + var(--camera,0)*-9deg)) rotateZ(calc(7deg - var(--camera,0)*13deg)) scale(calc(1 - var(--camera,0)*.22));box-shadow:15px 25px 45px #0006;border:1px solid #ffffff55}
.mobile-cinema .work-phone{width:43%;right:7%;bottom:12%;border:4px solid #e8eff9;border-radius:20px;transform-origin:50% 75%;transform:translate3d(calc((1 - var(--camera,0))*85px),calc((1 - var(--camera,0))*115px),85px) rotate(calc(15deg - var(--camera,0)*21deg)) scale(calc(.74 + var(--camera,0)*.31));box-shadow:18px 25px 45px #0007}
.mobile-cinema .work-tag{left:6%;bottom:4%;background:transparent;color:#f1f5fc;box-shadow:none;padding:0;gap:24px;font-size:9px;transform:none;border-bottom:1px solid #8096b5}
.living-page.mobile-cinema .portal .portal-caption{position:relative;z-index:3;padding:26px 24px;background:white;width:94%;margin:-22px 0 0 6%;box-shadow:-8px 10px 0 #dce7f5;transform:translateY(calc((1 - var(--camera,0))*24px))}
.living-page.mobile-cinema .portal .portal-caption h3{font-size:clamp(30px,9vw,48px);line-height:1.02;margin:12px 0}
/* Three tangible service sheets stack through ordinary page scrolling. */
.living-page.mobile-cinema .services{overflow:visible!important;perspective:none!important}
.living-page.mobile-cinema .service-rows{display:block;padding-bottom:25px}
.living-page.mobile-cinema .services .service-rows article{position:sticky;top:94px;min-height:390px;padding:28px 22px;margin:0 -2vw 28px;border:1px solid #7892b4;background:#102d59!important;box-shadow:0 -12px 30px #081a3638;transform:none!important;rotate:0!important;translate:0!important;align-content:start}
.living-page.mobile-cinema .services .service-rows article:nth-child(2){top:108px;background:#173b6a!important}
.living-page.mobile-cinema .services .service-rows article:nth-child(3){top:122px;background:#204878!important}
.living-page.mobile-cinema .services .service-rows h3{font-size:30px;line-height:1.1}
.living-page.mobile-cinema .services .service-rows p{font-size:16px;line-height:1.6}
/* Full-bleed project surface folds away before the real input settles in. */
.living-page.mobile-cinema .flow-scene{height:clamp(490px,84svh,650px);width:calc(100% + 10vw);margin-left:-5vw;margin-bottom:-55px;perspective:950px;background:#0d2351;overflow:hidden}
.mobile-cinema .flow-website{width:140%;left:-20%;top:9%;transform-origin:50% 50%;transform:translate3d(calc(var(--camera,0)*-12%),calc(var(--camera,0)*-45px),0) rotateY(calc(var(--camera,0)*-22deg)) rotateZ(calc(-4deg - var(--camera,0)*5deg)) scale(calc(1 - var(--camera,0)*.18));box-shadow:0 30px 45px #0008}
.mobile-cinema .flow-caption{width:85%;right:5%;bottom:12%;padding:25px;background:white;color:#0d2351;box-shadow:10px 14px 0 #ffffff25;transform:translate3d(calc((1 - var(--camera,0))*100px),calc((1 - var(--camera,0))*90px),50px) rotate(calc(10deg - var(--camera,0)*13deg))}
.mobile-cinema .flow-caption strong{font-size:29px;line-height:1.05}.mobile-cinema .flow-caption p{color:#405d80;font-size:13px}.mobile-cinema .flow-caption>span{color:#405d80}
.living-page.mobile-cinema .flow-workshop .bench{z-index:2}.mobile-cinema .flow-heading h2{font-size:clamp(38px,10vw,60px)!important;line-height:1!important}
}
@media(max-width:760px) and (max-height:650px){.living-page.mobile-cinema .services .service-rows article{position:relative;top:auto!important;min-height:0}}
@media(min-width:761px){
/* The same camera language on larger screens, with gentler angles. */
.living-page.desktop-cinema .portal .work-stage{height:clamp(490px,44vw,690px);background:#0d2351!important;perspective:1500px;isolation:isolate;border:0;box-shadow:14px 20px 0 #dce7f5}
.desktop-cinema .cinema-title{display:block;position:absolute;left:5%;top:4%;font-size:clamp(90px,10vw,190px);font-weight:600;line-height:.9;letter-spacing:-.065em;text-transform:uppercase;color:#dbe8f8;opacity:.2;white-space:nowrap;transform:translateX(calc(var(--camera,0)*-8%));pointer-events:none}
.desktop-cinema .stage-index{top:auto;bottom:4%;left:1%;font-size:clamp(120px,14vw,220px);line-height:.8;color:#c7d7eb14}
.desktop-cinema .work-screen{width:88%;left:3%;top:24%;transform-origin:50% 50%;transform:translate3d(calc(var(--camera,0)*-6%),calc(var(--camera,0)*-25px),0) rotateY(calc(-8deg - var(--camera,0)*7deg)) rotateZ(calc(3deg - var(--camera,0)*6deg)) scale(calc(1 - var(--camera,0)*.13));box-shadow:15px 30px 45px #0006;border:1px solid #ffffff40}
.desktop-cinema .work-phone{width:26%;right:5%;bottom:12%;border:5px solid #e8eff9;border-radius:22px;transform-origin:50% 80%;transform:translate3d(calc((1 - var(--camera,0))*55px),calc((1 - var(--camera,0))*75px),65px) rotate(calc(9deg - var(--camera,0)*12deg)) scale(calc(.86 + var(--camera,0)*.16));box-shadow:15px 30px 45px #0007}
.desktop-cinema .work-tag{left:5%;bottom:5%;padding:0 0 8px;background:transparent;color:#fff;box-shadow:none;border-bottom:1px solid #7892b4;transform:none;font-size:10px}
.living-page.desktop-cinema .portal .portal-caption{transform:translateY(calc((1 - var(--camera,0))*45px));position:relative;z-index:2}
.living-page.desktop-cinema .services{overflow:visible!important;perspective:none!important}
.living-page.desktop-cinema .service-rows{display:block;padding-bottom:30px}
.living-page.desktop-cinema .services .service-rows article{position:sticky;top:104px;min-height:250px;padding:35px 40px;margin:0 0 28px;border:1px solid #7892b4;background:#102d59!important;box-shadow:0 -12px 35px #07162f40;transform:none!important;rotate:0!important;translate:0!important;align-content:start}
.living-page.desktop-cinema .services .service-rows article:nth-child(2){top:120px;background:#173b6a!important}
.living-page.desktop-cinema .services .service-rows article:nth-child(3){top:136px;background:#204878!important}
.living-page.desktop-cinema .flow-scene{height:clamp(580px,46vw,780px);perspective:1600px;background:#0d2351;overflow:hidden;margin-bottom:-50px}
.desktop-cinema .flow-website{width:76%;left:3%;top:9%;transform-origin:50% 50%;transform:translate3d(calc(var(--camera,0)*-5%),calc(var(--camera,0)*-30px),0) rotateY(calc(-4deg - var(--camera,0)*12deg)) rotateZ(calc(2deg - var(--camera,0)*6deg)) scale(calc(1 - var(--camera,0)*.1));box-shadow:10px 35px 55px #0006}
.desktop-cinema .flow-caption{width:35%;right:4%;bottom:14%;padding:32px;background:#fff;color:#0d2351;box-shadow:14px 18px 0 #ffffff20;transform:translate3d(calc((1 - var(--camera,0))*55px),calc((1 - var(--camera,0))*60px),45px) rotate(calc(5deg - var(--camera,0)*7deg))}
.desktop-cinema .flow-caption strong{font-size:32px}.desktop-cinema .flow-caption p,.desktop-cinema .flow-caption>span{color:#405d80}
}
@media(min-width:761px) and (max-height:650px){.living-page.desktop-cinema .services .service-rows article{position:relative;top:auto!important}}
@media(min-width:761px){.desktop-cinema .work-tag{z-index:3;background:#0d2351;padding:10px 14px;border:1px solid #7892b4}}