/* Shared case navigation and typography, with an explicit unavailable state. */
.case-pending { display: grid; align-items: center; min-height: 100svh; padding: 152px 24px 104px; background: white; text-align: center; }
.case-pending-container { width: min(720px, 100%); margin-inline: auto; }
.case-pending h1 { font-size: 44px; line-height: 1.3; font-weight: 700; letter-spacing: -1.76px; word-break: keep-all; }
.case-pending-project { margin-top: 36px; }
.case-pending-project[hidden] { display: none; }
#pending-company { margin-bottom: 10px; color: #6c6c6c; font-size: 16px; line-height: 1.5; }
.case-pending h2 { font-size: 24px; line-height: 1.5; font-weight: 600; letter-spacing: -.72px; word-break: keep-all; overflow-wrap: anywhere; }
.case-pending-description { margin-top: 20px; color: #6c6c6c; font-size: 17px; line-height: 1.7; word-break: keep-all; }
.case-pending .button { margin-top: 40px; font-family: inherit; }
@media (max-width: 639px) {
  .case-pending { padding: 128px 24px 80px; }
  .case-pending h1 { font-size: 32px; letter-spacing: -1.28px; }
  .case-pending h2 { font-size: 21px; }
  .case-pending-description { font-size: 16px; }
}