/* Shared section spacing; the full, uncropped film opens on demand in a native dialog. */
.env-sector-benefits-has-film{border-bottom:1px solid var(--env-line)}
.env-sector-section.env-project-film{background:#fff;margin-block:0;padding-block:var(--env-space-section)}
/* Consecutive white project sections share one section-sized gap. */
.env-sector-section.env-article-story-has-film{padding-bottom:0}
.env-project-film-heading{margin-bottom:var(--env-space-content)}
.env-project-film-heading .env-prose{margin-top:var(--env-space-copy)}
.env-project-film-preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:64/35;max-height:600px;overflow:hidden;border-radius:var(--env-radius,8px);background:var(--env-ink);text-decoration:none!important;isolation:isolate}
.env-project-film-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.env-project-film-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,36,50,.35),rgba(10,36,50,.12));pointer-events:none}
.env-project-film-play{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:16px 24px;background:var(--env-blue);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:var(--env-radius,8px);font:600 16px/1.4 var(--env-font);box-shadow:0 6px 24px rgba(0,24,40,.18);transition:background-color .18s}
.env-project-film-play svg{display:block;width:22px;height:22px;flex:none}
.env-project-film-preview:hover .env-project-film-play{background:var(--env-blue-dark)}
.env-project-film-preview:focus-visible{outline:3px solid var(--env-blue);outline-offset:5px}
.env-project-film-dialog{position:fixed;inset:0;width:min(1280px,calc(100vw - 48px),calc((100vh - 48px)*16/9));width:min(1280px,calc(100vw - 48px),calc((100dvh - 48px)*16/9));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;margin:auto;border:0;border-radius:var(--env-radius,8px);background:transparent;color:#fff;box-shadow:none;overflow:auto;overscroll-behavior:contain}
.env-project-film-dialog:not([open]){display:none}
.env-project-film-dialog::backdrop{background:rgba(3,20,30,.85)}
.envicon-ux .env-project-film-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.env-project-film-dialog :is(button,video,a):focus-visible{outline:3px solid #9cddff;outline-offset:-3px}
.env-project-film-dialog[data-input="pointer"] video:focus-visible{outline:none}
.env-project-film-error{padding:16px 24px;margin:0;color:#fff;font:400 15px/1.6 var(--env-font)}
.env-project-film-error a{color:#fff;text-decoration:underline}
body.env-film-modal-open{position:fixed;inset-inline:0;width:100%;overflow:hidden}
@media(max-width:1100px){
 .env-project-film-preview{aspect-ratio:8/5;max-height:500px}
}
@media(max-width:767px){
 .env-project-film-preview{aspect-ratio:32/25;max-height:none}
 .env-project-film-play{min-height:52px;padding:14px 18px;font-size:15px;gap:8px}
 .env-project-film-play svg{width:20px;height:20px}
 .env-project-film-dialog{width:min(calc(100vw - 24px),calc((100vh - 24px)*16/9));width:min(calc(100vw - 24px),calc((100dvh - 24px)*16/9));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){.env-project-film-play{transition:none}}