.project-film.section{position:relative;background:#fff;padding:48px 0;color:#102d36}
.project-film.section.film-scroll-ready{height:320vh;height:320svh;padding:0}
.project-film-sticky{display:flex;align-items:center;justify-content:center;padding:24px 0}
.film-scroll-ready .project-film-sticky{position:sticky;top:0;height:100vh;height:100svh}
.project-film-inner.wrap{width:calc(100% - 48px);max-width:min(1140px,calc((100svh - 182px)*16/9));margin:0 auto}
.project-film h2{text-align:center;font-size:clamp(28px,3.4vw,44px);line-height:1.18;margin:0 auto 26px;max-width:820px}
.project-film-frame{position:relative;margin:0;overflow:hidden;border-radius:28px;background:#fff;aspect-ratio:16/9;border:1px solid #c8dce2;box-shadow:0 20px 55px #102d3610}
.project-film-video{display:block;width:100%;height:100%;object-fit:contain}
.project-film-toggle{position:absolute;bottom:18px;right:18px;border:1px solid #c8dce2;border-radius:999px;background:#102d36e8;color:#fff;padding:10px 17px;font:500 14px/1.2 Outfit,Arial,sans-serif;cursor:pointer}
.project-film-toggle[hidden]{display:none}
.project-film-toggle:focus-visible{outline:3px solid #086a7a;outline-offset:4px}
@media(max-width:640px){.project-film.section.film-scroll-ready{height:280vh;height:280svh}.project-film-inner.wrap{width:calc(100% - 32px)}.project-film h2{margin-bottom:24px}.project-film-frame{border-radius:18px}.project-film-toggle{bottom:10px;right:10px;padding:9px 13px;font-size:12px}}
@media(max-height:500px) and (min-width:641px){.project-film-sticky{padding:12px 0}.project-film h2{font-size:25px;margin-bottom:14px}.project-film-inner.wrap{max-width:calc((100svh - 102px)*16/9)}}
@media(prefers-reduced-motion:reduce){.project-film.section,.project-film.section.film-scroll-ready{height:auto;padding:56px 0}.project-film-sticky,.film-scroll-ready .project-film-sticky{position:static;height:auto;padding:0}.project-film-inner.wrap{max-width:1140px}}