/* Pure Scroll Frame Animation Stylesheet */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

/* Navbar height constant — keep in sync with nav py-2.5 + logo stack */
:root {
    --navbar-h: 72px;
}

/* Scroll Animation Section Container */
.animation-container {
    position: relative;
    width: 100%;
    height: 350vh;
    /* Adjust this value to make scroll speed faster or slower */
    background-color: #0b0b0d;
}

/* Fullscreen animation canvas — sticky at the top */
#animation-canvas {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    z-index: 1;
}

/* Spacer that pushes page scroll boundaries inside the container to drive the animation */
.scroll-spacer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* Let scroll events pass straight through */
}

/* ── Navbar pill link interaction ── */
.nav-pill {
    position: relative;
    overflow: hidden;
}

/* ── Navbar style tweaks ── */
#main-nav {
    position: relative;
    height: var(--navbar-h);
}