.o-producer-pdp {
  margin: var(--spacing-xl) 0;
  position: relative;
  overflow: hidden;
}
.o-producer-pdp__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: top;
  background-size: cover;
}
@media screen and (min-width: 1100px) {
  .o-producer-pdp__background-image {
    border-radius: var(--border-radius-24);
  }
}
.o-producer-pdp__inner {
  padding: 0;
  position: relative;
}
@media screen and (min-width: 1100px) {
  .o-producer-pdp__inner {
    padding: 0 var(--spacing-xl);
    background-color: rgb(var(--color-background));
    border-radius: var(--border-radius-24);
  }
}
.o-producer-pdp__content {
  position: relative;
  z-index: 2;
}
.o-producer-pdp__quote {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.o-producer-pdp__quote.o-quote {
  margin: 0;
}
.o-producer-pdp__quote.o-quote__author {
  margin-top: var(--spacing-sm);
}
.o-producer-pdp__quote.o-quote__function-name {
  margin-top: var(--spacing-xs);
}
.o-producer-pdp__images {
  display: grid;
  justify-content: center;
}
.o-producer-pdp__images-inner.o-producer-images__inner {
  width: calc(100vw + var(--spacing-lg));
  padding: 0;
}
@media screen and (min-width: 1100px) {
  .o-producer-pdp__images-inner.o-producer-images__inner {
    width: calc(100vw + var(--spacing-xl));
  }
}
@media screen and (min-width: 1100px) {
  .o-producer-pdp__images-inner .o-producer-images__item[data-images="1"] {
    max-width: 30rem;
    height: auto;
  }
}
@media screen and (min-width: 1100px) {
  .o-producer-pdp__images-inner .o-producer-images__item[data-images="2"] {
    max-width: 25rem;
    height: auto;
  }
}