/* KYMA brand surface polish: static media atmosphere only. */

/* SONG CLIPS placeholder: one branded media family with four quiet light variants. */
.songClipCard{
  --kyma-clip-light-x:24%;
  --kyma-clip-light-y:24%;
  --kyma-clip-contour-x:78%;
  --kyma-clip-contour-y:72%;
  --kyma-clip-light-alpha:.12;
  --kyma-clip-wave-alpha:.065;
  border-color:rgba(211,187,216,.58);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,248,252,.94));
  box-shadow:0 11px 28px rgba(96,65,108,.075);
}
.songClipCard:nth-child(4n+2){
  --kyma-clip-light-x:72%;
  --kyma-clip-light-y:20%;
  --kyma-clip-contour-x:26%;
  --kyma-clip-contour-y:76%;
}
.songClipCard:nth-child(4n+3){
  --kyma-clip-light-x:66%;
  --kyma-clip-light-y:74%;
  --kyma-clip-contour-x:22%;
  --kyma-clip-contour-y:28%;
}
.songClipCard:nth-child(4n+4){
  --kyma-clip-light-x:34%;
  --kyma-clip-light-y:68%;
  --kyma-clip-contour-x:78%;
  --kyma-clip-contour-y:28%;
}
.songClipThumb{
  background:
    repeating-linear-gradient(118deg,rgba(255,255,255,.022) 0 1px,transparent 1px 7px),
    radial-gradient(circle at var(--kyma-clip-light-x) var(--kyma-clip-light-y),rgba(255,255,255,.72) 0 9%,transparent 34%),
    radial-gradient(ellipse at 78% 78%,rgba(205,158,217,var(--kyma-clip-light-alpha)) 0 4%,transparent 56%),
    linear-gradient(138deg,#f8effa 0%,#ead8ee 47%,#f9f5fa 100%);
}
.songClipThumb::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-22%;
  border-radius:50%;
  background:radial-gradient(
    ellipse at var(--kyma-clip-contour-x) var(--kyma-clip-contour-y),
    transparent 0 54%,
    rgba(171,115,188,var(--kyma-clip-wave-alpha)) 55.2%,
    rgba(255,255,255,.04) 56.4%,
    transparent 58.4%
  );
  pointer-events:none;
}
.songClipFallback{
  z-index:1;
  color:rgba(105,70,113,.72);
  font-weight:400;
  letter-spacing:.18em;
  text-shadow:0 1px 7px rgba(98,65,108,.10);
}
.songClipCard[aria-current="true"]{
  --kyma-clip-light-alpha:.17;
  --kyma-clip-wave-alpha:.09;
}
.songClipCard[aria-current="true"] .songClipFallback{
  color:rgba(91,55,99,.82);
  text-shadow:0 1px 8px rgba(114,74,124,.14);
}
.songClipCard[aria-current="true"] .songClipThumb{
  box-shadow:inset 0 -1px 0 rgba(197,139,207,.18);
}
.songClipCard:hover .songClipThumb{
  --kyma-clip-light-alpha:.15;
  --kyma-clip-wave-alpha:.08;
}

/* HOME carousel: static ambient depth behind the existing 3D object only. */
.carouselScene::before,
.carouselScene::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
}
.carouselScene::before{
  inset:22% 23%;
  background:radial-gradient(
    ellipse at center,
    rgba(213,168,227,.105) 0%,
    rgba(233,213,239,.060) 36%,
    rgba(244,235,247,.026) 55%,
    transparent 73%
  );
}
.carouselScene::after{
  inset:39% 31% 30%;
  background:radial-gradient(
    ellipse at center,
    rgba(135,91,148,.055) 0%,
    rgba(189,146,200,.035) 32%,
    transparent 70%
  );
}

/* SCHEDULE NEXT EVENT: clean editorial whitespace with one barely-there ambient light. */
.nextEventCard,
.nextEventCard.featured{
  background:
    radial-gradient(ellipse at 82% 45%,rgba(221,185,228,.050) 0%,rgba(242,232,245,.022) 30%,transparent 60%),
    linear-gradient(112deg,rgba(248,240,250,.97) 0%,rgba(255,255,255,.99) 56%,rgba(250,246,251,.97) 100%);
}