/* ============================================================
   CONAUTI SCROLL MODULE — Cinematic Scroll Styles
   ============================================================ */

/* 1. Smooth Scroll Engine Compatibility */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-stopped { overflow: hidden; }

/* 2. Word Split Animation Tokens */
.sw-wrap {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 0.12em;
}
.sw-word {
    display: inline-block;
    transform: translateY(110%);
    will-change: transform;
}

/* 3. Theme Transition for the Body */
body {
    transition: background-color 0.9s ease, color 0.9s ease;
}
body.cn-theme-light {
    background-color: #f5f5f0 !important;
    color: #111 !important;
}
body.cn-theme-dark {
    background-color: #050508 !important;
    color: #f5f5f0 !important;
}

/* 4. Manifesto Section (Light Theme Overrides) */
#cn-manifesto {
    background-color: #f5f5f0;
    color: #111;
    position: relative;
    z-index: 10;
}

/* 5. Generic Fade-in on scroll */
.cn-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.cn-fade.visible {
    opacity: 1;
    transform: translateY(0);
}