:root {
  --sans: "TL Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --latin: "TL Sans", sans-serif;
}

.form-card,
.intro,
header,
footer {
  -webkit-font-smoothing: auto;
}

.form-card {
  font-weight: 500;
}

body {
  font-size: 16px;
  font-weight: 500;
}

nav a,
.intro li span,
form > label,
.row label,
legend,
.radio span {
  font-size: 13px;
}

.privacy p,
.consent span,
.form-note,
label small,
.success p:last-of-type,
.success a {
  font-size: 12px;
}

.privacy b {
  font-size: 12px;
}

.form-head > span {
  font-size: 11px;
}

label > span,
legend > span,
.eyebrow,
.form-head > p {
  font-size: 10px;
}

input,
select,
textarea {
  font-size: 15px;
}

.check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #e6e0d5;
  border: 1px solid #e6e0d5;
}

.check {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  background: #faf9f6;
  cursor: pointer;
}

.check input {
  width: 16px;
  height: 16px;
  flex: none;
}

.check span {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  text-wrap: pretty;
}

@media (max-width: 560px) {
  .check-grid {
    grid-template-columns: 1fr;
  }

  input,
  select,
  textarea {
    font-size: 16px;
  }

  .intro li span,
  form > label,
  .row label,
  legend,
  .radio span,
  .check span {
    font-size: 13px;
  }
}

@media (max-width: 850px) {
  body {
    background: #efebe3;
  }

  main {
    padding-top: 0;
  }

  .intro {
    padding-top: 75px;
    background: #182a49;
    box-shadow: 0 0 0 100vmax #182a49;
    clip-path: inset(0 -100vmax 0 -100vmax);
  }
}

@media (max-width: 560px) {
  .intro {
    padding-top: 45px;
  }
}