/* Original PDF case: these rules do not restyle any other project. */
.original-case-page { background: var(--bg); }
.original-case-page .site-header { gap: 20px; }
.original-case-page .site-nav { gap: 24px; }
.original-case-page .site-nav a { white-space: nowrap; }
.original-case-intro { max-width: 1440px; margin: 0 auto; padding: 144px var(--page-pad) 48px; }
.original-case-intro .eyebrow { margin-bottom: 18px; color: var(--cyan); }
.original-case-intro h1 { font-size: clamp(30px, 4.5vw, 66px); line-height: 1.2; letter-spacing: -.04em; }
.original-case-intro > p { max-width: 60em; margin-top: 22px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.original-case-intro .project-meta { margin-top: 24px; }
.original-case-pages { width: min(100%, 1440px); margin-inline: auto; }
.original-case-pages .pdf-page { margin: 0; padding: 0; scroll-margin-top: 90px; }
.pdf-page > a { display: block; }
.pdf-page img { display: block; width: 100%; height: auto; max-width: 100%; }
.original-case-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; max-width: 1440px; margin: 0 auto; padding: 48px var(--page-pad) 64px; color: var(--text); font-size: 14px; }
.original-case-links a:hover { color: var(--cyan); }
@media (max-width: 700px) {
  .original-case-page .site-header { gap: 12px; padding-inline: 20px; }
  .original-case-page .wordmark-name { display: none; }
  .original-case-page .site-nav { gap: 16px; font-size: 11px; }
  .original-case-intro { padding: 112px 20px 32px; }
  .original-case-intro > p { font-size: 13px; }
  .original-case-links { flex-direction: column; padding: 32px 20px 48px; }
}