

.p-solution.p-solution--problem .sol-hero__aurora {
  background: var(--color-grey-50);
  box-shadow: inset 0 0 0 2px var(--color-grey-100);
}
@media (min-width: 1024px) {
  .p-solution.p-solution--problem .sol-hero__copy {
    background: var(--color-grey-50);
    box-shadow: inset 0 0 0 2px var(--color-grey-100);
  }
}
.p-solution.p-solution--problem .sol-hero__name,
.p-solution.p-solution--problem .sol-hero__title { color: var(--color-black); }
.p-solution.p-solution--problem .sol-hero__sub { color: var(--color-grey-on-white); }
.p-solution.p-solution--problem .sol-hero__glyph {
  background: var(--color-white);
  color: var(--color-black);
}

.p-solution.p-solution--problem .sol-hero__glyph::before {
  background: conic-gradient(
    from var(--glyph-ring-angle) at 50% 50%,
    var(--glyph-ring-grey) 0deg,
    var(--glyph-ring-grey) 120deg,
    var(--color-red-500) 180deg,
    var(--glyph-ring-grey) 240deg,
    var(--glyph-ring-grey) 360deg
  );
}

.p-solution.p-solution--problem .sol-hero__frame {
  background:
    radial-gradient(80% 65% at 50% 105%, color-mix(in oklab, var(--color-red-500) 34%, transparent), transparent 70%),
    radial-gradient(60% 50% at 12% -5%, color-mix(in oklab, var(--color-red-500) 16%, transparent), transparent 65%),
    color-mix(in oklab, var(--color-black) 94%, var(--color-red-500));
}
@media (min-width: 1024px) {
  
  .p-solution.p-solution--problem .sol-hero__stage::after { content: none; }
}
