﻿body { background-color: #0C0A10; color: #E9DFC4; scroll-behavior: smooth; overflow-x: hidden; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
        }
        .glass-nav {
            backdrop-filter: blur(16px);
            background-color: rgba(12, 10, 16, 0.85);
            border-bottom: 1px solid rgba(233, 223, 196, 0.08);
        }
        .sushi-card {
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .sushi-card:hover {
            transform: translateY(-8px);
            background-color: rgba(20, 20, 20, 0.8);
            border-color: rgba(253, 12, 12, 0.3);
        }
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            box-orient: vertical;
            overflow: hidden;
        }
        .text-glow {
            text-shadow: 0 0 30px rgba(253, 12, 12, 0.5);
        }
        .grainy {
            position: relative;
        }
        .grainy:after {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("https://grainy-gradients.vercel.app/noise.svg");
            opacity: 0.03;
            pointer-events: none;
            z-index: 50;
        }
        .marquee-track { will-change: transform; }
        @media (hover: hover) { body { cursor: none; } }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }
