/* Quote block: what someone said about the shop, large, with who said it */
.quote-block {
  display: grid;
  gap: var(--space-s);
  padding-inline-start: var(--space-m);
  position: relative;

  &::before {
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    content: "";
    inline-size: 4px;
    inset-block: 0;
    inset-inline-start: 0;
    position: absolute;
  }
}

.quote-block__text {
  font-family: var(--font-display);
  font-size: var(--step-3);
  font-size-adjust: var(--font-display-adjust);
  font-weight: var(--font-display-weight);
  letter-spacing: var(--font-display-tracking);
  line-height: var(--leading-snug);
  text-wrap: balance;
}

.quote-block__author {
  color: var(--color-muted);
  font-size: var(--step-0);

  &::before {
    content: "— ";
  }
}