/* ========================================
   LOGO BACKGROUND EFFECTS - ACTIVE ENHANCEMENTS
   Subtle pulse glow animation on all watermarks
======================================== */

/* ACTIVE: Pulse Glow Effect on All Watermarks */
.hero::before {
    animation: pulseGlowHero 8s ease-in-out infinite;
}

@keyframes pulseGlowHero {
    0%, 100% {
        opacity: 0.03;
        filter: brightness(1);
    }
    50% {
        opacity: 0.05;
        filter: brightness(1.3);
    }
}

.about-section::after {
    animation: pulseGlowAbout 10s ease-in-out infinite;
}

@keyframes pulseGlowAbout {
    0%, 100% {
        opacity: 0.02;
        filter: brightness(1);
    }
    50% {
        opacity: 0.04;
        filter: brightness(1.3);
    }
}

.professional-section::after {
    animation: pulseGlowProfessional 9s ease-in-out infinite 1s;
}

@keyframes pulseGlowProfessional {
    0%, 100% {
        opacity: 0.025;
        filter: brightness(1);
    }
    50% {
        opacity: 0.045;
        filter: brightness(1.3);
    }
}

.ventures-section::after {
    animation: pulseGlowVentures 11s ease-in-out infinite 2s;
}

@keyframes pulseGlowVentures {
    0%, 100% {
        opacity: 0.02;
        filter: brightness(1);
    }
    50% {
        opacity: 0.04;
        filter: brightness(1.3);
    }
}

.contact-section::after {
    animation: pulseGlowContact 12s ease-in-out infinite 3s;
}

@keyframes pulseGlowContact {
    0%, 100% {
        opacity: 0.015;
        filter: brightness(1);
    }
    50% {
        opacity: 0.03;
        filter: brightness(1.3);
    }
}

/* ========================================
   ADDITIONAL EFFECT OPTIONS (INACTIVE)
   Uncomment any of these to try different effects
======================================== */

/* OPTION: Slow Rotation (Hypnotic) */
/*
.hero::before {
    animation: slowRotate 120s linear infinite;
}

@keyframes slowRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
*/

/* OPTION: Floating Motion (Peaceful) */
/*
.about-section::after {
    animation: float 30s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(-50%) rotate(15deg) translateX(0);
    }
    50% {
        transform: translateY(-50%) rotate(15deg) translateX(-50px);
    }
}
*/

/* OPTION: Scanning Light Effect (Futuristic) */
/*
.professional-section::after {
    animation: scan 10s linear infinite;
}

@keyframes scan {
    0% {
        opacity: 0.025;
        filter: brightness(1);
    }
    50% {
        opacity: 0.04;
        filter: brightness(1.5);
    }
    100% {
        opacity: 0.025;
        filter: brightness(1);
    }
}
*/



/* ========================================
   RESPONSIVE: Mobile Optimization
======================================== */
@media (max-width: 768px) {
    /* Adjust animation opacity ranges for mobile */
    @keyframes pulseGlowHero {
        0%, 100% {
            opacity: 0.02;
            filter: brightness(1);
        }
        50% {
            opacity: 0.035;
            filter: brightness(1.2);
        }
    }

    @keyframes pulseGlowAbout {
        0%, 100% {
            opacity: 0.015;
            filter: brightness(1);
        }
        50% {
            opacity: 0.03;
            filter: brightness(1.2);
        }
    }

    @keyframes pulseGlowProfessional {
        0%, 100% {
            opacity: 0.02;
            filter: brightness(1);
        }
        50% {
            opacity: 0.035;
            filter: brightness(1.2);
        }
    }

    @keyframes pulseGlowVentures {
        0%, 100% {
            opacity: 0.015;
            filter: brightness(1);
        }
        50% {
            opacity: 0.03;
            filter: brightness(1.2);
        }
    }

    @keyframes pulseGlowContact {
        0%, 100% {
            opacity: 0.01;
            filter: brightness(1);
        }
        50% {
            opacity: 0.025;
            filter: brightness(1.2);
        }
    }
}

/* ========================================
   REDUCE MOTION PREFERENCE
   Respect user accessibility settings
======================================== */
@media (prefers-reduced-motion: reduce) {
    .hero::before,
    .about-section::after,
    .professional-section::after,
    .ventures-section::after,
    .contact-section::after {
        animation: none !important;
    }
}

/* ========================================
   ACTIVE: PULSE GLOW EFFECT
   
   ✅ Your watermarks now have subtle breathing animation
   
   Features:
   - Each section pulses at different intervals (8-12 seconds)
   - Staggered delays create organic rhythm
   - Brightness increases subtly at peak
   - Fully responsive and accessible
   - Respects reduced motion preferences
   
   The effect is sophisticated and barely noticeable - 
   like a luxury watch with a visible heartbeat.
======================================== */