.project-hero-visual{max-width:1130px;margin:0 auto;padding:54px 32px 0}
.project-hero-visual figure{margin:0;background:#090a0c;border:1px solid rgba(20,21,26,.14);border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(20,21,26,.18)}
.project-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain;object-position:center top}
.project-hero-visual figcaption,.project-shot figcaption{font-size:12.5px;line-height:1.5;color:var(--muted)}
.project-hero-visual figcaption{padding:13px 18px;background:var(--white);border-top:1px solid var(--line)}
.project-shot{margin:34px 0 42px}
.project-shot img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain;object-position:center top;background:#090a0c;border-radius:18px;border:1px solid rgba(20,21,26,.13);box-shadow:0 18px 44px rgba(20,21,26,.1)}
.project-shot figcaption{padding:11px 3px 0}
.project-pair{display:grid;grid-template-columns:minmax(0,1.77fr) minmax(150px,.46fr);gap:16px;align-items:start;margin:34px 0 42px}
.project-pair figure{margin:0}
.project-pair img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top;background:#090a0c;border:1px solid rgba(20,21,26,.13);border-radius:18px;box-shadow:0 18px 44px rgba(20,21,26,.1)}
.project-pair figure:first-child img{aspect-ratio:1265/712}
.project-pair figure:last-child img{aspect-ratio:375/811}
.project-pair figcaption{font-size:12px;line-height:1.45;color:var(--muted);padding:10px 3px 0}
.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0 40px}
.deliverable{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px}
.deliverable small{display:block;color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.deliverable strong{display:block;color:var(--ink);font-size:16px;line-height:1.35;margin-bottom:6px}
.deliverable p{font-size:13.5px;line-height:1.55;margin:0;color:var(--muted)}
.workflow-link{color:var(--gold-deep);font-weight:700;text-decoration:underline;text-decoration-color:rgba(138,109,43,.35);text-underline-offset:3px}
.workflow-link:hover{opacity:1;text-decoration-color:var(--gold-deep)}
@media(max-width:720px){
  .project-hero-visual{padding:34px 20px 0}
  .project-hero-visual figure{border-radius:17px}
  .project-hero-visual img{aspect-ratio:375/811}
  .project-pair{grid-template-columns:1fr}
  .project-pair figure:first-child{display:none}
  .project-pair figure:last-child img{max-height:680px;object-fit:contain;background:#090a0c}
  .deliverables{grid-template-columns:1fr}
}
