.cinema-concrete{background:#e9e9e5 url('assets/concrete-surface.svg') repeat;background-size:1200px}.cinema-concrete #ofr-header{background:#edede9f5;backdrop-filter:blur(8px)}.cinema-concrete .cinema-hero{background:#e8e8e5 url('assets/concrete-surface.svg') repeat;background-size:1000px;color:#272725;min-height:650px;height:calc(100svh - 88px);max-height:850px}.cinema-concrete .cinema-image{width:73%;left:0}.cinema-concrete .cinema-image>img{filter:saturate(.75);object-position:72% center}.cinema-concrete .cinema-shadow{background:linear-gradient(270deg,#e8e8e5 0%,#e8e8e5f2 25%,#e8e8e5d6 38%,#e8e8e520 63%,#e8e8e500 82%),linear-gradient(0deg,#e8e8e57a,transparent 25%)}.cinema-concrete .cinema-hero:after{height:140px;width:4px;top:29%;left:auto;right:0}.cinema-concrete .cinema-inner{padding-top:58px;padding-bottom:110px}.cinema-concrete .cinema-copy{max-width:735px;width:64%}.cinema-concrete .cinema-copy>.eyebrow{color:#5c5c56;font-size:10px;letter-spacing:2.2px}.cinema-concrete .cinema-copy h1{font-size:clamp(70px,7.3vw,111px);line-height:1.08;letter-spacing:-3.3px}.cinema-concrete .cinema-copy h1 em{color:#c62c21}.cinema-concrete .cinema-copy>p{color:#555550;font-size:18px;font-weight:400;max-width:490px}.cinema-concrete .cinema-copy .button-ghost{color:#373733;border-color:#77776d}.cinema-concrete .cinema-side{border-color:#33333355;background:#eeeeeaad;backdrop-filter:blur(8px);padding:15px 18px 18px;width:210px;color:#2d2d29}.cinema-concrete .cinema-side>span,.cinema-concrete .cinema-side>small{color:#474741}.cinema-concrete .cinema-side>strong{font-size:88px;line-height:1.2}.cinema-concrete .cinema-side strong>span{color:#c12c20;font-size:44px}.cinema-concrete .cinema-bottom{border-color:#33333350;color:#4b4b45}.cinema-concrete .cinema-bottom span:last-child{font-size:9px}.cinema-concrete .cinema-sectors{background:#e9e9e5 url('assets/concrete-surface.svg') repeat;background-size:1200px}.cinema-concrete .cinema-sectors .section-heading h2{color:#272723;font-size:53px}.cinema-concrete .sector-grid{gap:18px}.cinema-concrete .sector-card{height:435px;background:#fafaf7;color:#292926;padding:0;display:flex;justify-content:flex-end;border:1px solid #ccccc5}.cinema-concrete .sector-card:after{display:none}.cinema-concrete .sector-image{height:56%;z-index:-1;filter:saturate(.8);transition:transform .5s}.cinema-concrete .sector-number{position:absolute;top:17px;right:17px;font-size:9px;background:#f8f8f2e8;color:#42423b;padding:5px 8px;z-index:1}.cinema-concrete .sector-copy{position:relative;background:#f8f8f4;width:100%;padding:24px 23px 20px;min-height:202px}.cinema-concrete .sector-copy h3{font-size:29px;color:#272722;min-height:36px;margin-bottom:11px}.cinema-concrete .sector-copy p{color:#63635b;font-size:13px;min-height:47px}.cinema-concrete .sector-link{margin-top:17px;padding-top:13px;border-color:#c5c5ba;color:#a52e22;font-size:12px;min-height:43px}.cinema-concrete .sector-link svg{background:transparent;color:#ae3024;padding:3px;width:27px;height:27px}.cinema-concrete .cinema-about{background:#fff}.cinema-concrete .about-photo{background:#ddd}.cinema-concrete .cinema-clients{background:#f2f2ed}.cinema-concrete .cinema-knowledge{background:#fff}.cinema-concrete .site-footer{background:#e2e2dc url('assets/concrete-surface.svg') repeat;background-size:1200px}
@media(max-width:1150px){.cinema-concrete .cinema-copy h1{font-size:83px}.cinema-concrete .cinema-copy{width:70%}.cinema-concrete .cinema-copy>p{font-size:16px}.cinema-concrete .cinema-side{width:172px;padding:14px 14px 15px}.cinema-concrete .cinema-side>strong{font-size:75px}.cinema-concrete .sector-grid{gap:14px}.cinema-concrete .sector-copy{padding:21px 18px 18px}.cinema-concrete .sector-copy h3{font-size:25px;min-height:60px}.cinema-concrete .sector-copy p{font-size:12px;min-height:55px}.cinema-concrete .sector-image{height:52%}.cinema-concrete .sector-card{height:430px}.cinema-concrete .sector-copy{min-height:225px}}
@media(max-width:900px){.cinema-concrete .cinema-copy{width:86%}.cinema-concrete .cinema-copy h1{font-size:77px}.cinema-concrete .cinema-side{display:none}.cinema-concrete .cinema-image{width:100%}.cinema-concrete .cinema-shadow{background:linear-gradient(270deg,#e8e8e5ef,#e8e8e5c2 52%,#e8e8e553),linear-gradient(0deg,#e8e8e5c4,transparent 70%)}.cinema-concrete .sector-card{height:430px}.cinema-concrete .sector-copy h3{font-size:30px;min-height:0}.cinema-concrete .sector-copy p{font-size:13px;min-height:45px}.cinema-concrete .sector-image{height:56%}.cinema-concrete .sector-copy{min-height:202px;padding:23px}}
@media(max-width:650px){.cinema-concrete .cinema-hero,.cinema-concrete .cinema-inner{height:auto;min-height:640px}.cinema-concrete .cinema-inner{padding-top:48px;padding-bottom:107px}.cinema-concrete .cinema-copy{width:100%}.cinema-concrete .cinema-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.cinema-concrete .cinema-copy h1{font-size:59px;line-height:1.13;letter-spacing:-2.2px;margin-bottom:24px}.cinema-concrete .cinema-copy>p{font-size:15px;line-height:1.8;max-width:340px}.cinema-concrete .cinema-shadow{background:linear-gradient(270deg,#e8e8e5ec,#e8e8e5b5),linear-gradient(0deg,#e8e8e5cf,transparent 70%)}.cinema-concrete .cinema-image>img{object-position:65% center;filter:saturate(.65)}.cinema-concrete .cinema-sectors .section-heading h2{font-size:38px}.cinema-concrete .sector-grid{gap:12px}.cinema-concrete .sector-card{height:365px}.cinema-concrete .sector-image{height:46%}.cinema-concrete .sector-number{font-size:7px;top:11px;right:10px;padding:4px 6px;letter-spacing:.6px}.cinema-concrete .sector-copy{padding:18px 14px 15px;min-height:211px}.cinema-concrete .sector-copy h3{font-size:24px;line-height:1.15;min-height:55px;margin-bottom:10px}.cinema-concrete .sector-copy p{font-size:11px;min-height:58px;line-height:1.75}.cinema-concrete .sector-link{font-size:11px;margin-top:11px;padding-top:10px;min-height:36px;gap:5px}.cinema-concrete .sector-link svg{width:21px;height:21px;padding:1px}.cinema-concrete .cinema-bottom span:last-child{font-size:7px}}
@media(max-width:350px){.cinema-concrete .cinema-copy h1{font-size:51px}.cinema-concrete .cinema-copy>p{font-size:14px}.cinema-concrete .cinema-copy .hero-actions{gap:15px}.cinema-concrete .sector-copy{padding:16px 11px}.cinema-concrete .sector-copy h3{font-size:21px;min-height:50px}.cinema-concrete .sector-copy p{font-size:10px;min-height:56px}.cinema-concrete .sector-card{height:344px}.cinema-concrete .sector-copy{min-height:202px}.cinema-concrete .sector-link{font-size:10px}}