/* home.css – overrides that apply only to the homepage (index.html) */

/* 1. Keep the hero as a fixed background behind everything else */
.home .full-screen-hero {
    position: fixed;          /* stick to viewport */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;              /* place behind scrolling content */
}

/* 2. Undo the global "all children fixed" rule for the hero’s inner parts */
.home .full-screen-hero h1,
.home .full-screen-hero .scroll-indicator {
    position: relative;       /* normal flow, not fixed */
}

/* 3. Make the main content start after the hero and scroll over it */
.home main#content {
    padding: 300px 0;
    margin-top: 100vh;        /* start below the hero */
    z-index: 1;               /* on top of the hero */
    gap: 300px;                   /* no extra vertical space */
}

.home main > * {
    z-index: 99;
}

/* 4. The "Looking for you" promo is already fixed globally – no extra rules needed */