Butterfly

@grid: 5x4 / auto 600px / #f4efe6;

--colors: (
  #d1495b, #edae49, #00798c, #30638e, 
  #003d5b, #6a4c93, #f26419
);

background: @P(--colors);
rotate: @r(±8deg);

clip-path: @shape(
  points: 240;
  m: atan2(sin(t), abs(cos(t)));
  wings: exp(@r(4, 10)*(cos(m - @r(.3, .8)) - 1)) + 
    @r(.5, .9)*exp(@r(5, 14)*(cos(m + @r(.5, 1.1)) - 1));
  tails: @r(.7)*exp(400*(cos(m + @r(1.1, 1.35)) - 1));
  antennae: .55*exp(900*(cos(m - 1.33) - 1));
  r: .06 + wings + tails + antennae;
  scale: .62;
);

::before, ::after { 
  content: ''; position: absolute; inset: 0; 
  clip-path: inherit; 
  background: @pn(#fff8, #222);
  scale: @pn(.72, @r(.3, .5));
}