.project-film{margin-block:48px;padding-top:28px;border-top:1px solid var(--line,#333)}
.project-film-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.project-film-heading h3{font-size:clamp(20px,2.2vw,30px);font-weight:400;line-height:1.35;margin:10px 0 0}
.project-film-heading>.mono{flex-shrink:0;font-size:11px;color:var(--muted,#aaa)}
.project-film-player{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.project-film-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:#111;color:white;cursor:pointer}
.project-film-play[hidden]{display:none}
.project-film-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .25s}
.project-film-play:hover img{opacity:1}
.project-film-play-icon{z-index:1;display:grid;place-items:center;width:76px;height:76px;padding-left:4px;background:rgba(0,0,0,.7);border:1px solid #ddd;border-radius:50%;font-size:25px}
.project-film-play-label{position:absolute;bottom:24px;left:24px;padding:7px 12px;background:rgba(0,0,0,.7);font-size:12px;letter-spacing:.05em}
.project-film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.project-film-link{display:inline-block;margin-top:16px;font-size:13px;border-bottom:1px solid #666;padding-bottom:6px}
.project-film-play:focus-visible{outline:3px solid #b5d6ef;outline-offset:-3px}
@media(max-width:680px){.project-film{margin-block:32px}.project-film-heading{display:block}.project-film-heading>.mono{display:block;margin-top:12px}.project-film-play-icon{width:56px;height:56px;font-size:20px}.project-film-play-label{bottom:12px;left:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.project-film-play img{transition:none}}