/* ═══════════════════════════════════════════
   Ambient Orbs
   ═══════════════════════════════════════════ */

        .hero__orb {
            position: absolute;
            z-index: 2;
            border-radius: 50%;
            pointer-events: none;
            will-change: transform
        }

        .hero__orb--a {
            width: 400px;
            height: 400px;
            top: 0;
            left: 5%;
            background: radial-gradient(circle, rgba(201, 210, 218, .05) 0%, transparent 60%);
            animation: orbDrift 14s ease-in-out infinite alternate
        }

        .hero__orb--b {
            width: 320px;
            height: 320px;
            bottom: 10%;
            right: 5%;
            background: radial-gradient(circle, rgba(111, 118, 125, .06) 0%, transparent 60%);
            animation: orbDrift 18s ease-in-out infinite alternate-reverse
        }

        .hero__orb--c {
            width: 250px;
            height: 250px;
            top: 40%;
            left: 50%;
            background: radial-gradient(circle, rgba(201, 210, 218, .035) 0%, transparent 60%);
            animation: orbDrift 22s ease-in-out infinite alternate
        }

        @keyframes orbDrift {
            0% {
                transform: translate(0, 0) scale(1)
            }

            100% {
                transform: translate(25px, 35px) scale(1.12)
            }
        }