/* Intentionally minimal. Design decisions will be made one section at a time. */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: #111;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

.site-header,
.hero {
  padding-inline: max(24px, calc((100% - 1120px) / 2));
}

.site-header {
  padding-block: 24px;
}

.brand {
  font-weight: 700;
}

.hero {
  padding-block: clamp(72px, 12vw, 160px);
}

.hero h1 {
  max-width: 800px;
  margin: 0 0 24px;
  font-size: clamp(40px, 7vw, 88px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.hero p {
  max-width: 590px;
  margin: 0;
  font-size: clamp(16px, 2vw, 20px);
}