:root {
  --color-merlot: #3f090d;
  --copy-title-desktop: 40px;
  --copy-title-mobile: 25px;
  --copy-text-desktop: 16px;
  --copy-text-mobile: 14px;
  --copy-title-lh: 1.1;
  --copy-text-lh: 1.2;
  --copy-gap-desktop: 35px;
  --copy-gap-mobile: 15px;
  --copy-paragraph-gap-desktop: 15px;
  --copy-paragraph-gap-mobile: 12px;
}

.pattern-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: var(--color-merlot);
  gap: var(--copy-gap-desktop);
}

.pattern-copy__title {
  width: 100%;
  margin: 0;
  font-family: "Komrile", serif;
  font-weight: 400;
  font-size: var(--copy-title-desktop);
  line-height: var(--copy-title-lh);
  letter-spacing: 0;
  color: var(--color-merlot);
}

.pattern-copy__text {
  width: 100%;
  font-family: "PP Neue Montreal", sans-serif;
  font-weight: 400;
  font-size: var(--copy-text-desktop);
  line-height: var(--copy-text-lh);
  letter-spacing: 0;
  color: var(--color-merlot);
}

.pattern-copy__text p {
  margin: 0;
}

.pattern-copy__text p:not(:last-child) {
  margin-bottom: var(--copy-paragraph-gap-desktop);
}

@media (max-width: 767px) {
  .pattern-copy {
    gap: var(--copy-gap-mobile);
  }

  .pattern-copy__title {
    font-size: var(--copy-title-mobile);
    line-height: var(--copy-title-lh);
  }

  .pattern-copy__text {
    font-size: var(--copy-text-mobile);
    line-height: var(--copy-text-lh);
  }

  .pattern-copy__text p:not(:last-child) {
    margin-bottom: var(--copy-paragraph-gap-mobile);
  }
}