/* Scroll Stack CSS (Webflow Card-Stack Style) */
.book-container {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #111; /* Deep background for depth */
}

.fp-section {
    background-color: #fff;
    overflow: hidden;
    transform-origin: center center;
    will-change: transform, scale, opacity;
}

/* Ensure the inner content doesn't jitter */
.fp-section .container-fluid,
.fp-section .section-title,
.fp-section .description {
    transition: transform 1.1s ease;
}

/* Decorative spine hidden for this style */
.book-spine {
    display: none;
}

/* Paper-like overlay for premium feel */
.fp-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://www.transparenttextures.com/patterns/pinstripe.png');
    opacity: 0.02;
    z-index: 99;
    pointer-events: none;
}