        body {
            font-family: 'Crimson Text', serif;
            background-color: #FDFBF7;
            color: #4F200D;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        .font-sans-alt {
            font-family: 'Inter', sans-serif;
        }

        /* Slow transition reveals */
        .reveal-element {
            opacity: 0;
            transform: translateY(30px);
            filter: blur(5px);
            transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        /* Floating header behavior */
        header {
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease;
        }
        header.header-hidden {
            transform: translateY(-100%);
        }

        /* Book Now Link Hover Underline Expansion */
        .book-link {
            position: relative;
        }
        .book-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -4px;
            left: 0;
            background-color: #B6771D;
            transform-origin: bottom right;
            transition: transform 0.40s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .book-link:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

        /* Timeline path scroll progress line */
        .timeline-progress-line {
            transition: height 0.5s ease;
        }

        /* Custom scrollbar hiding */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Cinematic Slider transitions */
        .slide-container {
            display: flex;
            transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* Multipage navigation transitional views */
        .page-view {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
        .page-view.hidden-view {
            display: none;
            opacity: 0;
            transform: translateY(10px);
        }
        .page-view.active-view {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
