/* Large photographic PRO gallery, without a surrounding card or frame. */
.market-home .pro-carousel {
  position: relative;
  margin-bottom: 72px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Keep the section heading available to readers without a separate visual bar. */
.market-home .pro-carousel > .collection-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.market-home .pro-viewport {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.market-home .cascade-track {
  position: relative;
  overflow: hidden;
  height: clamp(440px, 41vw, 620px);
  gap: 9px;
}

.market-home .cascade-track.is-reordering .cascade-panel {
  transition: none;
}

.market-home .cascade-panel {
  border: 0;
  border-radius: 5px;
  box-shadow: none;
}

.market-home .cascade-panel > img {
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.market-home .cascade-panel::after {
  background: linear-gradient(0deg, #06130fe0, #09181150 35%, transparent 65%);
}

.market-home .cascade-title {
  left: 32px;
  right: 32px;
  bottom: 32px;
  gap: 12px 32px;
}

.market-home .cascade-title h3 {
  font-size: clamp(25px, 2.4vw, 34px);
}

.market-home .cascade-title .cascade-summary .metrics strong {
  font-size: clamp(26px, 2.6vw, 36px);
}

.project-card .badge,
.market-home .project-card .badge {
  background: var(--petrol);
  color: #fff;
}

.market-home .cascade-heading > span {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  background: var(--petrol);
  color: #fff;
}

@media (max-width: 1100px) {
  .market-home .cascade-title {
    left: 24px;
    right: 24px;
    bottom: 24px;
    gap: 12px 20px;
  }
}

@media (max-width: 760px) {
  .market-home .pro-carousel {
    margin-bottom: 48px;
  }

  .market-home .cascade-track {
    height: clamp(420px, 55svh, 500px);
    gap: 5px;
  }

  .market-home .cascade-panel {
    border-radius: 4px;
  }

  .market-home .cascade-title {
    left: 18px;
    right: 18px;
    bottom: 22px;
    gap: 12px;
  }

  .market-home .cascade-title h3 {
    font-size: 22px;
  }

  .market-home .cascade-title .cascade-summary .metrics strong {
    font-size: 25px;
  }
}