.project-film{background:#d9d9d9;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;border-top:1px solid #bdbdbd}
.film-copy h2{font-size:clamp(34px,3.5vw,52px);line-height:1.08;margin:24px 0}
.film-copy h2 em{color:#666}
.film-copy>p:not(.eyebrow){max-width:390px;font-size:15px;line-height:1.75;color:#565656}
.film-details{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;padding-top:19px;border-top:1px solid #b5b5b5;font-size:10px;letter-spacing:.04em;font-weight:600}
.film-screen{position:relative;aspect-ratio:16/9;background:#202020;border-radius:9px;overflow:hidden;box-shadow:0 14px 35px #20202015}
.film-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#202020;color:#fff;display:grid;place-items:center;cursor:pointer}
.film-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .25s,transform .4s}
.film-cover:hover img{opacity:.85;transform:scale(1.025)}
.film-play{z-index:1;width:67px;height:67px;border:1px solid #ffffffbb;background:#ffffff25;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center}
.film-play svg{width:24px;height:24px;fill:currentColor;margin-left:4px}
.film-cover-label{position:absolute;left:22px;bottom:20px;z-index:1;font-size:12px;font-weight:600;text-shadow:0 1px 8px #000}
.film-duration{position:absolute;right:20px;bottom:17px;z-index:1;font-size:10px;font-variant-numeric:tabular-nums;background:#202020b3;padding:5px 8px;border-radius:3px}
.film-cover:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.film-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.film-loading{position:absolute;inset:0;display:grid;place-items:center;color:#e2e2e2;font-size:13px}
.film-footnote{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;color:#606060;font-size:10px;line-height:1.5}
.film-footnote>a{font-weight:600;white-space:nowrap;border-bottom:1px solid #858585;color:#333}
.agency-credit{color:#c9c9c9}.agency-credit:hover{color:#fff}.footer-bottom{flex-wrap:wrap}
@media(max-width:800px){.project-film{gap:5%;grid-template-columns:1fr 1.1fr}.film-copy h2{font-size:34px}.film-copy>p:not(.eyebrow){font-size:13px}.film-details{gap:12px;font-size:8px}.film-footnote{display:block;font-size:9px}.film-footnote>a{display:inline-block;margin-top:8px}.film-play{width:52px;height:52px}}
@media(max-width:580px){.project-film{display:block}.film-copy h2{font-size:37px;margin:22px 0}.film-copy>p:not(.eyebrow){font-size:14px}.film-details{font-size:9px;margin:22px 0 27px}.film-footnote{display:flex;font-size:9px;align-items:start}.film-footnote>a{margin-top:0}.film-cover-label{left:16px;bottom:16px;font-size:11px}.film-duration{right:14px;bottom:12px}.footer-bottom .agency-credit{order:3;flex-basis:100%;font-size:10px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.film-cover img{transition:none}.film-cover:hover img{transform:none}}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#202020}
.film-cover[hidden]{display:none}
html:not(.js) .film-cover{display:none}