/* A quiet typeset note beside the performance, signed by Eva. */
.preview-home .eva-home-note {
  grid-area: letter;
  align-self: center;
  justify-self: center;
  width: 100%;
  max-width: 420px;
  margin: 0;
  padding: 8px 0;
  color: #f3e9eb;
}

.eva-home-note-greeting {
  margin: 0 0 16px;
  color: #ddaec2;
  font: 400 13px/1.5 var(--sans);
  letter-spacing: .015em;
}

.preview-home .eva-home-note h3 {
  max-width: 18ch;
  margin: 0 0 24px;
  color: #f6eee3;
  font: 400 clamp(28px, 2.8vw, 36px)/1.16 var(--sans);
  letter-spacing: -.035em;
}

.eva-home-note-copy p {
  margin: 0;
  color: #eadde3;
  font: 400 16px/1.75 var(--sans);
}

.eva-home-note-copy p + p { margin-top: 20px; }

.eva-home-note-signature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 26px 0 0;
}

.eva-home-note-signoff {
  color: #ddc8d1;
  font: 400 12px/1.5 var(--sans);
}

.eva-home-note-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #e4b4c8;
  font: 400 37px/1.1 var(--hand);
}

.eva-home-note-name .heart { width: 17px; height: 20px; }

@media (max-width: 1000px) {
  .preview-home .eva-home-note { max-width: 480px; margin-top: 20px; }
}

@media (max-width: 700px) {
  .preview-home .eva-home-note { max-width: 440px; margin-top: 12px; padding: 4px 9px 0; }
  .preview-home .eva-home-note h3 { font-size: 28px; margin-bottom: 20px; }
  .eva-home-note-copy p { font-size: 15px; line-height: 1.75; }
  .eva-home-note-greeting { margin-bottom: 13px; }
  .eva-home-note-signature { margin-top: 23px; }
}