/* A letter on folded paper, with the supplied words and a text-only signature. */
.representative-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  margin-bottom: 76px;
  scroll-margin-top: 120px;
}
.representative-heading {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 14px 24px 15px 14px;
  color: var(--brand-deep);
  background: #f1ecfa;
  border-bottom: 1px solid #d8cdef;
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .035em;
}
.representative-heading::before, .representative-heading::after,
.representative-paper::before, .representative-paper::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.representative-heading::before {
  left: 0; bottom: -10px; width: 12px; height: 10px;
  background: #b6a0e7;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.representative-heading::after {
  top: 0; right: 0; bottom: 0; width: 10px;
  background: #b6a0e7;
  clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 calc(100% - 10px));
}
.representative-paper {
  position: relative;
  min-width: 0;
  padding: 36px 22px 28px;
  border: 1px solid var(--paper-rule);
  background: #fff;
  box-shadow: 5px 6px 0 #edf6fa;
}
.representative-paper::before, .representative-paper::after {
  top: -1px; right: -1px; width: 34px; height: 34px;
}
.representative-paper::before {
  background: #c4e5f2;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.representative-paper::after {
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.representative-body { max-width: 41em; margin-inline: auto; }
.representative-body p { margin: 0; color: var(--ink); font-size: 1rem; line-height: 2.2; letter-spacing: .015em; }
.representative-body p + p { margin-top: 26px; }
.representative-signature {
  margin: 32px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--paper-rule);
  text-align: right;
  color: var(--brand-deep);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 1.8;
}
.representative-role { display: block; font-family: var(--font-body); font-size: .875rem; }
.representative-signature [data-representative-copy-id="name"] { white-space: nowrap; }
@media (min-width: 720px) {
  .representative-paper { padding: 44px 40px 34px; }
  .representative-heading { font-size: 1.5rem; }
  .representative-signature { margin-top: 36px; font-size: 1.75rem; }
}
@media (min-width: 1000px) {
  .representative-section { grid-template-columns: 210px minmax(0, 1fr); gap: 56px; margin-bottom: 108px; }
  .representative-paper { padding: 48px 52px 38px; }
}
@media print {
  .representative-section { display: block; margin-bottom: 24pt; }
  .representative-heading { padding: 0; margin-bottom: 14pt; background: #fff; border: 0; color: #000; }
  .representative-heading::before, .representative-heading::after,
  .representative-paper::before, .representative-paper::after { display: none; }
  .representative-paper { padding: 0; border: 0; box-shadow: none; }
  .representative-body p { font-size: 11pt; line-height: 1.85; }
  .representative-signature { margin-top: 16pt; padding-top: 10pt; font-size: 15pt; color: #000; }
}