.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .tonal-shift-bottom {
            box-shadow: 0 4px 30px -10px rgba(142, 78, 20, 0.05);
        }
        .masonry-grid {
            columns: 1;
            gap: 1.5rem;
        }
        @media (min-width: 768px) {
            .masonry-grid { columns: 2; }
        }
        @media (min-width: 1024px) {
            .masonry-grid { columns: 3; }
        }
        .masonry-item {
            break-inside: avoid;
            margin-bottom: 1.5rem;
        }