:root {
            --primary-orange: #FF9A00;
            --primary-pink: #B95E82;
            --deep-black: #0A0A0A;
            --soft-white: #FBFAF9;
        }

        body {
            font-family: 'Encode Sans Expanded', sans-serif;
            background-color: var(--soft-white);
            color: var(--deep-black);
            overflow-x: hidden;
            /* Ensuring no bold text globally */
            font-weight: 300;
        }

        h1, h2, h3, h4, h5, b, strong {
            font-weight: 400 !important;
        }

        .glitch-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }

        .glitch-active .glitch-overlay {
            opacity: 1;
            animation: glitch-anim 0.2s infinite;
        }

        @keyframes glitch-anim {
            0% { clip-path: inset(10% 0 30% 0); transform: translate(-5px, 5px); filter: hue-rotate(90deg); }
            20% { clip-path: inset(40% 0 10% 0); transform: translate(5px, -5px); filter: contrast(120%); }
            40% { clip-path: inset(60% 0 20% 0); transform: translate(-10px, 0); filter: saturate(150%); }
            60% { clip-path: inset(20% 0 50% 0); transform: translate(10px, 5px); }
            80% { clip-path: inset(80% 0 5% 0); transform: translate(-5px, -10px); }
            100% { clip-path: inset(10% 0 30% 0); transform: translate(0); }
        }

        .page-view { display: none; opacity: 0; transition: opacity 0.6s ease; }
        .page-view.active { display: block; opacity: 1; }

        .header-hidden { transform: translateY(-100%); }
        .transition-transform-smooth { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }

        .floating-card {
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0) rotate(1deg); }
            50% { transform: translateY(-20px) rotate(-1deg); }
        }

        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        #nav-overlay {
            clip-path: circle(0% at 50% 50%);
            transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        }
        #nav-overlay.open {
            clip-path: circle(150% at 50% 50%);
        }

        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--primary-pink); }

        .image-noise {
            position: relative;
        }
        .image-noise::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Resolution_White_Noise.png");
            opacity: 0.03;
            pointer-events: none;
        }