.block-main-collection-banner {
  position: relative;
  min-height: 220px;
  margin-block-end: 36px;
  overflow: hidden;
  background-color: #b9b4a5;
}

@media (max-width: 959px) {
  .block-main-collection-banner {
    min-height: 160px;
    margin-block-end: 20px;
  }
}

.block-main-collection-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-main-collection-banner__fallback {
  position: absolute;
  inset: 0;
  filter: saturate(.72) brightness(.72);
}

.block-main-collection-banner::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background:
    linear-gradient(90deg, rgb(46 37 31 / 52%), rgb(74 60 51 / 28%)),
    linear-gradient(180deg, rgb(255 255 255 / 4%), rgb(36 29 25 / 30%));
}

.block-main-collection-banner__inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: rgb(255 255 255 / 100%);
}

.block-main-collection-banner__inner a {
  padding-inline-end: 10px;
  color: rgb(255 255 255 / 100%);
}

.block-main-collection-banner__inner > div {
  text-align: center;
}

.block-main-collection-banner__inner [class*="title"] {
  max-width: min(900px, 88vw);
  margin-inline: auto;
  font-size: clamp(38px, 5vw, 70px);
  line-height: 1.08;
  text-wrap: balance;
  text-shadow: 0 2px 20px rgb(0 0 0 / 24%);
}

@media (max-width: 959px) {
  .block-main-collection-banner__inner [class*="title"] {
    font-size: clamp(30px, 9vw, 46px);
  }
}