/* ───────── css/home.css ───────── */
:root {
  /* 1 = 100% (default). Adjust as needed. */
  --font-scale: 1.0;
}
html {
  font-size: calc(16px * var(--font-scale));
}

/* Page-specific layout overrides for index.html */
.content-block, .section {
  max-width: 1100px;
  margin: 0 auto 4.5rem;
  padding: 8vh var(--gutter-x) 6vh;
  background: none;
  border-radius: 0.7em;
  box-sizing: border-box;
}
main.grid {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  gap: 22px;
}
@media (max-width: 900px) {
  .content-block, .section {
    padding: 5vh 16px 3vh;
    max-width: 98vw;
  }
  main.grid { max-width: 98vw; gap: 14px; }
}
@media (max-width: 600px) {
  .content-block, .section {
    padding: 3vh 6px 2vh;
    max-width: 100vw;
  }
  main.grid { max-width: 100vw; gap: 8px; }
}
#projects.grid { margin-bottom: 6rem; }
#about.content-block,
#team.content-block,
#crew.content-block {
  margin-top: 4.5rem;
  margin-bottom: 1rem;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}
#pipeline.section {
  margin-bottom: 1rem;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}
footer { margin-top: 1.5rem; padding-bottom: 1.5rem; }