.cinema-site{--cinema-ink:#0d130a;--cinema-green:var(--batili-accent,#007a44);--cinema-line:#dce3dc;--cinema-header:84px;--cinema-peek:64px;color:var(--cinema-ink)}
.cinema-site .signature-header{border-bottom-color:#e3e8e0}
.cinema-site .cinema-kicker{font-size:11px;font-weight:600;line-height:1.5;margin:0 0 20px;display:block}
.cinema-site .cinema-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;line-height:1.5;color:inherit}
.cinema-site .cinema-action svg{width:20px;height:20px}
.cinema-journey{height:auto;position:relative;background:#fff}
.cinema-enabled .cinema-journey:not(.is-static){height:305svh}
.cinema-pin{position:relative;top:0;height:calc(100svh - var(--cinema-header))}
.cinema-enabled .cinema-journey:not(.is-static) .cinema-pin{position:sticky;top:var(--cinema-header)}
.cinema-stage{height:calc(100svh - var(--cinema-header) - var(--cinema-peek));position:relative;overflow:hidden;background:#edf2eb;isolation:isolate}
.cinema-image,.cinema-motion{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.cinema-image img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.cinema-motion{object-fit:cover;object-position:center;opacity:0;transition:opacity .45s}
.has-cinema-film .cinema-motion{opacity:1}
.cinema-brand,.cinema-scene-copy{position:absolute;left:var(--signature-pad);top:58px;width:min(860px,calc(100% - 2 * var(--signature-pad)));pointer-events:none}
.cinema-brand>a,.cinema-brand button,.cinema-brand .cinema-entry-actions,.cinema-scene-copy>a{pointer-events:auto}
.cinema-brand h1{margin:0;font-family:Oswald,Poppins,Arial,sans-serif;line-height:.98;font-weight:600}
.cinema-brand h1>span:first-child{display:block;font-size:144px}
.cinema-brand h1>span:last-child{display:block;font-size:26px;font-family:Poppins,Arial,sans-serif;font-weight:600;margin-top:16px}
.cinema-brand>p:not(.cinema-kicker){font-size:21px;margin:25px 0 12px;line-height:1.6}
.cinema-entry-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.cinema-entry-actions .signature-text-button{font-size:12px;white-space:nowrap}
.cinema-scene-copy{opacity:0;visibility:hidden;max-width:740px}
.cinema-scene-copy h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:100px;font-weight:500;line-height:1.05;margin:0 0 22px}
.cinema-scene-copy>p{font-size:15px;line-height:1.75;max-width:340px;margin:0}
.cinema-controls{position:absolute;right:var(--signature-pad);top:26px;display:flex;gap:8px}
.cinema-controls .signature-icon-button{background:#ffffffe6;border-color:#ffffff80}
.cinema-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:8px var(--signature-pad) 10px;min-height:62px;background:#ffffffe8}
.cinema-caption>span:first-child{font-size:9px;line-height:1.6;max-width:390px;color:#4d594b}
.cinema-caption nav{display:flex;align-items:center;gap:28px}
.cinema-caption button{display:flex;align-items:center;gap:9px;padding:10px 0;min-height:42px;border:0;background:transparent;color:#5d6b5c;font-size:10px;white-space:nowrap}
.cinema-caption button>span{font-size:9px;color:var(--batili-accent,#007a44)}
.cinema-caption button[aria-current=step]{color:#0d130a;font-weight:600}
.cinema-progress{position:absolute;bottom:0;left:var(--signature-pad);right:var(--signature-pad);height:2px;background:#dbe2d8}
.cinema-progress>span{display:block;width:100%;height:100%;background:#00a159;transform:scaleX(0);transform-origin:left}
.cinema-facts{height:var(--cinema-peek);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px var(--signature-pad);border-bottom:1px solid var(--cinema-line);background:#fff;font-size:11px}
.cinema-facts a{display:inline-flex;align-items:center;gap:14px;font-weight:500}
.cinema-manifesto{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:110px;padding:115px var(--signature-pad);align-items:center}
.cinema-manifesto h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:80px;line-height:1.08;font-weight:500;margin:32px 0 36px}
.cinema-manifesto h2>span{display:block;overflow:hidden}
.cinema-green{color:var(--cinema-green)}
.cinema-intro-copy{max-width:450px}
.cinema-intro-copy p{font-size:14px;line-height:1.9;color:#52614f;margin:0 0 18px}
.cinema-manifesto-image{margin:0;min-width:0;align-self:start;padding-top:84px}
.cinema-manifesto-image img{width:100%;height:auto}
.cinema-manifesto-image figcaption{font-size:9px;margin-top:13px;color:#667260}
.cinema-gallery{position:relative;scroll-margin-top:100px;background:#fff}
.cinema-gallery-pin{padding:40px 0 24px;position:relative;background:#fff}
.cinema-enabled .cinema-gallery.is-horizontal .cinema-gallery-pin{position:sticky;top:var(--cinema-header);height:calc(100svh - var(--cinema-header))}
.cinema-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 var(--signature-pad) 30px}
.cinema-gallery-heading h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:52px;line-height:1.1;font-weight:500;margin:0}
.cinema-gallery-heading .cinema-kicker{margin-bottom:15px}
.cinema-gallery-window{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--batili-green,#00a159) #edf7f2}
.cinema-gallery.is-horizontal .cinema-gallery-window{overflow:hidden}
.cinema-gallery-track{--rail-height:min(58svh,620px);display:flex;gap:50px;width:max-content;padding:0 var(--signature-pad);align-items:start;will-change:transform}
.cinema-project{flex:0 0 auto;min-width:0;width:calc(min(var(--rail-height),var(--photo-height)) * var(--photo-ratio))}
.cinema-project-image{position:relative;display:block;overflow:hidden;height:min(var(--rail-height),var(--photo-height));width:100%;aspect-ratio:var(--photo-ratio);background:#f0f3eb}
.cinema-project-image img{height:100%;width:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.cinema-project-image:hover img{transform:scale(1.025)}
.cinema-project-open{position:absolute;right:15px;bottom:15px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;color:#0d130a}
.cinema-project-caption{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;padding:22px 0 0;min-height:112px}
.cinema-project-index{font-size:9px;padding-top:8px;color:#6b7966}
.cinema-project-caption h3{font-size:22px;font-weight:500;line-height:1.3;margin:0 0 8px;max-width:460px}
.cinema-project-caption p{font-size:11px;color:#5d6d56;line-height:1.7;margin:0;max-width:440px}
.cinema-project-caption>span:last-child{font-size:9px;line-height:1.6;max-width:150px;text-align:right;padding-top:7px}
.cinema-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px var(--signature-pad) 0;font-size:10px;color:#62715b}
.cinema-gallery-footer a{display:inline-flex;align-items:center;gap:14px;color:#0d130a}
.cinema-gallery-buttons{display:flex;align-items:center;gap:8px;margin-left:20px}
.cinema-gallery-actions{display:flex;align-items:center}
.cinema-site .signature-savoir{margin-top:70px;background:#f0f4ee;gap:105px;padding-block:90px}
.cinema-site .signature-savoir-copy h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:58px;line-height:1.1;font-weight:500}
.cinema-site .signature-expertises summary{font-size:18px;padding-block:24px}
.cinema-conclusion{padding:100px var(--signature-pad);text-align:center}
.cinema-conclusion>p{font-size:17px;margin:0 0 14px;color:#4c5c46}
.cinema-conclusion h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:72px;font-weight:500;line-height:1.15;margin:0 0 28px;color:var(--batili-green,#00a159)}
.cinema-conclusion>span{font-size:11px;color:#5c6b55}
.cinema-contact{background:var(--batili-green,#00a159);color:var(--cinema-ink);padding:70px var(--signature-pad) 30px}
.cinema-contact>div{display:flex;justify-content:space-between;align-items:center;gap:36px}
.cinema-contact h2{font-family:Oswald,Poppins,Arial,sans-serif;font-size:104px;font-weight:500;line-height:1.05;margin:10px 0 45px}
.cinema-contact-arrow{width:100px;height:100px;border:1px solid #ffffff66;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.cinema-contact-arrow svg{width:55px;height:55px;stroke-width:1}
.cinema-contact footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px;border-top:1px solid #ffffff40;padding-top:25px;font-size:12px}
.cinema-contact footer>span{font-size:10px}
.cinema-journey.is-static{height:auto!important}
.cinema-journey.is-static .cinema-pin{position:relative!important;top:0!important}
.cinema-journey.is-static .cinema-motion,.cinema-journey.is-static .cinema-caption nav{display:none}
.cinema-journey.is-static .cinema-brand{visibility:visible!important;opacity:1!important;transform:none!important}
.cinema-journey.is-static .cinema-scene-copy{visibility:hidden!important;opacity:0!important}
.cinema-journey.is-static .cinema-controls button:disabled{display:none}
.cinema-journey.is-static .cinema-caption>span:first-child{max-width:100%}
html:not(.cinema-script) .cinema-controls button,html:not(.cinema-script) .cinema-caption nav{display:none}
html:not(.cinema-script) .cinema-gallery-buttons{display:none}
@media(min-width:1700px){.cinema-brand h1>span:first-child{font-size:174px}.cinema-brand h1>span:last-child{font-size:31px}.cinema-scene-copy h2{font-size:116px}.cinema-manifesto{gap:140px}.cinema-manifesto h2{font-size:96px}.cinema-gallery-track{gap:66px}.cinema-site .signature-savoir{gap:140px}}
@media(max-width:1100px){.cinema-brand h1>span:first-child{font-size:124px}.cinema-brand h1>span:last-child{font-size:23px}.cinema-caption nav{gap:18px}.cinema-caption>span:first-child{max-width:300px}.cinema-manifesto{gap:55px;padding-block:85px}.cinema-manifesto h2{font-size:66px}.cinema-gallery-heading h2{font-size:44px}.cinema-gallery-track{gap:35px}.cinema-site .signature-savoir{gap:55px}.cinema-site .signature-savoir-copy h2{font-size:49px}.cinema-contact h2{font-size:88px}}
@media(max-width:900px){.cinema-gallery-pin{padding-top:25px;padding-bottom:35px}.cinema-gallery-track{gap:25px}.cinema-project{width:min(84vw,500px)}.cinema-project-image{height:auto;aspect-ratio:var(--photo-ratio)}.cinema-project-caption{grid-template-columns:20px 1fr;min-height:128px}.cinema-project-caption>span:last-child{grid-column:2;text-align:left;padding:0;max-width:100%;margin-top:-4px}.cinema-gallery-heading{align-items:start}.cinema-gallery-heading h2{font-size:40px}.cinema-gallery-actions{flex-direction:column;align-items:end;gap:14px}.cinema-gallery-buttons{margin:0}.cinema-gallery-window{scroll-snap-type:x mandatory}.cinema-project{scroll-snap-align:center}.cinema-manifesto{gap:35px}.cinema-manifesto h2{font-size:58px}.cinema-manifesto-image{padding-top:60px}.cinema-caption{gap:20px}.cinema-caption nav{gap:13px}.cinema-caption button{font-size:9px;gap:6px}.cinema-caption>span:first-child{font-size:8px;max-width:240px}.cinema-contact h2{font-size:74px}.cinema-contact-arrow{width:80px;height:80px}}
@media(max-width:700px){.cinema-site{--cinema-header:74px;--cinema-peek:64px}.cinema-enabled .cinema-journey:not(.is-static){height:280svh}.cinema-brand,.cinema-scene-copy{bottom:120px;width:calc(100% - 2 * var(--signature-pad))}.cinema-brand h1>span:first-child{font-size:102px}.cinema-brand h1>span:last-child{font-size:18px;margin-top:12px}.cinema-brand .cinema-kicker{font-size:9px;margin-bottom:18px}.cinema-brand>p:not(.cinema-kicker){font-size:16px;line-height:1.6;margin:20px 0 8px;max-width:330px}.cinema-entry-actions{gap:18px;flex-wrap:nowrap}.cinema-entry-actions .cinema-action{font-size:11px;gap:12px}.cinema-entry-actions .signature-text-button{font-size:10px;gap:7px}.cinema-entry-actions svg{width:16px;height:16px}.cinema-scene-copy h2{font-size:66px;margin-bottom:18px}.cinema-scene-copy .cinema-kicker{font-size:9px;margin-bottom:15px}.cinema-scene-copy>p{font-size:12px;line-height:1.75}.cinema-scene-copy .cinema-action{font-size:12px}.cinema-controls{top:20px;gap:6px}.cinema-controls .signature-icon-button{width:36px;height:36px}.cinema-controls svg{width:17px;height:17px}.cinema-caption{min-height:83px;display:block;padding-top:8px;padding-bottom:7px}.cinema-caption>span:first-child{display:block;max-width:none;font-size:8px;line-height:1.5;margin-bottom:2px}.cinema-caption nav{justify-content:space-between;gap:8px}.cinema-caption button{font-size:9px;gap:6px;min-height:43px;padding-block:7px}.cinema-caption button>span{font-size:8px}.cinema-facts{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:7px 10px;padding-block:13px}.cinema-facts a{gap:9px}.cinema-facts svg{width:15px;height:15px}.cinema-manifesto{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-block:56px}.cinema-site .cinema-kicker{font-size:10px}.cinema-manifesto h2{font-size:57px;margin-top:25px;margin-bottom:27px}.cinema-intro-copy p{font-size:13px;line-height:1.85}.cinema-manifesto-image{padding-top:0}.cinema-manifesto-image figcaption{font-size:9px}.cinema-gallery{scroll-margin-top:90px}.cinema-gallery-heading{display:block;padding-bottom:25px}.cinema-gallery-heading h2{font-size:39px}.cinema-gallery-actions{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.cinema-gallery-actions .cinema-action{font-size:11px;gap:14px}.cinema-gallery-buttons .signature-icon-button{width:36px;height:36px}.cinema-gallery-heading .cinema-kicker{margin-bottom:13px}.cinema-project-caption h3{font-size:20px}.cinema-project-caption p{font-size:11px}.cinema-project-caption>span:last-child{font-size:9px}.cinema-project-caption{padding-top:17px;min-height:125px}.cinema-gallery-footer{display:block;font-size:9px;line-height:1.7;padding-top:4px}.cinema-gallery-footer a{display:flex;justify-content:space-between;margin-top:13px}.cinema-site .signature-savoir{margin-top:25px;padding-block:48px;gap:30px}.cinema-site .signature-savoir-copy h2{font-size:42px}.cinema-site .signature-expertises summary{font-size:16px;padding-block:21px}.cinema-conclusion{padding-block:55px}.cinema-conclusion>p{font-size:13px}.cinema-conclusion h2{font-size:46px;margin-bottom:20px}.cinema-conclusion>span{font-size:9px;display:block;line-height:1.8}.cinema-contact{padding-top:48px;padding-bottom:28px}.cinema-contact h2{font-size:60px;margin-top:8px;margin-bottom:34px}.cinema-contact>div{gap:18px}.cinema-contact-arrow{width:52px;height:52px}.cinema-contact-arrow svg{width:30px;height:30px}.cinema-contact footer{display:grid;grid-template-columns:1fr;font-size:12px;gap:15px}.cinema-contact footer>span{font-size:10px}}
@media(max-width:360px){.cinema-brand h1>span:first-child{font-size:86px}.cinema-brand h1>span:last-child{font-size:16px}.cinema-brand>p:not(.cinema-kicker){font-size:14px}.cinema-brand .cinema-kicker{font-size:8px}.cinema-entry-actions{gap:14px}.cinema-entry-actions .cinema-action{font-size:10px}.cinema-entry-actions .signature-text-button{font-size:9px}.cinema-caption button{font-size:8px;gap:4px}.cinema-scene-copy h2{font-size:56px}.cinema-contact h2{font-size:51px}.cinema-contact-arrow{width:44px;height:44px}.cinema-manifesto h2{font-size:51px}}
@media(min-height:601px) and (max-width:700px){.cinema-brand{top:32px;bottom:auto}.cinema-scene-copy{top:52px;bottom:auto}}
@media(max-width:700px){.cinema-project-image{aspect-ratio:4/3}.cinema-project-image img{object-fit:cover;object-position:center 46%}.cinema-project-caption{min-height:116px}.cinema-gallery-buttons .signature-icon-button{width:44px;height:44px}}
@media(max-height:600px){.cinema-stage{height:calc(100svh - var(--cinema-header) - var(--cinema-peek))}.cinema-brand{bottom:46px}.cinema-brand .cinema-kicker{display:none}.cinema-brand h1>span:first-child{font-size:63px}.cinema-brand h1>span:last-child{font-size:12px;margin-top:7px}.cinema-brand>p:not(.cinema-kicker){font-size:12px;margin:12px 0 0}.cinema-entry-actions .cinema-action{font-size:10px;padding-block:6px}.cinema-entry-actions .signature-text-button{font-size:9px}.cinema-caption{min-height:28px;padding-block:6px}.cinema-caption>span:first-child{font-size:8px}.cinema-controls{top:12px}}
@media(prefers-reduced-motion:reduce){.cinema-journey{height:auto!important}.cinema-pin{position:relative!important;top:0!important}.cinema-motion,.cinema-caption nav{display:none}.cinema-site *{scroll-behavior:auto!important}.cinema-gallery-track{transform:none!important}.cinema-gallery-window{overflow-x:auto!important}}
@media(max-height:600px){.cinema-brand{top:auto;bottom:46px}}
@media(max-width:360px){.cinema-site{--cinema-peek:80px}}