/* Film-only layout experiment. Remove this stylesheet link to restore the
   original staggered composition. Photography and music use their own grids. */
#project-grid{
 --film-drift:28;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:clamp(32px,5vw,72px);
 row-gap:72px;
 align-items:start;
}
#project-grid .project:nth-child(n){
 grid-column:auto;
 width:100%;
 margin:0;
 justify-self:stretch;
 align-self:start;
}
#project-grid .project:nth-child(2n){margin-top:40px}
#project-grid .project-image{aspect-ratio:16/9}
#project-grid .project-caption{padding-top:15px;line-height:1.35}
#project-grid .project-client{
 display:inline;
 font-size:17.5px;
 line-height:1.25;
 letter-spacing:0;
 color:var(--ink);
}
#project-grid .caption-divider{display:inline}
#project-grid .project-title{
 display:inline;
 margin:0;
 font-size:15px;
 line-height:1.35;
 color:var(--muted);
}
#project-grid .project-category{font-size:11px;letter-spacing:.035em;margin-top:5px}
#project-grid .play-cue{
 opacity:1;
 justify-content:flex-end;
 align-items:flex-end;
 padding:14px;
 background:none;
}
#project-grid .play-cue span{
 width:43px;height:43px;
 font-size:10px;
 background:#15151599;
 border-color:#ffffffb3;
 transition:background .25s,color .25s,border-color .25s;
}
#project-grid .project:hover .play-cue span,
#project-grid .project:focus-visible .play-cue span{
 background:var(--paper);color:var(--ink);border-color:var(--paper);
}
#film-filters{margin-bottom:38px}
@media(max-width:900px){
 #project-grid{column-gap:32px;row-gap:54px;--film-drift:20}
 #project-grid .project:nth-child(2n){margin-top:28px}
}
@media(max-width:600px){
 #project-grid{grid-template-columns:minmax(0,1fr);row-gap:44px;--film-drift:0}
 #project-grid .project:nth-child(n){margin:0;width:100%}
 #project-grid .project-title{font-size:14px}
 #project-grid .project-caption{padding-top:12px}
 #project-grid .project-category{margin-top:4px}
 #project-grid .play-cue{padding:12px}
 #project-grid .play-cue span{width:39px;height:39px;font-size:9px}
 #film-filters{margin-bottom:28px}
}