.project-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px 32px;
  padding-bottom:96px;
}
.project-card { min-width:0; }
.project-card-image { display:block; overflow:hidden; background:var(--soft); }
.project-card-image img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.7;
  object-fit:cover;
  object-position:50% 50%;
  transition:transform .7s ease;
}
.project-card-image:hover img { transform:scale(1.025); }
.project-card-copy { padding-top:25px; }
.project-card-copy .eyebrow { margin-bottom:16px; font-size:10px; }
.project-card-copy h2 { margin:0 0 18px; font-size:clamp(29px,3vw,39px); line-height:1.15; }
.project-card-copy h2 a { text-decoration:none; }
.project-card-copy h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.project-card-copy > p:not(.eyebrow) { max-width:480px; margin:0; font-size:15px; line-height:1.8; }
.project-card-copy .text-link { margin-top:25px; }
.project-gallery--single { grid-template-columns:minmax(0,1fr); }
.project-gallery--single .project-card {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,5vw,76px);
}
.project-gallery--single .project-card-image img { aspect-ratio:1.75; }
.project-gallery--single .project-card-copy { padding:18px 0; }
@media(max-width:850px) {
  .project-gallery { gap:38px 26px; }
  .project-gallery--single .project-card { gap:30px; }
  .project-gallery--single .project-card-image img { aspect-ratio:1.3; }
}
@media(max-width:650px) {
  .project-gallery { grid-template-columns:minmax(0,1fr); padding-bottom:48px; gap:40px; }
  .project-gallery--single .project-card { display:block; }
  .project-card-image img,.project-gallery--single .project-card-image img { aspect-ratio:1.55; }
  .project-card-copy,.project-gallery--single .project-card-copy { padding:23px 0 0; }
  .project-card-copy .eyebrow { font-size:9px; margin-bottom:14px; }
  .project-card-copy h2 { font-size:32px; margin-bottom:16px; }
  .project-card-copy .text-link { margin-top:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .project-card-image img { transition:none; }
  .project-card-image:hover img { transform:none; }
}