/* Final information architecture: cover, work, skills/contact. */
.work-section { padding-bottom: 76px; }
.project-grid { align-items: stretch; }

@media (min-width: 751px) {
  .project-selfproof {
    grid-column: 1;
    grid-row: 2 / span 2;
    min-height: 556px;
    order: initial;
  }
  .project-commercial {
    display: grid;
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: 42% 58%;
    min-height: 270px;
    order: initial;
  }
  .project-shortfilm {
    display: grid;
    grid-column: 2;
    grid-row: 3;
    grid-template-columns: 42% 58%;
    min-height: 270px;
    order: initial;
  }
  .project-commercial .project-media,
  .project-shortfilm .project-media { min-height: 0; }
  .project-commercial .project-body,
  .project-shortfilm .project-body { padding: 20px 22px; }
  .project-commercial .project-body h3,
  .project-shortfilm .project-body h3 { font-size: 24px; }
  .project-commercial .project-body > p:not(.number),
  .project-shortfilm .project-body > p:not(.number) { font-size: 13px; }
  .project-commercial .multi-link { gap: 9px; }
  .student-collection { margin-top: 0; }
}

.skills-section { min-height: 0; padding-bottom: 82px; padding-top: 82px; }
.skills-section .about-grid { margin-top: 38px; }
.skills-section .about-copy > p { font-size: 16px; margin-bottom: 25px; }
.skills-email {
  border-bottom: 1px solid currentColor;
  color: #f1f0ff;
  display: inline-block;
  font: 500 18px var(--mono);
  margin-top: 26px;
  padding-bottom: 5px;
  text-decoration: none;
}
.skills-email span { color: #ddadff; margin-left: 7px; }

@media (max-width: 750px) {
  .project-selfproof,
  .project-commercial,
  .project-shortfilm { grid-column: auto; grid-row: auto; }
  .project-commercial,
  .project-shortfilm { display: flex; min-height: 310px; }
  .skills-section { padding-bottom: 64px; padding-top: 64px; }
  .skills-email { font-size: 15px; }
}