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

        /* Scandinavian Editorial Headings (Thin & Oversized) */
        .heading-editorial {
            font-weight: 100;
            letter-spacing: -0.04em;
            line-height: 0.95;
        }

        /* Slowly blending scroll-reveals */
        .reveal-element {
            opacity: 0;
            transform: translateY(30px);
            filter: blur(8px);
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

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

        /* Autohide sticky 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, backdrop-filter 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: 1.5px;
            bottom: -6px;
            left: 0;
            background-color: #000000;
            transform-origin: bottom center;
            transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .nav-link.active-nav::after {
            transform: scaleX(1);
        }

        /* Infinite horizontal scroll ticker speed */
        @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 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);
        }

        /* Interactive pulse lines */
        @keyframes dash {
            to {
                stroke-dashoffset: -30;
            }
        }
        .pulse-line-path {
            stroke-dasharray: 6 4;
            animation: dash 2s infinite linear;
        }

        /* Draggable Element Customization */
        .draggable-card {
            cursor: grab;
            user-select: none;
            touch-action: none;
            transition: transform 0.1s ease-out, box-shadow 0.2s ease;
        }
        .draggable-card:active {
            cursor: grabbing;
        }

        /* Rotate Animation for Graph */
        @keyframes rotateGraph {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        .rotating-budget-graph {
            animation: rotateGraph 20s linear infinite;
        }

        /* Testimonial Invisible Grid snapping states */
        .testimonial-grid-node {
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
        }