.cmp-floating-gallery {
  position: relative;
  min-height: 5600px;
  background: var(--color-paper);
  overflow: hidden;
}

.cmp-floating-gallery::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 40% 30%, rgba(36,54,60,0.03) 0%, transparent 60%);
  pointer-events: none;
}

.cmp-floating-gallery__item {
  position: absolute;
  margin: 0;
  overflow: hidden;
  background: var(--color-cream);
  box-shadow: 0 18px 48px rgba(36, 54, 60, 0.1);
  transition: transform 0.72s var(--ease-out), box-shadow 0.72s var(--ease-out);
}

.cmp-floating-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s var(--ease-out);
}

.cmp-floating-gallery__item:hover {
  box-shadow: 0 28px 72px rgba(36, 54, 60, 0.18);
  z-index: 10;
}

.cmp-floating-gallery__item:hover img {
  transform: scale(1.05);
}

.cmp-floating-gallery__item--frame {
  border: 8px solid var(--color-paper);
  box-shadow: 0 4px 20px rgba(36, 54, 60, 0.06);
}

.cmp-floating-gallery__item--frame:hover {
  box-shadow: 0 12px 40px rgba(36, 54, 60, 0.14);
}

.cmp-floating-gallery__item--a { top: 80px; left: 6%; width: 200px; height: 260px; }
.cmp-floating-gallery__item--b { top: 340px; left: 44%; width: 340px; height: 440px; z-index: 3; }
.cmp-floating-gallery__item--c { top: 680px; right: 7%; width: 240px; height: 310px; }
.cmp-floating-gallery__item--d { top: 1100px; left: 14%; width: 280px; height: 200px; }
.cmp-floating-gallery__item--e { top: 1500px; left: 60%; width: 160px; height: 210px; }
.cmp-floating-gallery__item--f { top: 1900px; left: 8%; width: 320px; height: 420px; z-index: 2; }
.cmp-floating-gallery__item--g { top: 2300px; right: 12%; width: 260px; height: 340px; }
.cmp-floating-gallery__item--h { top: 2800px; left: 34%; width: 380px; height: 280px; z-index: 3; }
.cmp-floating-gallery__item--i { top: 3300px; left: 5%; width: 210px; height: 270px; }
.cmp-floating-gallery__item--j { top: 3700px; right: 16%; width: 300px; height: 390px; }
.cmp-floating-gallery__item--k { top: 4200px; left: 28%; width: 350px; height: 450px; z-index: 4; }

@media (max-width: 1280px) {
  .cmp-floating-gallery { min-height: 4800px; }
  .cmp-floating-gallery__item--b { width: 280px; height: 360px; left: 48%; }
  .cmp-floating-gallery__item--f { width: 260px; height: 340px; }
  .cmp-floating-gallery__item--h { width: 300px; height: 220px; }
  .cmp-floating-gallery__item--k { width: 280px; height: 360px; }
}

@media (max-width: 920px) {
  .cmp-floating-gallery { min-height: 4000px; }
  .cmp-floating-gallery__item--a { top: 60px; left: 6%; width: 170px; height: 220px; }
  .cmp-floating-gallery__item--b { top: 280px; left: 40%; width: 240px; height: 310px; }
  .cmp-floating-gallery__item--c { top: 560px; right: 6%; width: 200px; height: 260px; }
  .cmp-floating-gallery__item--d { top: 880px; left: 10%; width: 220px; height: 160px; }
  .cmp-floating-gallery__item--e { top: 1150px; left: 56%; width: 140px; height: 180px; }
  .cmp-floating-gallery__item--f { top: 1480px; left: 6%; width: 260px; height: 340px; }
  .cmp-floating-gallery__item--g { top: 1800px; right: 10%; width: 220px; height: 280px; }
  .cmp-floating-gallery__item--h { top: 2180px; left: 30%; width: 300px; height: 220px; }
  .cmp-floating-gallery__item--i { top: 2560px; left: 4%; width: 180px; height: 230px; }
  .cmp-floating-gallery__item--j { top: 2900px; right: 12%; width: 240px; height: 310px; }
  .cmp-floating-gallery__item--k { top: 3300px; left: 24%; width: 280px; height: 360px; }
}

@media (max-width: 600px) {
  .cmp-floating-gallery { min-height: 3200px; }
  .cmp-floating-gallery__item { width: 58vw; height: 72vw; }
  .cmp-floating-gallery__item--a { top: 40px; left: 6% }
  .cmp-floating-gallery__item--b { top: 200px; left: 34%; width: 64vw; height: 80vw }
  .cmp-floating-gallery__item--c { top: 420px; right: 6% }
  .cmp-floating-gallery__item--d { top: 620px; left: 8%; height: 38vw }
  .cmp-floating-gallery__item--e { top: 780px; left: 52% }
  .cmp-floating-gallery__item--f { top: 980px; left: 4%; width: 64vw; height: 80vw }
  .cmp-floating-gallery__item--g { top: 1200px; right: 8% }
  .cmp-floating-gallery__item--h { top: 1400px; left: 28%; width: 64vw; height: 46vw }
  .cmp-floating-gallery__item--i { top: 1620px; left: 4% }
  .cmp-floating-gallery__item--j { top: 1820px; right: 8% }
  .cmp-floating-gallery__item--k { top: 2020px; left: 22%; width: 64vw; height: 80vw }
}

@media (max-width: 480px) {
  .cmp-floating-gallery {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
    min-height: auto;
  }
  .cmp-floating-gallery__item {
    position: static;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.5 / 1;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
}