@media(max-width:760px){
 .cinematic{min-height:max(844px,100svh);background:#211b38}
 .cinema-photo{top:0;bottom:auto;height:61%;object-position:64% 30%}
 .cinematic:before{background:linear-gradient(180deg,#1b1c3ba6 0%,#24213b00 25%,#211b3800 34%,#211b38d9 49%,#211b38 60%)}
 .header .header-inner{width:calc(100% - 48px);height:82px}
 .header{margin-bottom:-82px}
 .header .brand{width:57px;height:65px}
 .header .brand img{width:49px;height:49px}
 .header .brand>span{display:block;position:absolute;left:calc(24px + 69px);top:26px;border:0;padding:0;color:#eeecf5;font-size:10px;line-height:1.45;font-weight:400}
 .header .brand>span strong{color:inherit;font-weight:400}
 .header .menu-toggle{padding-right:0}
 .header nav{top:82px}
 .cinema-content.container{width:calc(100% - 48px);padding-top:362px;padding-bottom:88px}
 .cinema-overline{font-size:9px;line-height:1.6;letter-spacing:1.65px;margin-bottom:16px}
 .cinematic h1{font-size:45px;font-weight:800;line-height:1.025;letter-spacing:-2.2px}
 .cinema-lead{font-size:14px;line-height:1.65;margin:19px 0 23px;color:#d8d3e2}
 .cinema-mobile-actions{display:flex;align-items:center;gap:10px}
 .cinema-cta{flex:1;justify-content:center;min-height:55px;padding:15px 17px;border-radius:10px;gap:10px;font-size:14px;font-weight:700;line-height:1.45}
 .cinema-cta>.icon:first-child{display:block;width:20px;height:20px}
 .cinema-cta>.icon:last-child{width:18px;height:18px;margin-left:auto}
 .cinema-call{width:54px;min-height:55px;border:1px solid #ffffff40;display:grid;place-items:center;border-radius:10px;color:white;flex-shrink:0}
 .cinema-call .icon{width:20px;height:20px}
 .cinema-proof{font-size:10px;color:#c5bed3;gap:9px;margin-top:17px;max-width:none;align-items:center}
 .cinema-proof .icon{width:16px;height:16px;margin-top:0}
 .cinema-rail{padding:0;background:none;border:0;backdrop-filter:none;bottom:28px}
 .cinema-rail>.container{width:calc(100% - 48px);display:flex;flex-wrap:wrap;gap:6px}
 .cinema-rail a{font-size:9px;border:1px solid #ffffff20;border-radius:5px;padding:5px 7px;line-height:1.5;gap:0}
 .cinema-rail a .icon{display:none}
 .cinema-rail .service-full-name{display:none}
 .floating-contact{bottom:20px;right:16px}
}
.cinema-call{display:none}.cinema-cta>.icon:first-child{display:none}.cinema-mobile-label{display:none}
@media(max-width:760px){.cinema-call{display:grid}.cinema-cta>.icon:first-child{display:block}}
@media(max-width:760px){.cinema-desktop-label{display:none}.cinema-mobile-label{display:inline}}
@media(max-width:360px){.cinematic h1{font-size:41px}.cinema-content.container{width:calc(100% - 40px);padding-top:342px}.header .header-inner{width:calc(100% - 40px)}.header .brand>span{left:89px}.cinema-cta{font-size:12px;padding-inline:14px}.cinema-rail>.container{width:calc(100% - 40px)}.cinema-rail a{font-size:8px;padding-inline:6px}}

/* Keep contact controls reachable, including devices with a home indicator. */
@media(max-width:760px){
 .floating-contact{flex-direction:row;gap:9px;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:90}
 .floating-contact a{width:52px;height:52px;min-width:52px;padding:0;border:1px solid #ffffff40;box-shadow:0 6px 24px #15112c38}
 .floating-contact a:focus-visible{outline:3px solid #118da0;outline-offset:4px}
 .cinema-content.container{padding-bottom:24px}
 .cinema-rail{position:relative;bottom:auto;padding-bottom:100px}
 .cinema-rail>.container{padding-right:125px}
 .cinema-rail a{min-height:44px;display:flex;align-items:center;font-size:10px;padding-inline:8px}
 .cinematic h1{font-size:clamp(38px,11.54vw,54px)}
 .cinema-cta{min-width:0}
 .cinema-call{display:none}
 .cinema-content.container{padding-top:clamp(300px,92.8vw,440px)}
 .cinema-photo{height:540px;max-height:65%}
 .menu-toggle{min-width:44px;min-height:44px}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .contact a{overflow-wrap:anywhere}
}
@media(max-width:760px) and (max-height:500px) and (orientation:landscape){
 .cinema-content.container{padding-top:160px;max-width:600px}
 .cinema-photo{height:100%;max-height:none;object-position:64% 30%}
 .cinematic:before{background:linear-gradient(90deg,#211b38eb,#211b38a6 60%,#211b3870)}
 .cinematic{min-height:100svh}
 .cinematic h1{font-size:42px}
 .cinema-rail{padding-bottom:90px}
}
