/* Keep the justified print-style column without oversized mobile word gaps. */
@media (max-width: 700px) {
  .InfoPage-content {
    font-size: 1.0625rem;
    line-height: 1.35;
  }

  .InfoPage-bio {
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-lines: 2;
    text-align-last: left;
  }
}

/* Tablet and phone-landscape layouts retain the portrait's full-bleed treatment. */
@media (min-width: 701px) and (max-width: 879px), (min-width: 701px) and (hover: none) and (pointer: coarse) {
  .InfoPage-photo::before { display: none; }
  .InfoPage-photo::after {
    background-position: 60% 49%;
    background-size: cover;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .InfoPage-shade {
    background: linear-gradient(0deg, rgba(0,0,0,.92), rgba(0,0,0,.63) 38%, rgba(0,0,0,.04) 72%);
  }
  .InfoPage-content {
    width: min(100%, 40rem);
    padding-top: max(18rem, 40svh);
    padding-bottom: 1rem;
    font-size: 1.15rem;
    line-height: 1.35;
  }
  .InfoPage-bio {
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    text-align-last: left;
  }
}