/* Mockup homepage: shared tracks keep every project row aligned, including metadata. */
#work .project-link{width:205px}
@media (min-width:721px){
  #work .proof-list{row-gap:0}
  #work .proof{display:grid;grid-template-rows:subgrid;grid-row:span 10;align-self:stretch;row-gap:0}
  #work .proof-details,#work .proof-copy{display:contents}
  #work .proof-image{grid-row:1}
  #work .proof-title{grid-row:2;margin-top:20px}
  #work .proof-copy>p{grid-row:3;align-self:start}
  #work .proof-copy dl{display:grid;grid-row:4 / span 5;grid-template-rows:subgrid;row-gap:0;align-self:stretch}
  #work .proof-copy dl>div{align-self:stretch;align-content:start}
  #work .credit-row{grid-row:1 / span 3}
  #rem-project .credit-row{grid-row:1}
  #work .concept-row{grid-row:2}
  #work .production-row{grid-row:3}
  #work .format-row{grid-row:4}
  #work .metric-row{grid-row:5}
  #work .project-link{grid-row:9;align-self:start}
  #work .proof::after{content:"";display:block;grid-row:10;block-size:80px}
}
@media (min-width:721px) and (max-width:960px){
  #work .proof:nth-last-child(-n+2)::after{block-size:0}
}
@media (min-width:961px){
  #work .proof::after{block-size:88px}
  #work .proof:nth-last-child(-n+3)::after{block-size:0}
}

#rem-project{scroll-margin-top:28px}