/* Content-sized phone covers, shared by the three published case studies. */
@media (max-width: 767px) {
  .case-page .casebar {
    min-height: 52px;
    gap: 12px;
  }

  .case-page .case-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .case-page .case-hero .case-hero__copy {
    min-height: 0;
    height: auto;
    justify-content: flex-start;
    padding: 24px 20px;
    background-size: 100% 100%, 28px 28px, 28px 28px;
  }

  .case-page .case-hero h1 {
    max-width: none;
    margin-top: 0;
    font-size: clamp(48px, 17vw, 76px);
    line-height: .94;
  }

  .case-page.project-case--hypershadow .case-hero h1 {
    font-size: clamp(34px, 12vw, 64px);
  }

  .case-page .case-hero__lead {
    max-width: 22ch;
    margin-top: 16px;
    font-size: clamp(23px, 6.4vw, 28px);
    line-height: 1.08;
  }

  .case-page .case-hero__note {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.35;
  }

  .case-page .case-hero .case-hero__media--square {
    min-height: 0;
    height: auto;
    aspect-ratio: 1;
  }
}