/* Color exploration only: typography, content and composition remain Respiro. */
.reference-row article:nth-child(2) {
  --accent: #a24735;
  --wash: #f7ddcc;
}
.reference-row article:nth-child(3) {
  --accent: #355b86;
  --wash: #dce9f3;
}
.reference-row article:nth-child(4) {
  --accent: #80631d;
  --wash: #f4e8b3;
}
.reference-row article:nth-child(5) {
  --accent: #755183;
  --wash: #eadcf0;
}
.tone-soft .reference-row article {
  border-left-color: var(--accent);
}
.tone-soft .number {
  color: var(--accent);
  font-weight: 500;
}
.tone-soft .entry-label .contact-link {
  background: #f4e8b3;
  border-color: transparent;
}
.tone-medium .reference-row article {
  border-left: 2px solid var(--accent);
}
.tone-medium .reference-row h3 {
  color: var(--accent);
}
.tone-medium .number {
  display: inline-block;
  color: var(--accent);
  background: var(--wash);
  padding: 2px 7px;
  margin-left: -7px;
  margin-bottom: 10px;
}
.tone-medium .entry-label .contact-link {
  background: #f4e8b3;
  border-color: transparent;
}
.tone-medium .big-statement em {
  background: linear-gradient(
    transparent 72%,
    #f4e8b3 72%,
    #f4e8b3 96%,
    transparent 96%
  );
}
.tone-bold {
  background: linear-gradient(#fffdf6 0 44%, #f4e8b3 44% 100%);
}
.tone-bold .reference-row article {
  border-left: 3px solid var(--accent);
}
.tone-bold .reference-row h3 {
  color: var(--accent);
}
.tone-bold .number {
  display: inline-block;
  color: var(--accent);
  background: var(--wash);
  padding: 2px 7px;
  margin-left: -7px;
  margin-bottom: 10px;
}
.tone-bold .entry-label .contact-link {
  background: #355b86;
  border-color: #355b86;
  color: #fffdf6;
}
.tone-bold .big-statement h2 > span:first-child {
  color: #a24735;
}
.tone-bold .big-statement em {
  color: #355b86;
  background: none;
}
.tone-bold .closing-note {
  color: #272821;
}
@media (max-width: 1000px) and (min-width: 701px) {
  .tone-bold {
    background: linear-gradient(#fffdf6 0 57%, #f4e8b3 57% 100%);
  }
  .tone-soft .reference-row article:nth-child(2),
  .tone-medium .reference-row article:nth-child(2),
  .tone-bold .reference-row article:nth-child(2) {
    border-left: 0;
  }
}
@media (max-width: 700px) {
  .tone-soft .reference-row article,
  .tone-medium .reference-row article,
  .tone-bold .reference-row article {
    border-left: 0;
    border-top-color: var(--accent);
  }
  .tone-medium .reference-row article {
    border-top-width: 2px;
  }
  .tone-bold {
    background: #fffdf6;
  }
  .tone-bold .reference-row article {
    border-top-width: 3px;
  }
  .tone-bold .big-statement {
    background: #f4e8b3;
    width: calc(100% + 48px);
    max-width: none;
    margin-inline: -24px;
    padding: 36px 24px 48px;
  }
  .tone-bold .big-statement > img {
    right: 24px;
    bottom: 14px;
  }
  .tone-bold .closing-note {
    padding-top: 10px;
  }
}