   border-radius: 12px;
            overflow: hidden;
        }
        
        .hero-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        
        .hero-content {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 32px;
            color: white;
            text-shadow: 0 1px 2px rgba(0,0,0,0.4);
        }
        
        .hero-title {
            font-size: 36px;
            font-weight: 900;
          