<style>
        .hero-overlay {
            background: linear-gradient(180deg, rgba(43,45,66,0.15) 0%, rgba(43,45,66,0.65) 100%);
        }
        .slide-item {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
        }
        .slide-item.active {
            opacity: 1;
            visibility: visible;
        }
        .photo-card {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .photo-card:hover {
            transform: translateY(-8px) rotate(1deg);
        }
        .marquee {
            overflow: hidden;
            white-space: nowrap;
        }
        .marquee-track {
            display: inline-block;
            animation: marquee 28s linear infinite;
        }
        @keyframes marquee {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }
    </style>