/* impact-stats-offset.css 
   Minimal and Safe fix for Homepage spacing.
   ONLY targets the homepage using the sibling selector.
*/

/* 1. Remove the "White Space" gap on Desktop */
/* Only applies to <main> that follows a <section class="hero"> (Homepage) */
.hero+main {
    padding-top: 0 !important;
}

/* 2. Restore Hero visibility and prevent height collapse */
/* We keep the original height constraints from main.css */
.hero {
    background: #fff;
    position: relative;
    overflow: visible;
}

@media (min-width: 769px) {
    .hero {
        min-height: 100vh;
    }

    .hero__slider .slick-arrow {
        top: calc(var(--header-safe-zone) + (100vh - var(--header-safe-zone) - (var(--hero-controls-bottom) + var(--hero-controls-height))) / 2);
    }
}

/* 3. Tighten the gap between Slider and Stats */
.impact-stats {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    margin-top: 0 !important;
    padding-top: 40px !important;
    /* Tight spacing as requested */
    padding-bottom: 40px !important;
}

/* 4. Responsive adjustments for the gap */
@media (max-width: 768px) {
    .impact-stats {
        padding-top: 30px !important;
    }
}

@media (max-width: 576px) {
    .hero {
        min-height: 100vh;
    }

    .impact-stats {
        padding-top: 20px !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .hero {
        height: 100vh;
        max-height: 900px;
        z-index: 3;
    }
}

@media (min-width: 577px) and (max-width: 768px) and (min-height: 720px) {
    .hero {
        min-height: 720px;
    }
}