:root {
  --radius: 1.4rem;
}

main {
  padding-top: 3.2rem;
}

.hero,
.about,
.contact-panel,
.case-hero,
.case-block,
.page-intro,
.resume-shell,
.info-card {
  padding: 2rem;
}

.resume-shell {
  padding: 0;
}


.hero h1,
.page-intro h1 {
  max-width: 16ch;
}

.section-head {
  margin: 3rem 0 1.2rem;
}

.case-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-grid,
.contact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-card {
  min-height: 100%;
}

.card-content {
  padding: 1.2rem;
}

.contact-photo {
  max-width: 440px;
}