body {
            font-family: 'Commissioner', sans-serif;
            background-color: #FFFFFF;
            color: #000000;
            overflow-x: hidden;
            letter-spacing: 0.02em;
            -webkit-font-smoothing: antialiased;
        }

        .heading-major {
            font-family: 'Major Mono Display', monospace;
            text-transform: uppercase;
            letter-spacing: 0.15em;
        }

        /* Editorial spacing & slow transitions */
        .reveal-element {
            opacity: 0;
            transform: translateY(30px);
            filter: blur(5px);
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        /* Header transition behaviour - vanishes on scroll down, reappears on scroll up */
        header {
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
        }
        header.header-hidden {
            transform: translateY(-100%);
        }

        /* Nav link line expansions */
        .nav-link {
            position: relative;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -6px;
            left: 0;
            background-color: #FFFFFF;
            transform-origin: bottom center;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .nav-link.active-nav::after {
            transform: scaleX(1);
        }

        /* Infinite horizontal marquee text */
        @keyframes marquee {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-50%); }
        }
        .marquee-inner {
            display: flex;
            width: max-content;
            animation: marquee 25s linear infinite;
        }

        /* Custom scrollbar hiding */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Page View Switch Transitions */
        .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(12px);
        }
        .page-view.active-view {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Grayscale to color transition */
        .grayscale-to-color {
            filter: grayscale(100%);
            transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .grayscale-to-color:hover {
            filter: grayscale(0%);
            transform: scale(1.02);
        }