/* Explain: Layout utilities and positioning for page sections. */
.section-pad {
    padding-top: clamp(4rem, 8vw, 6rem);
    padding-bottom: clamp(4rem, 8vw, 6rem);
}

.orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(60px);
    opacity: 0.4;
    pointer-events: none;
    z-index: -1;
}

.orb-purple {
    width: 30rem;
    height: 30rem;
    right: -10%;
    top: 10%;
    background: rgba(107, 70, 193, 0.4);
}

.orb-gold {
    width: 20rem;
    height: 20rem;
    left: -5%;
    bottom: 20%;
    background: rgba(246, 224, 94, 0.15);
}