@layer type {
  @font-face { font-family: "Exo 2"; src: url("exo2-extrabold-5aa161d1f9ee.woff") format("woff"); font-style: normal; font-weight: 800 900; font-display: swap; }
  @font-face { font-family: "Noto Sans"; src: url("noto-sans-833542dc8152.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }
  body { font-family: "Noto Sans", system-ui, sans-serif; font-size: 1rem; line-height: 1.6; font-weight: 400; }
  h1, h2, h3, legend { font-family: "Exo 2", system-ui, sans-serif; font-weight: 900; }
  h1 { margin: 1.5rem 0 2.5rem; font-size: clamp(3rem, 10vw, 12rem); letter-spacing: -.05em; line-height: .98; max-width: 15ch; overflow-wrap: normal; }
  h1 span { display: block; }
  h2 { margin: 0 0 2rem; font-size: clamp(2rem, 4vw, 4rem); line-height: 1.05; letter-spacing: -.035em; max-width: 22ch; }
  h3, legend { margin: 0 0 1rem; font-size: 1.35rem; line-height: 1.25; letter-spacing: -.015em; }
  main > header > div > p:first-child { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.35; max-width: 40ch; }
  small, figcaption, footer, button, label, output, summary { font-size: 1rem; }
  small { display: block; }
}
