/* Project (case) pages. Uses the site's existing colours, type and spacing. */
.project-page{padding-top:48px;padding-bottom:96px}
.back-link{display:inline-block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:40px}
.project-head{margin-bottom:36px}
.project-head .eyebrow{margin-bottom:16px;color:var(--muted)}
.project-head h1{font-size:clamp(40px,5.4vw,84px);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:0}
.project-hero{margin:0 0 56px;background:#000}
.project-hero img{display:block;width:100%;height:auto}

.project-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.project-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:14px 28px;align-content:start;font-size:15px;line-height:1.5}
.project-facts dt{color:var(--muted)}
.project-facts dd{margin:0}
.project-task h2{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;color:var(--muted);margin:0 0 18px}
.project-task p{font-size:18px;line-height:1.8;margin:0;max-width:62ch}
.project-task .draft-note{border:1px dashed var(--line);padding:22px 24px;color:var(--muted);font-size:15px}
.trailer-button{display:inline-flex;align-items:center;gap:14px;margin-top:32px;padding:0;background:none;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}
.trailer-button .play-icon{width:44px;height:44px}

.project-frames{padding-top:64px}
.project-frames h2{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;color:var(--muted);margin:0 0 28px}
.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.frame-grid button{display:block;padding:0;background:#000;cursor:zoom-in}
.frame-grid img{display:block;width:100%;height:auto;transition:opacity .2s}
.frame-grid button:hover img{opacity:.85}
.project-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:72px;padding-top:28px;border-top:1px solid var(--line);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}

#frame-dialog{width:min(96vw,1800px);max-height:96svh;padding:16px;background:#050707}
#frame-dialog img{display:block;width:100%;height:auto;max-height:calc(96svh - 92px);object-fit:contain}
#frame-dialog .dialog-top{margin-bottom:10px}

@media(max-width:900px){.project-info{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){
  .project-page{padding-top:28px;padding-bottom:64px}
  .back-link{margin-bottom:28px;font-size:11px}
  .project-hero{margin-bottom:40px}
  .project-facts{font-size:14px;gap:10px 20px}
  .project-task p{font-size:16px}
  .frame-grid{grid-template-columns:1fr;gap:14px}
  .project-frames{padding-top:48px}
}
/* Odd number of frames: the last one spans the full width. */
.frame-grid button:last-child:nth-child(odd){grid-column:1/-1}
.frames-note{font-size:15px;color:var(--muted);margin:0}