.project-stories .ice-art {
  --snow: #f0f6f8;
  --ice: #bdd8e7;
  --blue: #759db5;
  --slate: #334f65;
  background: linear-gradient(145deg, var(--snow), var(--ice) 42%, var(--slate));
}
.ice-art .ice-form { position: absolute; display: block; }
.ice-art::after { z-index: 4; }

[data-art="drifts"] .form-a {
  width: 145%; height: 100%; left: -38%; top: 15%;
  border-radius: 48% 60% 0 0;
  transform: rotate(-34deg);
  background: linear-gradient(165deg, #f9fcfd 5%, var(--ice) 38%, var(--blue) 66%, var(--slate));
  box-shadow: 8px -10px 22px rgb(24 53 75 / .18);
}
[data-art="drifts"] .form-b {
  width: 145%; height: 94%; left: 24%; top: 38%;
  border-radius: 48% 62% 0 0;
  transform: rotate(-35deg);
  background: linear-gradient(155deg, #f9fcfd 3%, var(--ice) 32%, #6489a4 72%);
  box-shadow: -5px -6px 20px rgb(24 53 75 / .16);
}
[data-art="drifts"] .form-c {
  width: 120%; height: 55%; left: -30%; top: 89%;
  border-radius: 50%; transform: rotate(20deg);
  background: linear-gradient(180deg, var(--snow), var(--blue));
}
[data-art="drifts"] .art-2 { background: linear-gradient(25deg, var(--slate), var(--ice) 70%, var(--snow)); }
[data-art="drifts"] .art-2 .form-a { left: -72%; top: -5%; transform: rotate(24deg); }
[data-art="drifts"] .art-2 .form-b { left: 12%; top: 40%; transform: rotate(24deg); }
[data-art="drifts"] .art-2 .form-c { left: 35%; top: 85%; transform: rotate(-22deg); }
[data-art="drifts"] .art-3 .form-a { left: -15%; top: 42%; transform: rotate(-18deg); }
[data-art="drifts"] .art-3 .form-b { left: -65%; top: 75%; transform: rotate(30deg); }
[data-art="drifts"] .art-3 .form-c { left: 56%; top: 14%; width: 76%; height: 130%; transform: rotate(-33deg); }
[data-art="drifts"] .art-4 .form-a { left: -35%; top: -60%; transform: rotate(40deg); }
[data-art="drifts"] .art-4 .form-b { left: -3%; top: 48%; transform: rotate(-48deg); }
[data-art="drifts"] .art-4 .form-c { left: -45%; top: 89%; }