body { 
            background-color: #F8F7F3; 
            color: #1E1810; 
            overflow-x: hidden; 
        }

        /* Ambient Dynamic Grid */
        .bg-grid {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(30, 24, 16, 0.04) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(30, 24, 16, 0.04) 1px, transparent 1px);
            mask-image: radial-gradient(ellipse at center, black 20%, transparent 80%);
            -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 80%);
        }

        /* Luminous White/Amber Blobs */
        .blob-1 {
            background: radial-gradient(circle, rgba(255,177,0,0.15) 0%, rgba(255,255,255,0) 70%);
            filter: blur(60px);
        }
        .blob-2 {
            background: radial-gradient(circle, rgba(249,195,73,0.1) 0%, rgba(255,255,255,0) 70%);
            filter: blur(80px);
        }

        /* Canvas-style Beam Borders */
        @property --beam-angle {
            syntax: "<angle>";
            initial-value: 0deg;
            inherits: false;
        }
        .beam-card {
            position: relative;
            border-radius: 20px;
            background: transparent;
            z-index: 1;
        }
        .beam-card::before {
            content: "";
            position: absolute;
            inset: -2px;
            border-radius: 22px;
            background: conic-gradient(from var(--beam-angle), transparent 60%, rgba(255, 177, 0, 0.8), transparent 90%);
            animation: spin-beam 5s linear infinite;
            z-index: -1;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        .beam-card:hover::before {
            opacity: 1;
        }
        .beam-inner {
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid rgba(255, 255, 255, 0.9);
            border-radius: 20px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
            height: 100%;
        }
        @keyframes spin-beam {
            0% { --beam-angle: 0deg; }
            100% { --beam-angle: 360deg; }
        }

        /* Axion-style Scanlines overlay over images/cards */
        .scanlines {
            background: repeating-linear-gradient(to bottom, transparent, transparent 2px, rgba(255, 177, 0, 0.03) 3px, transparent 4px);
            pointer-events: none;
        }

        /* Scroll Reveals */
        .sys-reveal { 
            opacity: 0; transform: translateY(40px); filter: blur(8px); 
            transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1), filter 1.4s ease-out; 
            will-change: opacity, transform, filter;
        }
        .sys-active { opacity: 1; transform: translate(0) scale(1); filter: blur(0); }
        .sys-delay-100 { transition-delay: 150ms; }
        .sys-delay-200 { transition-delay: 300ms; }
        .sys-delay-300 { transition-delay: 450ms; }

        /* Floating panels */
        .float-panel { animation: float-panel 8s ease-in-out infinite; }
        .float-panel-delayed { animation: float-panel 8s ease-in-out 4s infinite; }
        @keyframes float-panel {
            0% { transform: translateY(0) rotate(0deg); box-shadow: 0 10px 30px rgba(0,0,0,0.02); }
            50% { transform: translateY(-15px) rotate(1deg); box-shadow: 0 25px 50px rgba(255,177,0,0.08); }
            100% { transform: translateY(0) rotate(0deg); box-shadow: 0 10px 30px rgba(0,0,0,0.02); }
        }

        /* Infinity Scrolling Marquee */
        @keyframes scroll-x {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
        .animate-scroll-x {
            animation: scroll-x 40s linear infinite;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #E5E5E5; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #FFB100; }