/* One square image canvas shared by both collections, at every density. */
html body .press-thumbnail,
html body.page-projects [data-view=grid] .rotunda-card-link{aspect-ratio:1; height:auto; width:100%; overflow:hidden}
html body.page-projects [data-view=grid] .rotunda-image-wrap{aspect-ratio:1; height:100%; width:100%}
html body.page-projects [data-view=grid] .rotunda-card{height:auto!important;min-height:0}
html body.page-projects [data-view=grid] .grid-caption{inset:auto 0 0;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;padding:45px clamp(10px,1.6vw,24px) clamp(10px,1.6vw,24px);background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:1}
html body.page-projects [data-view=grid] .grid-caption h2{font:300 clamp(16px,2.1vw,32px)/1.08 var(--font-display)!important;letter-spacing:-.035em;color:#fff!important}
html body .press-project-caption>span{display:none}
html body .square-card-details{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease;max-width:100%;color:#fff!important}
html body .square-card-details>div{min-height:0;overflow:hidden}
html body .square-card-details p{font:300 11px/1.4 var(--font-support)!important;letter-spacing:.025em;margin:6px 0 0!important;color:#fff!important;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){
 html body.page-projects [data-view=grid] .grid-caption{opacity:0;transition:opacity .25s ease;pointer-events:none}
 html body.page-projects [data-view=grid] .rotunda-card-link:is(:hover,:focus-visible) .grid-caption{opacity:1}
 html body :is(.rotunda-card-link,.press-project):hover .square-card-details{grid-template-rows:1fr;opacity:1;transition-delay:1.5s}
}
html body :is(.rotunda-card-link,.press-project):focus-visible .square-card-details{grid-template-rows:1fr;opacity:1;transition-delay:0s}
@media(hover:none){html body .square-card-details{grid-template-rows:1fr;opacity:1}}
@media(max-width:600px){html body .square-card-details p{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){html body .square-card-details,html body.page-projects [data-view=grid] .grid-caption{transition:none}}
