@layer pages {
.talents-page { margin-top: 120px; }
.talents-intro { margin-bottom: 20px; }

.talents-category { margin-bottom: 30px; }
.talents-category__title { margin: 60px 0 10px 0; font-size: 22px; text-transform: uppercase; color: var(--color-accent, #F16056); }

.talents-grid {
  display: grid;
  /* Use fixed track widths and center the grid so rows appear centered */
  grid-template-columns: repeat(auto-fit, minmax(260px, 300px));
  gap: 10px;
  justify-content: center; /* centers the tracks within the container */
}

.talent-card { display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; background: repeating-linear-gradient(-45deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.1) 2px, transparent 5px, transparent 4px); border: 1px solid rgba(255,255,255,0.08); }
.talent-card__media { height: 240px; overflow: hidden; }
.talent-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 300ms ease, filter 300ms ease; transform-origin: top center; }
.talent-card__media:hover img { transform: scale(1.5); }
.talent-card__body { padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.talent-card__name { margin: 0; font-size: 18px; text-transform: uppercase; }
.talent-card__bio { font-weight: 300; opacity: 0.9; }
.talents-empty { opacity: 0.8; }
}