body { font-family: 'Lato', sans-serif; }
        h1, h2, h3, .font-lora { font-family: 'Lora', serif; }
        
        /* Zmieniono na klasę .gallery-grid, by można było użyć jej wielokrotnie */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 100px), 1fr));
            gap: 12px; 
            padding: 10px 0;
            width: 100%; 
        }
        
        @media (min-width: 640px) {
            .gallery-grid { 
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); 
                gap: 24px; 
                padding: 20px 0;
            }
        }

        .gallery-grid a {
            display: block;
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            transition: box-shadow 0.3s ease, transform 0.3s ease;
            
            min-width: 0; 
            aspect-ratio: 1 / 1; 
            
            -webkit-mask-image: -webkit-radial-gradient(white, black);
            isolation: isolate;
        }

        .gallery-grid a:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            transform: translateY(-4px);
        }

        .gallery-grid img {
            width: 100% !important; 
            height: 100% !important;
            object-fit: cover; 
            display: block;
            margin: 0;
            transition: transform 0.5s ease;
        }

        .gallery-grid a:hover img {
            transform: scale(1.1);
        }