/* ==========================================================================
   STARBURST - Canvas Animation Styles
   ========================================================================== */

/* --- Canvas --- */
#starburstCanvas {
    position: absolute;
    top: -5vh;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --- Graphic Label --- */
.graphic-label {
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-white);
    font-size: clamp(0.75rem, 0.8vw, 0.95rem);
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

.graphic-label .indicator {
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-white);
    margin-right: 0.5rem;
}

/* --- Mobile Layout (≤820px) --- */
@media (max-width: 820px) {
    .graphic-label {
        bottom: 8rem;
        width: 100%;
        justify-content: center;
    }
}