/* Overview previews only: detail photographs and viewers never load these rules. */
.pp-project-grid>.pp-project-card{display:grid;grid-template-rows:auto 1fr auto}
.pp-project-grid>.pp-project-card>.pp-cover{position:relative;display:block;aspect-ratio:3940/2816}
.pp-project-grid>.pp-project-card>.pp-cover>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--cover-position,50% 50%);transform:scale(var(--cover-zoom,1))}
.pp-project-grid>[data-project="illusion-without-illusion"]{--cover-position:50% 28%}
.pp-project-grid>[data-project="no-nightingale"]{--cover-position:calc(95% + min(30px,22cqw)) 50%}
.pp-project-grid>[data-project="no-nightingale"]>.pp-cover{container-type:inline-size}
.pp-project-grid>[data-project="the-ineffable-tomorrow"]{--cover-position:50% 64%}
.pp-project-grid>[data-project="the-plant-archive"]{--cover-position:50% 55%;--cover-zoom:1.06}
.pp-project-grid>[data-project="other-works"]{--cover-position:50% 65%}
@media(hover:hover){.pp-project-grid>.pp-project-card:hover>.pp-cover>img{transform:scale(calc(var(--cover-zoom,1)*1.012))}}