/* Option 18 composition with two restrained phrases from Option 17. */
.panel .narrative .phrase-name {
  font-family: "ivypresto-display", Georgia, serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1;
  color: var(--chamber-ink);
}
.panel .narrative .body b.phrase-stage {
  display: block;
  margin: 10px 0;
  font-family: "ivypresto-display", Georgia, serif;
  font-style: italic;
  font-weight: 300;
  font-size: clamp(21px, 1.9vw, 26px);
  line-height: 1.12;
  letter-spacing: -.015em;
}
.panel .phrase-pink { display: inline-block; color: #d892cc; }
.panel .phrase-mobile {
  font-family: "ivypresto-display", Georgia, serif;
  font-style: italic;
  font-size: 1.14em;
  color: var(--chamber-ink);
}
@media (max-height: 700px), (min-width: 821px) and (max-width: 1100px) {
  .panel .narrative .phrase-name { font-size: 1.2em; }
  .panel .narrative .body b.phrase-stage {
    font-size: 20px;
    margin: 7px 0;
  }
}
@media (min-width: 1101px) and (min-height: 651px) and (max-height: 700px) {
  #panelM:has(.narrative) .p-hero { font-size: 52px; }
}