/* Project covers: mobile-only framing; desktop rules remain unchanged. */
@media(max-width:760px){
 #projects .project-grid{grid-template-rows:none;grid-auto-rows:auto;height:auto}
 #projects .project-grid .project{height:auto;min-height:0;aspect-ratio:4/3}
 #projects .project-grid .project::before{inset:0;background-size:cover;background-position:center;transform:none}
 #projects .project-grid .project::after{background:linear-gradient(180deg,transparent 40%,rgba(10,13,17,.65) 100%)}
 .projects-index-page .project-list .project-card__image{height:auto;min-height:0;aspect-ratio:4/3;overflow:hidden}
 .projects-index-page .project-list .project-card__image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none}
}

/* B&Y House: edge-to-edge image, with its natural ratio on mobile. */
#projects .project-grid .project[href="/projects/the-courtyard/"]::before{inset:0;background-size:cover;background-position:center;transform:none}
.projects-index-page .project-list .project-card[href="/projects/the-courtyard/"] .project-card__image img{object-fit:cover;object-position:center;transform:none}
@media(max-width:760px){
 #projects .project-grid .project[href="/projects/the-courtyard/"]{height:auto;aspect-ratio:1600/893}
 .projects-index-page .project-list .project-card[href="/projects/the-courtyard/"] .project-card__image{height:auto;aspect-ratio:1600/893}
}