/* Continuous depth carousel, shared by the homepage and design preview. */
.logo-marquee.depth-carousel {
  position: relative;
  height: clamp(138px, 16vw, 192px);
  margin: 22px -20px 0;
  overflow: hidden;
  user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
.depth-carousel .depth-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 164px;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  will-change: transform;
}
.depth-logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
@media (max-width: 600px) {
  .logo-marquee.depth-carousel { height: 142px; margin-top: 18px; }
  .depth-carousel .depth-logo { width: 112px; height: 88px; }
}