/* Phone layout fixes (screens 760px and narrower). Desktop is unchanged. */
@media (max-width: 760px) {
  /* Header: the scrolling 0s-and-1s pattern behind the logo is too busy at phone width. */
  .header-binary-wave { display: none !important; }

  /* Home, founder block: the text-only profile was still using a two-column grid with an empty
     portrait column, which squeezed Cameron's name into a ~120px strip. */
  .tss-founder-profile--text-only {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .tss-founder-profile--text-only .crew-profile__copy { width: auto !important; }

  /* Home, founder film: put the "Play film" button under the video so it doesn't sit on the
     video's own captions and the playback controls. */
  .tss-founder-video__play {
    position: static !important;
    display: inline-flex !important;
    margin: 12px 24px 0 !important;
    transform: none !important;
  }
  .tss-founder-video { padding-bottom: 4px; }

  /* Meet the crew: stack the photo above the bio instead of a narrow side-by-side column. */
  .crew-profile:not(.tss-founder-profile--text-only) {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .crew-profile__portrait { max-width: 260px; }
  .crew-profile__bio { font-size: 0.95rem !important; line-height: 1.6 !important; }

  /* Founder page: the heading ran into the paragraph below it, and one paragraph was set at
     display size so it filled the whole screen. */
  .founder-learning-depth h2 {
    font-size: clamp(2.2rem, 10vw, 2.8rem) !important;
    line-height: 1.05 !important;
    margin-bottom: 22px !important;
  }
  .founder-learning-detail,
  .founder-learning-detail > p:first-child {
    font-size: 1.45rem !important;
    line-height: 1.3 !important;
  }
}