/* Keep the director portrait level with the beginning of the introduction. */
.page-about .director-grid { align-items: start; }

/* The split preserves the original spacing between reviewed sections on PC. */
.greeting-opening > .reviewed-language-label {
  font-size: var(--text-body);
  line-height: 1.85;
}
.greeting-closing { margin-top: 30px; }

@media (max-width: 700px) {
  /* One gallery, one portrait and one signature are shared by both layouts. */
  .page-about .about-grid--interleaved { gap: 0; }
  .about-grid--interleaved > .hospital-media,
  .about-grid--interleaved > .about-copy { display: contents; }
  .about-grid--interleaved .greeting-opening { order: 0; min-width: 0; }
  .about-grid--interleaved .hospital-slider {
    order: 1;
    min-width: 0;
    margin-block: 28px;
  }
  .about-grid--interleaved .greeting-closing {
    order: 2;
    min-width: 0;
    margin-top: 0;
  }
  .about-grid--interleaved .hospital-surgery-photo {
    order: 3;
    width: min(100%, 344px);
    margin-top: 28px;
  }
  .about-grid--interleaved .about-copy > .greeting-signature {
    order: 4;
    margin-top: 16px;
    text-align: center;
  }
}
