.collage-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; }
.floating-wrapper { position: absolute; }
.floating-wrapper::before, .floating-wrapper::after { content: ''; position: absolute; left: 50%; width: 1px; height: 100vh; border-left: 1px dashed rgba(0,0,0,0.12); z-index: -1; }
.floating-wrapper::before { bottom: 100%; }
.floating-wrapper::after { top: 100%; }
.line-up::after { display: none; }
.line-down::before { display: none; }
.floating-img { border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px -5px rgba(0,0,0,0.12); animation: collage-float 6s ease-in-out infinite; animation-delay: var(--delay); width: 100%; height: 100%; background: var(--white); }
.floating-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.img-1 { top: 15%; left: 6%; width: 140px; height: 160px; }
.img-2 { top: 65%; left: 15%; width: 170px; height: 130px; }
.img-3 { top: 10%; left: 82%; width: 150px; height: 190px; }
.img-4 { top: 62%; left: 74%; width: 170px; height: 130px; }
@media (max-width: 1024px) {
    .img-1, .img-3 { display: none; }
    .img-2 { left: 5%; }
    .img-4 { left: 75%; }
}
@media (max-width: 768px) {
    .collage-container { display: none; }
}
@keyframes collage-float {
    0% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-12px) scale(1.02); }
    100% { transform: translateY(0px) scale(1); }
}
.relative-z { position: relative; z-index: 10; }