.comi-photos-section{background-color:var(--color-bg-dark);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg)}.comi-photos-collage{position:relative;max-width:1400px;margin:0 auto;height:700px}.comi-photos-collage .photo-item{position:absolute;overflow:hidden;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,0.3);background-color:#eee;padding:0.6rem 0.6rem 1.6rem}.comi-photos-collage .photo-item{--parallax-y:0px;--rotation:0deg;--hover-scale:1;--hover-rotation-offset:0deg;will-change:transform;transform:rotate(calc(var(--rotation) + var(--hover-rotation-offset))) translateY(var(--parallax-y)) scale(var(--hover-scale));transition:transform 0.15s ease-out}.comi-photos-collage .photo-item:hover{--hover-scale:1.05}.comi-photos-collage .photo-item img{width:100%;height:100%;object-fit:cover;display:block}.comi-photos-collage .photo-1{width:28%;top:0;left:2%;z-index:4;--rotation:-1.5deg}.comi-photos-collage .photo-1:hover{--hover-rotation-offset:-1.5deg}.comi-photos-collage .photo-2{width:23%;top:1%;left:28%;z-index:4;--rotation:-0.5deg}.comi-photos-collage .photo-2:hover{--hover-rotation-offset:-1.5deg}.comi-photos-collage .photo-3{width:21%;top:67%;left:28%;z-index:7;--rotation:1deg}.comi-photos-collage .photo-3:hover{--hover-rotation-offset:1.5deg}.comi-photos-collage .photo-4{width:20%;top:33%;left:13%;z-index:4;--rotation:-1deg}.comi-photos-collage .photo-4:hover{--hover-rotation-offset:-2deg}.comi-photos-collage .photo-5{height:100%;top:0%;left:68%;z-index:1;--rotation:1deg}.comi-photos-collage .photo-5:hover{--hover-rotation-offset:1.5deg}.comi-photos-collage .photo-6{height:33%;top:61%;left:46%;z-index:6;--rotation:-1deg}.comi-photos-collage .photo-6:hover{--hover-rotation-offset:-1.5deg}.comi-photos-collage .photo-7{width:18%;top:67%;left:3%;z-index:7;--rotation:1deg}.comi-photos-collage .photo-7:hover{--hover-rotation-offset:2deg}.comi-photos-collage .photo-8{width:21%;top:5%;left:50%;z-index:2;--rotation:-0.5deg}.comi-photos-collage .photo-8:hover{--hover-rotation-offset:-1deg}.comi-photos-collage .photo-logo{position:absolute;top:49.5%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;width:32%;max-width:300px;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.4))}.comi-photos-collage .photo-logo img{width:100%;height:auto}@media (max-width:1024px){.comi-photos-collage{height:550px}.comi-photos-collage .photo-logo{padding:2rem}}@media (max-width:767px){.comi-photos-collage{height:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.comi-photos-collage .photo-item{position:relative;width:auto!important;top:auto!important;left:auto!important}.comi-photos-collage .photo-1,.comi-photos-collage .photo-3,.comi-photos-collage .photo-5,.comi-photos-collage .photo-7{margin-right:15%}.comi-photos-collage .photo-2,.comi-photos-collage .photo-4,.comi-photos-collage .photo-6,.comi-photos-collage .photo-8{margin-left:15%}.comi-photos-collage .photo-logo{position:relative;top:auto;left:auto;transform:none;width:50%;margin:var(--spacing-md) auto;order:3}.comi-photos-collage .photo-1{order:1}.comi-photos-collage .photo-2{order:2}.comi-photos-collage .photo-3{order:4}.comi-photos-collage .photo-4{order:5}.comi-photos-collage .photo-5{order:6}.comi-photos-collage .photo-6{order:7}.comi-photos-collage .photo-7{order:8}.comi-photos-collage .photo-8{order:9}}