/* A denser editorial rhythm, with poster-led projects first. */
.hero {
  height: min(730px, 88vh);
  min-height: 610px;
}

.manifesto,
.work-section,
.about-section,
.contact-section {
  padding-bottom: 88px;
  padding-top: 88px;
}

.work-section { padding-top: 76px; }
.section-heading { margin-bottom: 42px; }
.manifesto { gap: 5.5vw; }
.about-grid { margin-top: 40px; }
.contact-section { min-height: 470px; }
.contact-section h2 { margin: 48px 0 28px; }

.project { min-height: 510px; }
.project.featured { min-height: 410px; }
.project-media { min-height: 220px; }
.project-body { padding: 22px 25px 24px; }
.project-body .number { margin-bottom: 12px; }
.project-body h3 { font-size: 28px; margin-bottom: 10px; }

/* Poster work leads the sequence after the featured game. */
.project-selfproof { order: 1; }
.project-commercial { order: 2; }
.project-shortfilm { order: 3; }
.project-student { order: 4; }

@media (max-width: 750px) {
  .hero { height: 650px; min-height: 0; }
  .manifesto,
  .work-section,
  .about-section,
  .contact-section { padding-bottom: 66px; padding-top: 66px; }
  .project { min-height: 500px; }
  .project.featured { min-height: 525px; }
  .project-media { min-height: 215px; }
}