/* "Cards" custom template — Page List block
   Full-bleed photo cards using each page's `thumbnail` attribute as the
   background image, with the page name as a notched outline label. */

.service-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.service-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 340px;
  padding: 24px;
  background-color: var(--main-dark);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  aspect-ratio: 3 / 4;
}
.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(3, 42, 35, 0.85), rgba(3, 42, 35, 0) 55%);
}
.service-card__label {
  position: relative;
  z-index: 1;
}
.service-cards--empty {
  color: var(--cream);
  opacity: 0.7;
  font-style: italic;
}

@media (max-width: 991px) {
  .service-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .service-cards { grid-template-columns: 1fr; }
}