.is-environmental-cinematic{--bg:#0b1512;--fg:#edeff2;--accent:#2fd1c6;--con-pad:clamp(24px,4.3vw,84px);background:#0b1512;color:#edeff2}
.is-environmental-cinematic .con-button,.is-environmental-cinematic .btn-primary{background:#2fd1c6;border-color:#2fd1c6;color:#061713!important}
.is-environmental-cinematic .con-button:hover,.is-environmental-cinematic .btn-primary:hover{background:#65e5db;border-color:#65e5db}
.is-environmental-cinematic .con-eyebrow,.is-environmental-cinematic h1 span,.is-environmental-cinematic h2 span{color:#2fd1c6}
.is-environmental-cinematic .con-approach .con-eyebrow{color:#155e67}.is-environmental-cinematic .con-service-detail a{color:#155e67}
.is-environmental-cinematic .con-capabilities h2:before{background:#16747b}.is-environmental-cinematic .con-capabilities h2 span,.is-environmental-cinematic .con-approach h2 span{color:#16747b}
.is-environmental-cinematic .con-stages,.is-environmental-cinematic .con-stages a:before{border-color:#2fd1c6}.is-environmental-cinematic .con-stages a:hover:before{background:#2fd1c6}
.is-environmental-cinematic .con-hero h1{font-size:clamp(56px,5.5vw,96px)}.is-environmental-cinematic .con-hero-copy{max-width:700px}
.is-environmental-cinematic .con-inquiry h2{font-size:clamp(36px,3.8vw,66px)}
.env-water{overflow:hidden}.env-water picture{display:block;width:100%;height:100%}.env-water canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.con-inquiry-scene>.env-water{padding:0;position:absolute;inset:0;z-index:-2}.con-inquiry-scene .env-water img{z-index:0;object-position:center center}
.env-motion{font:500 11px var(--font-body);min-height:44px;padding:12px;color:#fff;border:1px solid #ffffff80;background:#0b1512;cursor:pointer}.env-motion[hidden]{display:none}.env-inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff30;padding-bottom:12px}.env-inquiry-heading p{margin:0}
.is-environmental-cinematic :is(section,article)[id]{scroll-margin-top:24px}.is-environmental-cinematic :is(a,button):focus-visible{outline:3px solid #2fd1c6;outline-offset:4px}
@media(max-width:800px){.is-environmental-cinematic .con-hero h1{font-size:clamp(40px,8.4vw,68px)}.is-environmental-cinematic .con-hero-bottom{display:flex;flex-wrap:wrap;gap:12px}.is-environmental-cinematic .con-stages{width:100%}.is-environmental-cinematic .con-inquiry h2{font-size:clamp(37px,7.6vw,55px)}.is-environmental-cinematic .con-scene img{object-fit:cover;object-position:right center}}