/* New portfolio projects: retain LÜNK's existing typography and quiet galleries. */
.grid-4.portfolio-grid {
  width:60%; margin:0 auto; grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none; grid-auto-rows:auto; gap:0;
}
.grid-4.portfolio-grid > a {
  grid-area:auto !important; min-width:0; aspect-ratio:1; margin:3px;
  background-repeat:no-repeat;
}
.portfolio-grid .portfolio-card {
  overflow:hidden; background:white;
}
.portfolio-cover { display:block; position:relative; width:100%; height:100%; }
.portfolio-cover > img {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  object-fit:fill; pointer-events:none;
}
.portfolio-cover .portfolio-bw { transition:opacity .25s; }
.portfolio-grid .portfolio-card:hover .portfolio-bw,
.portfolio-grid .portfolio-card:focus-visible .portfolio-bw { opacity:0; }
@media(max-width:991px) {
  .grid-4.portfolio-grid { width:calc(100% - 190px); grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .grid-4.portfolio-grid { width:calc(100% - 40px); }
}
@media(max-width:479px) {
  .grid-4.portfolio-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-cover .portfolio-bw { transition:none; }
}