/* Wspólna sekcja i dwa warianty karty; tekst korzysta z ról t-*. */
.c-page-cards {
  --color-link: var(--color-text-inverse);
  --color-focus: var(--color-text-inverse);
  --color-action: var(--color-text-inverse);
  --color-action-hover: var(--c-white-muted);
  --color-on-action: var(--color-surface-inverse);
  padding-block: var(--space-6) var(--space-8);
  color: var(--color-text-inverse);
  background: var(--color-surface-inverse);
}

.c-page-cards__grid {
  --grid-gap: var(--space-4);
  grid-template-columns: minmax(0, 1fr);
}

.c-page-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-block-size: 25rem;
  padding: var(--space-5);
  border-radius: var(--control-radius);
  overflow: hidden;
  background: var(--color-surface-inverse);
}

.c-page-card__media,
.c-page-card__media img,
.c-page-card::before {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
}

.c-page-card__media { z-index: -2; }
.c-page-card__media img { object-fit: cover; }
.c-page-card::before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--gradient-page-card);
}
.c-page-card--wide::before { background: var(--gradient-page-card-wide); }

.c-page-card__content,
.c-page-card__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
}
.c-page-card__content { gap: var(--space-6); }
/* Lokalny odstęp 6 px odpowiada parze tytuł/opis w projekcie tej karty. */
.c-page-card__copy { gap: 0.375rem; }
.c-page-card--standard .c-page-card__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.c-page-card .c-button { max-inline-size: 100%; text-align: center; }

@media (min-width: 70rem) {
  .c-page-cards { padding-block-end: var(--space-9); }
  .c-page-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-page-card { min-block-size: 37.5rem; padding: var(--space-6); }
  .c-page-card--standard .c-page-card__copy { max-inline-size: 32.125rem; }
  .c-page-card--wide { grid-column: 1 / -1; min-block-size: 25rem; justify-content: center; }
  .c-page-card--wide .c-page-card__content { max-inline-size: var(--content-copy-width); }
}
/* MEMORIA TEMP: HOME CARD BLUR — START (usunąć cały blok po ocenie wariantu). */
.home .c-page-card:nth-child(1) { --preview-blur-mask: linear-gradient(90deg, #000 20%, transparent 75%); }
.home .c-page-card:nth-child(2) { --preview-blur-mask: linear-gradient(270deg, #000 20%, transparent 75%); }
.home .c-page-card:nth-child(3) { --preview-blur-mask: linear-gradient(90deg, #000, transparent 35%, transparent 65%, #000); }
.home .c-page-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  -webkit-mask-image: var(--preview-blur-mask);
  mask-image: var(--preview-blur-mask);
}
/* MEMORIA TEMP: HOME CARD BLUR — END */

/* Karta pod listą osób: ten sam komponent, krótszy kadr i semantyka H3. */
.c-page-card--compact {
  --color-link: var(--color-text-inverse);
  --color-focus: var(--color-text-inverse);
  --color-action: var(--color-text-inverse);
  --color-action-hover: var(--c-white-muted);
  --color-on-action: var(--color-surface-inverse);
  --gradient-page-card: linear-gradient(211.3633deg, var(--c-neutral-950-alpha-0) 19.565%, var(--color-surface-inverse) 80.435%);
  min-block-size: 20rem;
  color: var(--color-text-inverse);
}
.c-page-card--compact .c-page-card__copy { max-inline-size: 32.125rem; }
@media (min-width: 70rem) {
  .c-page-card--compact { min-block-size: 20rem; }
}