.mailing-project-inset {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 28%;
  padding: 0.3rem;
  background-color: #fff7eb;
  box-shadow: 0 2px 4px rgb(33 15 55 / 12%);
}

.mailing-project-inset img {
  display: block;
  width: 100%;
  height: auto;
}

.mailing-letter {
  min-width: 0;
  margin: 0;
  padding: clamp(1rem, 2vw, 2rem);
  background-color: rgb(42 0 78 / 6%);
  color: #2a004e;
}

.mailing-letter figcaption {
  margin-bottom: 1rem;
  font-size: 0.8rem;
  font-weight: 200;
  line-height: 1.4;
}

.mailing-letter-sheet {
  padding: clamp(1rem, 2vw, 2rem);
  background-color: #fff7eb;
  box-shadow: 0 2px 4px rgb(33 15 55 / 8%), 0 12px 32px rgb(33 15 55 / 12%);
}

.mailing-letter-sheet p {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.4;
}

.mailing-letter-sheet .mailing-letter-brand {
  font-size: 0.8rem;
}

.mailing-letter-sheet h3 {
  margin: 0 0 1rem;
  font-family: "PPNeueGstaad", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.mailing-letter-salutation {
  padding: 0.5rem;
  background-color: #ffda62;
}

.mailing-letter-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.75rem), 1fr));
  gap: 0.5rem;
  margin: 1.25rem 0 0;
}

.mailing-letter-fields > div {
  padding: 0.5rem;
  background-color: rgb(255 218 98 / 35%);
}

.mailing-letter-fields dt {
  font-size: 0.75rem;
  font-weight: 200;
  line-height: 1.4;
}

.mailing-letter-fields dd {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  font-weight: 200;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .mailing-project-inset {
    right: 0.65rem;
    bottom: 0.65rem;
  }
}