.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .noir-gradient {
            background: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,0.9) 80%, rgba(10,10,10,1) 100%);
        }
        .red-glow:hover {
            box-shadow: 0 0 20px rgba(204, 0, 0, 0.4);
        }
        .bento-card {
            background: #121212;
            border: 1px solid #1A1A1A;
            transition: all 0.3s ease;
        }
        .bento-card:hover {
            border-color: #CC0000;
        }
        .contact-link {
            color: rgb(196, 199, 199);
            text-decoration: none;
            text-underline-offset: 4px;
            transition: color 0.15s ease, text-decoration-color 0.15s ease;
        }
        .contact-link:hover {
            color: rgb(229, 226, 225);
            text-decoration: underline;
        }
        .contact-link:active {
            color: rgb(124, 128, 128);
        }
        .hero-section {
            min-height: 100vh;
            min-height: 100svh;
            background: #0A0A0A;
            isolation: isolate;
        }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #0A0A0A; }
        ::-webkit-scrollbar-thumb { background: #1A1A1A; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #CC0000; }