.pagehead {
  position: relative;
  background: var(--color-sun);
  padding: clamp(7rem, 6rem + 4vw, 10rem) 0 clamp(3.5rem, 2rem + 4vw, 6rem);
}
.pagehead h1 {
  font-size: clamp(3rem, 1.6rem + 6vw, 7.5rem);
  font-weight: 900;
  font-stretch: 62%;
  line-height: 0.86;
  text-transform: uppercase;
}
.pagehead h1.pagehead__title--long {
  font-size: min(clamp(3rem, 1.6rem + 6vw, 7.5rem), calc((100vw - 2.5rem) / 10));
}
.pagehead__hill {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: clamp(2rem, 4vw, 4rem);
  color: var(--color-cream);
}
.pagehead__hill path {
  fill: currentColor;
}
.legal {
  max-width: 46rem;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-4xl);
}
.legal h2 {
  margin: var(--space-xl) 0 var(--space-2xs);
  font-family: var(--font-body);
  font-stretch: 100%;
  font-size: var(--text-lg);
  font-weight: 800;
  line-height: 1.3;
  text-transform: none;
}
.legal h2:first-child {
  margin-top: 0;
}
.legal p {
  color: var(--color-ink-soft);
}
.legal p strong {
  color: var(--color-ink);
}
.note {
  padding: var(--space-md) 0 var(--space-4xl);
}
.note h1 {
  max-width: 18ch;
  margin-bottom: var(--space-sm);
  font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4.8rem);
  font-weight: 900;
  font-stretch: 64%;
  line-height: 0.9;
  text-transform: uppercase;
}
.note__lead {
  max-width: 40rem;
  margin-bottom: var(--space-lg);
  font-size: var(--text-lg);
}