/* The interactive field belongs only to the homepage hero. */
.hero .hero-bg {
    background: radial-gradient(ellipse at 50% 35%, #60223635, transparent 72%);
    overflow: hidden;
    mask-image: linear-gradient(to bottom, #000 76%, transparent 100%);
}

.grid-pulse {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.hero {
    --color-background: var(--bg-primary, #0c080b);
}

.hero-title,
.hero-subtitle,
.hero-coordinates {
    text-shadow:
        0 0 6px var(--color-background),
        0 0 14px var(--color-background),
        0 0 30px var(--color-background),
        0 0 52px var(--color-background);
}