.project-motion{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.project-motion img{display:block;width:100%;height:100%;object-fit:cover}
.project-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease-out;pointer-events:none}
.project-motion.is-playing video{opacity:1}
.about-layout>.project-motion{height:650px}
.preview-note{display:none}
.project-film-controls{text-align:right;padding-top:16px;padding-bottom:8px}
.project-film-toggle{color:#314b3a;border:1px solid #52665a;background:#fbf9f5;padding:12px 16px;min-height:44px;cursor:pointer;font:inherit;font-size:.8rem}
.project-film-toggle:focus-visible{outline:3px solid #52665a;outline-offset:3px}.project-film-toggle:hover{background:#e8eddf}
@media(max-width:1000px){.about-layout>.project-motion{height:480px}}
@media(max-width:760px){.about-layout>.project-motion{height:auto;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.project-motion video{transition:none}}