:root {
  color-scheme: light;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  color: #17191d;
  background: #f7f7f4;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; }
header { width: min(100% - 64px, 1280px); margin: 0 auto; padding-top: 36px; }
header img { display: block; width: 104px; height: auto; }
main {
  width: min(100% - 64px, 1280px);
  min-height: calc(100vh - 96px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 0 100px;
}
h1 {
  margin: 0;
  font-size: clamp(58px, 9.5vw, 128px);
  line-height: .91;
  letter-spacing: -.085em;
  font-weight: 600;
}
h1 span { color: #ed2929; }
main p { margin: 30px 0 0 5px; color: #777a7c; font-size: 14px; }

@media (max-width: 600px) {
  header, main { width: calc(100% - 40px); }
  header { padding-top: 24px; }
  header img { width: 92px; }
  main { min-height: calc(100svh - 72px); padding-bottom: 54px; }
  h1 { font-size: clamp(48px, 12.4vw, 74px); }
  main p { margin-top: 24px; font-size: 12px; }
}