body {
            font-family: 'Inter', sans-serif;
        }

        .hero-bg {
            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://placehold.co/1920x1080/334155/f8fafc?text=Modern+Construction+Site');
            background-size: cover;
            background-position: center;
        }

        .gallery-image {
            transition: transform 0.3s ease;
        }

        .gallery-image:hover {
            transform: scale(1.05);
        }

        /* Smooth modal transitions */
        #imageModal {
            transition: opacity 0.3s ease;
        }

        #modalImage {
            transition: transform 0.3s ease;
        }

        .swiper-button-next, .swiper-button-prev {
            color: #2563eb !important;
        }

        .swiper-pagination-bullet-active {
            background: #2563eb !important;
        }