.hero-interpretation-glow{display:none}

@media (min-width:1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-stage .hero h1 .hero-interpretation-target,
  .hero-stage .hero h1 em{position:relative;z-index:1}

  .hero-stage .hero h1 .hero-interpretation-glow{
    position:absolute;
    z-index:0;
    left:var(--interpretation-x,-240px);
    top:var(--interpretation-y,-130px);
    display:block;
    width:320px;
    height:220px;
    background:radial-gradient(ellipse 160px 110px at center,color-mix(in srgb,var(--acid) 48%,transparent) 0%,color-mix(in srgb,var(--acid) 23%,transparent) 25%,color-mix(in srgb,var(--acid) 10%,transparent) 45%,color-mix(in srgb,var(--acid) 3%,transparent) 65%,transparent 80%);
    filter:blur(36px);
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%);
    transition:opacity .34s ease;
  }

  .hero-stage .hero h1 .hero-interpretation-glow.is-active{opacity:1}
}