/* Kamalak — project layer on top of Colour Block.
   "Rainbow": a soft arc of the palette behind the prologue and the contact card. */

.cb--motif-arc .cb-prologue,
.cb--motif-arc .cb-contact { position: relative; isolation: isolate; }
.cb--motif-arc .cb-prologue::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -10vw;
  top: 10%;
  width: min(60vw, 900px);
  aspect-ratio: 2 / 1;
  border-radius: 999px 999px 0 0;
  background: radial-gradient(circle at 50% 100%, transparent 40%, var(--c4) 40% 50%, var(--c3) 50% 60%, var(--c1) 60% 70%, var(--c2) 70% 74%, transparent 74%);
  opacity: .28;
  -webkit-mask-image: linear-gradient(0deg, transparent, #000 60%);
  mask-image: linear-gradient(0deg, transparent, #000 60%);
}