.quote {
  display: grid;
  position: relative;
}

.quote blockquote {
  background: var(--color-white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  display: grid;
  gap: var(--space-neutral);
  margin-inline: calc(-1 * var(--space-medium));
  padding: var(--space-large);
  width: min(100%, 26em);
}

.quote blockquote q {
  font-style: italic;
  margin-bottom: -0.3125em;
  margin-top: -0.35em;
  position: relative;
}

.quote blockquote q:before {
  content: '“';
  position: absolute;
  right: 100%;
  top: 0;
}

.quote blockquote q:after {
  content: '”';
  display: inline;
}

.quote blockquote cite {
  align-items: center;
  display: grid;
  margin-bottom: -0.3125em;
  padding-left: 4em;
  position: relative;
}

.quote blockquote cite:before {
  background: url('/assets/images/general/tobi.jpg') center / cover no-repeat;
  border-radius: 100%;
  content: '';
  height: 3.4em;
  left: 0;
  position: absolute;
  width: 3.4em;
}

.quote blockquote cite strong {
  font-weight: 600;
}

.quote blockquote cite span {
  font-style: italic;
}



.quote--pricing {
  margin-top: -3.5em;
  position: sticky;
  top: 2em;
}

.quote--pricing blockquote {
  margin-inline: auto;
}



@media(min-width: 64em) {

  .quote--pricing blockquote {
    margin-inline: initial;
  }

}