@media (min-width: 1800px) {
  body { max-width: 1800px; margin: auto; }
}
@media (max-width: 1000px) {
  .project { grid-template-columns: 1fr; gap: 28px; }
  .project-visual { min-height: 380px; }
  .about { gap: 6%; }
}
@media (max-width: 680px) {
  .site-header { height: var(--header-height); justify-content: center; }
  .site-header nav { gap: 24px; font-size: 14px; }
  .work { padding: 55px 5%; }
  .section-heading { padding-bottom: 50px; margin-bottom: 20px; }
  .section-heading h2 { font-size: 43px; }
  .project-controls { bottom: 0; }
  .project-controls button { width: 35px; height: 35px; }
  .project-visual { padding: 16px; min-height: 320px; }
  .visual-top { font-size: 10px; }
  pre { font-size: 11px; padding: 14px; }
  .accepted { font-size: 9px; padding: 12px; }
  .project-copy h3 { font-size: 38px; }
  .project-copy > p { font-size: 18px; }
  .project-links { gap: 15px; }
  .about { grid-template-columns: 1fr; padding: 65px 6%; gap: 20px; }
  .about h2 { font-size: 45px; }
  .about-stories { padding-top: 0; }
}
/* Full-screen chapters. Content may grow on small screens rather than clip. */
.work, .about, .offscreen, .site-footer { min-height: 100svh; }
.work { display: flex; flex-direction: column; justify-content: center; padding-top: clamp(32px, 5svh, 70px); padding-bottom: clamp(32px, 5svh, 70px); }
.project-track { flex-shrink: 0; }
.about { align-content: center; padding-top: clamp(32px, 6svh, 80px); padding-bottom: clamp(32px, 6svh, 80px); }
@media (min-width: 1001px) {
 .section-heading { margin-bottom: 28px; }
 .section-heading h2 { margin: 0; }
 .project-visual { min-height: 380px; }
 .about-stories article { padding-top: 16px; padding-bottom: 16px; }
}