.project-films{padding-bottom:85px}.project-films-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(220px,24vw,340px);grid-auto-flow:dense;gap:16px;display:grid}.project-film{isolation:isolate;background:var(--stone);color:#fff;text-align:left;border:0;padding:0;position:relative;overflow:hidden}.project-film[data-orientation=landscape]{grid-column:span 2}.project-film img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.project-film:after{content:"";z-index:-1;background:linear-gradient(#0000 45%,#000000c4 100%);position:absolute;inset:0}.project-film:hover img{transform:scale(1.05)}.project-film-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#171a183b;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;transition:background .3s,color .3s,border-color .3s,transform .3s;display:grid;position:absolute;top:50%;left:50%}.project-film-play svg{margin-left:3px}.project-film:hover .project-film-play{background:var(--gold);border-color:var(--gold);color:var(--ink);transform:scale(1.08)}.project-film-caption{justify-content:space-between;align-items:baseline;gap:10px;display:flex;position:absolute;inset:auto 16px 14px}.project-film-caption strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1.25}.project-film-caption span{color:#ffffffc7;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.local-film-dialog{max-height:calc(100svh - 24px);overflow:auto;width:min(1100px,100vw - 24px)!important;max-width:none!important;color:var(--text)!important;background:#0c0e0c!important;border-radius:0!important;gap:12px!important;padding:16px!important}.local-film-dialog[data-orientation=portrait]{width:min(460px,100vw - 24px)!important}.local-film-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.local-film-heading [data-slot=dialog-title]{letter-spacing:-.01em;font-size:18px;line-height:1.3}.local-film-heading [data-slot=dialog-description]{color:#bcc1b7;margin-top:6px;font-size:11px}.local-film-dialog video{object-fit:contain;background:#000;width:100%;height:auto;max-height:calc(100svh - 190px);display:block}.local-film-controls{justify-content:space-between;gap:10px;display:flex}.local-film-controls button{border:1px solid var(--rule);min-height:44px;color:var(--text);background:0 0;align-items:center;gap:8px;padding:0 16px;font-size:12px;transition:border-color .2s,color .2s;display:inline-flex}.local-film-controls button:hover{border-color:var(--gold);color:var(--gold)}body:has(.local-film-dialog) [data-slot=dialog-overlay]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050605e6}@media (max-width:800px){.project-films-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(220px,62vw,340px)}.project-films{padding-bottom:55px}}@media (max-width:480px){.project-films-grid{grid-auto-rows:70vw;gap:10px}.project-film-caption{flex-direction:column;gap:4px;inset:auto 12px 10px}.project-film-caption strong{font-size:14px}.project-film-play{width:48px;height:48px;margin:-24px 0 0 -24px}}