/* Scroll Structure */
.scroll-spacer {
    height: 400vh; /* Config.scrollHeight (400) + 50vh buffer */
    width: 100%;
    position: relative; /* Changed from absolute to relative to push content down */
    top: 0;
    pointer-events: none;
    z-index: 0;
}

/* New Content Sections */
.content-sections {
    position: relative;
    z-index: 20; /* Higher than fixed canvas and overlay */
    background: #000;
}

.content-sections section {
    width: 100vw;
    height: 100vh; /* Fallback */
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
}

.section-name {
    text-align: center;
    z-index: 2;
}

#section-1 {
    background: #0F172A; /* Slate 900 */
}
#section-2 {
    background: #1E1B4B; /* Indigo 950 */
}
#section-3 {
    background: #312E81; /* Indigo 900 */
}
#section-4 {
    background: #4C0519; /* Rose 950 */
}
#section-5 {
    background: #111827; /* Gray 900 */
}