/* Hero section - ensure relative positioning for absolute children */
[data-id="e7330e6"] {
    position: relative !important;
    overflow: hidden !important;
}

/* Floating project card - Left (Montrouge) */
[data-id="98755d7"] {
    position: absolute !important;
    top: 15% !important;
    left: 3% !important;
    right: auto !important;
    bottom: auto !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(12, 26, 46, 0.4) !important;
    padding: 0.5rem !important;
    width: 200px !important;
    z-index: 2;
    animation: ilrenove-float-left-bf4bc37e 6s ease-in-out infinite !important;
}

/* Floating project card - Top Right (Meudon) */
[data-id="c702b99"] {
    position: absolute !important;
    top: 8% !important;
    right: 5% !important;
    left: auto !important;
    bottom: auto !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(12, 26, 46, 0.4) !important;
    padding: 0.5rem !important;
    width: 220px !important;
    z-index: 2;
    animation: ilrenove-float-right-bf4bc37e 7s ease-in-out infinite !important;
}

/* Floating project card - Center Bottom (Clamart) */
[data-id="0fe26ba"] {
    position: absolute !important;
    bottom: 12% !important;
    left: 50% !important;
    top: auto !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(12, 26, 46, 0.4) !important;
    padding: 0.5rem !important;
    width: 180px !important;
    z-index: 2;
    animation: ilrenove-float-center-bf4bc37e 5s ease-in-out infinite !important;
}

/* Floating project card - Bottom Right (Asnières) */
[data-id="ddc3d58"] {
    position: absolute !important;
    bottom: 18% !important;
    right: 4% !important;
    left: auto !important;
    top: auto !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(12, 26, 46, 0.4) !important;
    padding: 0.5rem !important;
    width: 190px !important;
    z-index: 2;
    animation: ilrenove-float-right-bf4bc37e 8s ease-in-out infinite !important;
}

/* Floating project card - Bottom Left (Levallois) */
[data-id="91b467c"] {
    position: absolute !important;
    bottom: 25% !important;
    left: 6% !important;
    right: auto !important;
    top: auto !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(12, 26, 46, 0.4) !important;
    padding: 0.5rem !important;
    width: 170px !important;
    z-index: 2;
    animation: ilrenove-float-left-bf4bc37e 9s ease-in-out infinite !important;
}

/* Hero content center */
[data-id="b1fb6d9"] {
    position: relative !important;
    z-index: 10 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    text-align: center !important;
    max-width: 40rem !important;
}

/* Project images */
[data-id="98755d7"] img,
[data-id="c702b99"] img,
[data-id="0fe26ba"] img,
[data-id="ddc3d58"] img,
[data-id="91b467c"] img {
    border-radius: 0.5rem !important;
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover !important;
}

/* Project labels */
[data-id="98755d7"] .elementor-heading-title,
[data-id="c702b99"] .elementor-heading-title,
[data-id="0fe26ba"] .elementor-heading-title,
[data-id="ddc3d58"] .elementor-heading-title,
[data-id="91b467c"] .elementor-heading-title {
    font-size: 0.7rem !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    font-weight: 600 !important;
    padding: 0.25rem 0.5rem !important;
}

/* Float animations */
@keyframes ilrenove-float-left-bf4bc37e {
    0%, 100% {
        transform: translateY(0px) rotate(-2deg);
    }
    50% {
        transform: translateY(-15px) rotate(0deg);
    }
}

@keyframes ilrenove-float-right-bf4bc37e {
    0%, 100% {
        transform: translateY(0px) rotate(2deg);
    }
    50% {
        transform: translateY(-12px) rotate(0deg);
    }
}

@keyframes ilrenove-float-center-bf4bc37e {
    0%, 100% {
        transform: translateX(-50%) translateY(0px);
    }
    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}

/* Responsive - hide floating cards on mobile */
@media (max-width: 767px) {
    [data-id="98755d7"],
    [data-id="c702b99"],
    [data-id="0fe26ba"],
    [data-id="ddc3d58"],
    [data-id="91b467c"] {
        display: none !important;
    }
}

/* Responsive - smaller cards on tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    [data-id="98755d7"],
    [data-id="c702b99"],
    [data-id="0fe26ba"],
    [data-id="ddc3d58"],
    [data-id="91b467c"] {
        width: 140px !important;
    }
}