/* Hero Background Effects - Global Styles */
/* Extracted from blog page for consistent use across all pages */

.hero-background-effects {
    transform: translateY(-8px);
    filter: brightness(1.02) contrast(1.01);
}

.hero-primary-ray-wrapper,
.hero-secondary-ray-wrapper {
    width: 100%;
    height: 75vh;
    position: absolute;
    inset: 0 0% auto;
    overflow-x: clip;
}

.hero-primary-ray-container {
    z-index: 99;
    position: relative;
    mix-blend-mode: soft-light;
}

.hero-primary-ray-image {
    filter: blur(22px);
    position: absolute;
    top: -10px;
    right: 15%;
}

.hero-secondary-ray-container {
    position: relative;
    mix-blend-mode: overlay;
    opacity: 0.8;
}

.hero-secondary-ray-inner {
    position: absolute;
    inset: -20px 0% auto;
}

.hero-secondary-ray-image {
    filter: blur(40px);
}

.hero-primary-ray-wrapper {
    transform: translateY(-12px) scale(1.02);
    filter: drop-shadow(0 5px 15px rgba(230, 58, 74, 0.1));
}

.hero-secondary-ray-wrapper {
    transform: translateY(-10px) scale(1.01);
    filter: drop-shadow(0 8px 20px rgba(92, 125, 180, 0.08));
}

@keyframes ideahunter-glow {
    0% {
        filter: brightness(1.05) drop-shadow(0 10px 25px rgba(8, 174, 180, 0.15));
    }
    100% {
        filter: brightness(1.15) drop-shadow(0 15px 35px rgba(8, 174, 180, 0.25));
    }
}

/* Hero Background Effects - Responsive */
@media (max-width: 991px) {
    .hero-primary-ray-wrapper,
    .hero-secondary-ray-wrapper {
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-primary-ray-container {
        margin-left: auto;
        margin-right: auto;
        position: static;
    }

    .hero-primary-ray-image {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0%;
    }

    .hero-secondary-ray-container {
        margin-left: auto;
        margin-right: auto;
        position: static;
    }

    .hero-secondary-ray-inner {
        z-index: -3;
        margin-left: auto;
        margin-right: auto;
        top: -5px;
    }

    .hero-secondary-ray-image {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-large-ray-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero-primary-ray-image {
        filter: blur(18px);
    }

    .hero-secondary-ray-image {
        filter: blur(20px);
    }
}

@media (max-width: 479px) {
    .hero-secondary-ray-image {
        filter: blur(12px);
    }
}