.tas-tour-quote {
  --tas-content-gutter: 20px;
  position: relative;
  padding: 20px 0 28px;
  background: var(--background-color);
  overflow: hidden;
}

.tas-tour-quote__inner {
  position: relative;
  z-index: 1;
  width: min(100% - calc(var(--tas-content-gutter) * 2), min(920px, var(--layout-max-width)));
  margin: 0 auto;
  text-align: center;
}

.tas-tour-quote__text {
  margin: 0;
}

.tas-tour-quote__text p {
  margin: 0;
  font-size: clamp(1.25rem, 2.8vw, 1.75rem);
  font-weight: 500;
  line-height: 1.55;
  color: var(--primary);
}

.tas-tour-quote--skyline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: min(42%, 220px);
  pointer-events: none;
  opacity: 0.14;
  background:
    linear-gradient(to top, var(--background-color) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath fill='%2300332E' d='M0 120V80h40v-30h20v10h15V40h25v20h20V50h30v10h20V30h25v20h15V60h20v20h25V45h20v15h30V70h20v20h30V55h25v25h20V65h35v25h25V75h40v45H0z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}

@media (max-width: 767px) {
  .tas-tour-quote {
    padding: 40px 0 56px;
  }

  .tas-tour-quote--skyline::after {
    height: min(36%, 160px);
    opacity: 0.1;
  }
}