/* Tre immagini dei progetti: gli stessi dati modificabili nelle schede WordPress. */
.projects-archive__hero-images.projects-archive__hero-images--three {
  position: relative;
  height: clamp(340px, 36vw, 500px);
  min-height: 0;
  isolation: isolate;
  overflow: visible;
}
.projects-archive__hero-images--three .projects-archive__hero-image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  max-width: none;
  object-fit: cover;
}
.projects-archive__hero-images--three .projects-archive__hero-image--historic {
  inset: 3% auto auto 0;
  width: 72%;
  height: 72%;
  object-position: center;
  transform: rotate(-3deg);
  z-index: 1;
}
.projects-archive__hero-images--three .projects-archive__hero-image--flower {
  inset: 22% 0 auto auto;
  width: 40%;
  height: 66%;
  object-position: center;
  transform: rotate(5deg);
  z-index: 2;
}
.projects-archive__hero-images--three .projects-archive__hero-image--third {
  inset: auto auto -2% 35%;
  width: 31%;
  height: 57%;
  object-position: 50% 30%;
  transform: rotate(-6deg);
  z-index: 3;
}
.projects-archive__hero-images--three .projects-archive__hero-stamp {
  inset: auto auto 0 1%;
  z-index: 4;
}
/* Contrasto dei piccoli testi dell'indice anche sulla scheda più scura. */
.projects-archive__project-index { color: #61564e; }

@media (max-width: 620px) {
  .projects-archive__hero-images.projects-archive__hero-images--three {
    height: clamp(300px, 88vw, 430px);
    margin-block: 18px 12px;
  }
}

/* Quattro progetti pubblicati: immagini distinte, senza sovrapposizioni. */
.projects-archive__hero-images.projects-archive__hero-images--four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative;height:auto;min-height:0;aspect-ratio:auto;align-self:center;isolation:isolate;overflow:visible}
.projects-archive__hero-images.projects-archive__hero-images--four::before{content:none}
.projects-archive__hero-images.projects-archive__hero-images--four .projects-archive__hero-image{display:block;position:relative;inset:auto;width:100%;height:auto;max-width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;transform:none;box-sizing:border-box;z-index:auto;margin:0;border:7px solid #fffdf8;box-shadow:0 5px 18px #39281910}
.projects-archive__hero-images.projects-archive__hero-images--four .projects-archive__hero-image--third{object-position:50% 25%}
.projects-archive__hero-images.projects-archive__hero-images--four .projects-archive__hero-stamp{display:none}
@media(max-width:620px){.projects-archive__hero-images.projects-archive__hero-images--four{gap:10px;margin-block:18px 12px}.projects-archive__hero-images.projects-archive__hero-images--four .projects-archive__hero-image{border-width:5px}}