/* Keep React Bits' glow layers independent of the carousel's 3D transform. */
.work-spread.has-border-glow {
  border-radius:28px;
  background:#120f17;
}
.work-spread > .collection-border-glow {
  position:absolute;
  inset:-1px;
  display:block;
  transform:none;
  background:transparent;
  border:1px solid #ffffff26;
  box-shadow:none;
  z-index:0;
  pointer-events:none;
}
.work-spread.has-border-glow > .collection-card { position:relative; z-index:1; }
.work-spread.has-border-glow::after { z-index:2; }
.collection-border-glow::before,
.collection-border-glow::after,
.collection-border-glow > .edge-light { pointer-events:none; }
.has-border-glow.is-glow-active > .collection-border-glow::before {
  opacity:clamp(0,calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity))),1);
  transition:opacity .25s ease-out;
}
.has-border-glow.is-glow-active > .collection-border-glow::after {
  opacity:clamp(0,calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity))),1);
  transition:opacity .25s ease-out;
}
.has-border-glow.is-glow-active > .collection-border-glow > .edge-light {
  opacity:clamp(0,calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity))),1);
  transition:opacity .25s ease-out;
}
.has-border-glow:not(.is-glow-active) > .collection-border-glow::before,
.has-border-glow:not(.is-glow-active) > .collection-border-glow::after,
.has-border-glow:not(.is-glow-active) > .collection-border-glow > .edge-light {
  opacity:0;
  transition:opacity .75s ease-in-out;
}
@media(prefers-reduced-motion:reduce) {
  .work-spread > .collection-border-glow::before,
  .work-spread > .collection-border-glow::after,
  .work-spread > .collection-border-glow > .edge-light { transition:none!important; }
}