/* PSM Productions — spacing, glow orbs, responsive layout utilities */

.section-pad {
    padding-top: clamp(4.5rem, 9vw, 8rem);
    padding-bottom: clamp(4.5rem, 9vw, 8rem);
}

.hero-stage {
    min-height: 100vh;
}

.orb {
    position: absolute;
    z-index: -1;
    width: 22rem;
    height: 22rem;
    border-radius: 999px;
    filter: blur(80px);
    -webkit-filter: blur(80px);
    opacity: 0.5;
    pointer-events: none;
}

.orb-cyan {
    background: rgba(0, 212, 255, 0.35);
}

.orb-violet {
    background: rgba(123, 97, 255, 0.38);
}

@media (max-width: 768px) {
    .halo-one {
        width: 20rem;
        height: 20rem;
    }

    .halo-two {
        width: 24rem;
        height: 24rem;
    }

    .floating-metric {
        position: relative;
        inset: auto;
        margin-top: 0.75rem;
    }

    .product-theater {
        min-height: auto;
        padding-bottom: 2rem;
    }

    .wearable-mockup {
        height: 30rem;
    }
}