/* ===== GLOBAL CUSTOM AESTHETICS ===== */
        ::-webkit-scrollbar {
            display: none;
        }
        body {
            background-color: #040406;
            color: #E2E8F0;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-x: hidden;
        }

        /* Noise Overlay for premium analog texture */
        .noise-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            content: "";
            opacity: 0.015;
            pointer-events: none;
            z-index: 9999;
            background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        }

        /* Custom cursor style */
        .custom-cursor {
            width: 20px;
            height: 20px;
            border: 1px solid rgba(212, 175, 55, 0.8);
            border-radius: 50%;
            position: fixed;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 10000;
            transition: width 0.3s, height 0.3s, background-color 0.3s, border-color 0.3s;
            transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        }
        .custom-cursor-dot {
            width: 4px;
            height: 4px;
            background-color: #D4AF37;
            border-radius: 50%;
            position: fixed;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 10001;
        }

        /* Ambient lights */
        .glow-accent {
            filter: blur(150px);
            background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, transparent 70%);
            pointer-events: none;
        }
        .glow-blue {
            filter: blur(150px);
            background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        /* Glassmorphism panel */
        .glass-nav {
            background: rgba(4, 4, 6, 0.5);
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        /* Text glow */
        .text-glow {
            text-shadow: 0 0 40px rgba(255, 255, 255, 0.1), 0 0 15px rgba(212, 175, 55, 0.15);
        }

        /* Splitting transition values */
        .splitting .char {
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;
            transition-delay: calc(0.015s * var(--char-index));
            opacity: 0;
            transform: translateY(20px);
        }
        .splitting.active .char, .active .splitting .char {
            opacity: 1;
            transform: translateY(0);
        }

        /* Video cover styling */
/* Video cover styling */
.hero-video { transform: scale(1.2); object-fit: cover; object-position: top; transition: transform 1.5s ease; }
.scrolling-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
        .scrolling-video {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            /* Cinematic Color Grading Filter */
            filter: contrast(1.15) saturate(1.2) brightness(0.9) sepia(0.1);
        }

        /* Shimmering border gradient component inspired by Finex */
        [style*="--border-gradient"]::before {
            content: "";
            position: absolute;
            inset: 0;
            padding: 1px;
            border-radius: var(--border-radius-before, inherit);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
            background: var(--border-gradient);
            pointer-events: none;
        }

        @keyframes beam-spin {
            to { transform: rotate(360deg); }
        }
        .animate-beam-spin {
            animation: beam-spin 3.5s linear infinite;
        }

        /* Mouse Indicator animation */
        @keyframes scrollMouse {
            0% { transform: translateY(0); opacity: 1; }
            50% { transform: translateY(6px); opacity: 0.3; }
            100% { transform: translateY(0); opacity: 1; }
        }
        .mouse-dot {
            animation: scrollMouse 1.8s ease-in-out infinite;
        }

        /* Preloader cinematic pulse */
        @keyframes loader-pulse {
            0%, 100% { opacity: 0.4; }
            50% { opacity: 0.9; }
        }
        .loader-text-pulse {
            animation: loader-pulse 2s infinite ease-in-out;
        }

        /* ===== AUTHOR SECTION ANIMATIONS ===== */

        /* Photo float — gentle levitation */
        @keyframes author-float {
            0%   { transform: translateY(0px) scale(1); }
            30%  { transform: translateY(-14px) scale(1.008); }
            60%  { transform: translateY(-6px) scale(1.004); }
            100% { transform: translateY(0px) scale(1); }
        }
        .author-float {
            animation: author-float 7s ease-in-out infinite;
            transform-origin: bottom center;
        }

        /* Photo aura pulse */
        @keyframes aura-pulse {
            0%, 100% { opacity: 0.25; transform: translate(-50%, 0) scale(1); }
            50%       { opacity: 0.55; transform: translate(-50%, 0) scale(1.18); }
        }
        .author-aura {
            animation: aura-pulse 5s ease-in-out infinite;
        }

        /* Watermark name drift + shimmer */
        @keyframes wm-drift {
            0%   { transform: translateX(0px); }
            50%  { transform: translateX(18px); }
            100% { transform: translateX(0px); }
        }
        @keyframes wm-shimmer {
            0%   { background-position: -200% center; }
            100% { background-position: 300% center; }
        }
        .author-watermark-text {
            animation: wm-drift 18s ease-in-out infinite;
            background: linear-gradient(
                105deg,
                #6b4f00 0%,
                #D4AF37 30%,
                #F3E5AB 50%,
                #D4AF37 70%,
                #6b4f00 100%
            );
            background-size: 300% auto;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: wm-drift 18s ease-in-out infinite, wm-shimmer 5s linear infinite;
        }

        /* Name badge glow pulse */
        @keyframes name-glow {
            0%, 100% { filter: drop-shadow(0 0 8px rgba(212,175,55,0.35)) drop-shadow(0 0 24px rgba(212,175,55,0.15)); }
            50%       { filter: drop-shadow(0 0 18px rgba(212,175,55,0.7)) drop-shadow(0 0 40px rgba(212,175,55,0.3)); }
        }
        .author-name-glow {
            animation: name-glow 3.5s ease-in-out infinite;
        }

        /* Gold line expand */
        @keyframes line-expand {
            0%, 100% { width: 40px; opacity: 0.6; }
            50%       { width: 90px; opacity: 1; }
        }
        .author-line-animate {
            animation: line-expand 3.5s ease-in-out infinite;
        }

        /* Floating orb particles */
        @keyframes orb-float-1 {
            0%   { transform: translate(0, 0) scale(1); opacity: 0.4; }
            33%  { transform: translate(20px, -30px) scale(1.1); opacity: 0.7; }
            66%  { transform: translate(-15px, -15px) scale(0.9); opacity: 0.5; }
            100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
        }
        @keyframes orb-float-2 {
            0%   { transform: translate(0, 0) scale(1); opacity: 0.3; }
            40%  { transform: translate(-25px, -20px) scale(1.15); opacity: 0.6; }
            80%  { transform: translate(10px, -35px) scale(0.85); opacity: 0.35; }
            100% { transform: translate(0, 0) scale(1); opacity: 0.3; }
        }
        @keyframes orb-float-3 {
            0%   { transform: translate(0, 0); opacity: 0.25; }
            50%  { transform: translate(30px, 20px); opacity: 0.5; }
            100% { transform: translate(0, 0); opacity: 0.25; }
        }
        .author-orb-1 { animation: orb-float-1 8s ease-in-out infinite; }
        .author-orb-2 { animation: orb-float-2 11s ease-in-out infinite; }
        .author-orb-3 { animation: orb-float-3 14s ease-in-out infinite; }