/* 
 * Section Isolation
 * This file adds styles to ensure all non-hero sections have a solid background
 * that prevents the hero image from showing through
 */

/* Apply to all sections except the hero */
section:not(.hero) {
    position: relative;
    z-index: 1;
    isolation: isolate;
}

/* Add a pseudo-element to create a solid background barrier */
section:not(.hero)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
}