.page-guest-artistes .ga-category-portals {
  padding: clamp(4.5rem, 8vw, 8rem) max(1rem, calc((100% - 1260px) / 2));
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 0%, rgba(58, 128, 201, .17), transparent 36%),
    linear-gradient(145deg, #07101f, #0b1728 55%, #080a10);
  border-block: 1px solid rgba(139, 185, 230, .16);
}
.page-guest-artistes .ga-category-portals-head {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(280px, 1.3fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: clamp(2rem, 5vw, 4.5rem);
}
.page-guest-artistes .ga-category-portals-head h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font: 700 clamp(3.25rem, 7.8vw, 7.6rem)/.82 var(--font-display);
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.page-guest-artistes .ga-category-portals-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(139, 185, 230, .18);
  border: 1px solid rgba(139, 185, 230, .18);
}
.page-guest-artistes .ga-category-portal {
  position: relative;
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.3rem, 2.5vw, 2.3rem);
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(160deg, rgba(10, 38, 69, .9), rgba(4, 11, 22, .98)),
    #07101f;
  isolation: isolate;
}
.page-guest-artistes .ga-category-portal::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at 70% 16%, rgba(139, 185, 230, .35), transparent 20%),
    linear-gradient(135deg, transparent 48%, rgba(212, 173, 85, .1));
  transform: scale(1.04);
  transition: transform .55s cubic-bezier(.2, .7, .2, 1), opacity .55s ease;
}
.page-guest-artistes .ga-category-portal--dj::before {
  background: radial-gradient(circle at 70% 16%, rgba(104, 70, 216, .38), transparent 24%), linear-gradient(135deg, transparent 48%, rgba(212, 173, 85, .1));
}
.page-guest-artistes .ga-category-portal--mc::before {
  background: radial-gradient(circle at 70% 16%, rgba(30, 119, 189, .42), transparent 24%), linear-gradient(135deg, transparent 48%, rgba(212, 173, 85, .1));
}
.page-guest-artistes .ga-category-portal:hover::before,
.page-guest-artistes .ga-category-portal:focus-visible::before { transform: scale(1); opacity: .62; }
.page-guest-artistes .ga-category-portal:focus-visible { z-index: 1; outline: 2px solid var(--ga-gold-light); outline-offset: -2px; }
.page-guest-artistes .ga-category-portal-number {
  color: rgba(255, 255, 255, .28);
  font: 700 1rem/1 var(--font-ui);
  letter-spacing: .15em;
}
.page-guest-artistes .ga-category-portal-copy { display: grid; gap: 1.2rem; }
.page-guest-artistes .ga-category-portal-copy strong {
  max-width: 320px;
  color: #fff;
  font: 700 clamp(2.7rem, 4.8vw, 5rem)/.84 var(--font-display);
  text-transform: uppercase;
}
.page-guest-artistes .ga-category-portal-copy > span {
  max-width: 340px;
  color: rgba(255, 255, 255, .62);
  font-size: .78rem;
  line-height: 1.65;
}
.page-guest-artistes .ga-category-portal-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, .16);
  color: var(--ga-gold-light);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
}
.page-guest-artistes .ga-category-portal-cta i { font-style: normal; font-size: 1.3rem; transition: transform .25s ease; }
.page-guest-artistes .ga-category-portal:hover .ga-category-portal-cta i,
.page-guest-artistes .ga-category-portal:focus-visible .ga-category-portal-cta i { transform: translate(4px, 4px); }

@media (max-width: 900px) {
  .page-guest-artistes .ga-category-portals-head { grid-template-columns: 1fr; }
  .page-guest-artistes .ga-category-portals-grid { grid-template-columns: 1fr; }
  .page-guest-artistes .ga-category-portal { min-height: 300px; }
}

@media (max-width: 620px) {
  .page-guest-artistes .ga-category-portals { padding-inline: 1rem; }
  .page-guest-artistes .ga-category-portals-head h2 { font-size: clamp(3rem, 16vw, 4.6rem); }
  .page-guest-artistes .ga-category-portal { min-height: 265px; }
  .page-guest-artistes .ga-category-portal-copy strong { font-size: clamp(2.6rem, 13vw, 4rem); }
}

@media (prefers-reduced-motion: reduce) {
  .page-guest-artistes .ga-category-portal::before,
  .page-guest-artistes .ga-category-portal-cta i { transition: none; }
}