
/* F reference blend: J&C cinematic scale / MWM restraint. Original TPP composition. */
:root{--navy:#142c2c;--navy-2:#233f3e;--ink:#193333;--accent:#345d61;--accent-2:#23484b}
.nav-links a{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.cinematic-home header{position:absolute;top:32px;left:0;right:0;background:transparent;backdrop-filter:none;border:0;color:#f4f5ef}.cinematic-home .brand{color:#fff}.cinematic-home .nav>.btn{background:transparent;border:1px solid #aebfbb;color:white}.cinematic-home .nav-links a[aria-current=page]{color:white}.cinema{position:relative;min-height:820px;height:calc(100svh - 32px);max-height:1100px;display:flex;align-items:center;justify-content:center;isolation:isolate}.cinema-image{position:absolute;inset:-4%;z-index:-2;background:url('office.jpg') center/cover no-repeat;filter:saturate(.25);animation:cinema-pan 22s ease-in-out infinite alternate}.cinema-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102928bd 0%,#122b2bc9 48%,#0c2323e8 100%)}.cinema-copy{text-align:center;width:100%;padding-top:110px;padding-bottom:110px}.cinema .eyebrow{margin-bottom:30px;letter-spacing:.25em;font-size:10px;color:#d0dbd5}.cinema h1{font-size:clamp(56px,6vw,88px);line-height:1.1;letter-spacing:-.04em;max-width:1080px;margin:auto}.cinema h1 em{font-style:normal;color:#f3f4ed}.cinema-copy>p:not(.eyebrow){color:#d2dcd7;font-size:15px;line-height:1.7;margin-top:28px}.cinema-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #b5c7bf;font-size:12px;letter-spacing:.04em;padding:15px 0;margin-top:24px;transition:gap .3s}.cinema-link:hover{gap:65px}.cinema .atelier-foot{position:absolute;bottom:0;left:0;right:0;width:100%;border-top:1px solid #7c96934d;padding-top:24px;padding-bottom:24px}.cinema .motion-toggle{border:0;border-bottom:1px solid #7c9693;padding:6px 0}.motion-paused .cinema-image{animation-play-state:paused}@keyframes cinema-pan{from{transform:scale(1)}to{transform:scale(1.07) translateX(1%)}}.cinematic-home #approach{background:#edf1ed!important}.cinematic-home .cta{background:#142c2c}.cinematic-home footer{background:#142c2c}
@media(max-width:900px){.cinematic-home .nav-links.is-open{background:#142c2c}.cinematic-home .nav-links a{font-size:14px}.cinematic-home .menu-toggle{background:transparent;color:white;border-color:#9caeaa}.cinema{min-height:760px}.cinema-copy{padding-top:125px}.cinematic-home .nav>.btn{display:none}}
@media(max-width:600px){.cinema{min-height:730px;height:calc(100svh - 32px)}.cinema h1{font-size:49px;line-height:1.13}.cinema .eyebrow{font-size:8px;letter-spacing:.16em}.cinema-copy>p:not(.eyebrow){font-size:15px}.cinema .atelier-foot{font-size:8px}.cinematic-home header{top:31px}.cinema-image{background-position:58% center}}
@media(prefers-reduced-motion:reduce){.cinema-image{animation:none;transform:none}}
.cinematic-home .nav-links a{color:#edf2eb}.cinematic-home .nav-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:7px}

.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.cinema-video[hidden]{display:none}.cinema-image{animation:none}.cinema:has(.cinema-video:not([hidden])) .cinema-image{visibility:hidden}
