.legal-hero{
  padding-top: calc(var(--header-h) + clamp(32px, 6vw, 72px));
  padding-bottom: clamp(24px, 4vw, 40px);
  text-align:center;
}
.legal-hero h1{
  font-size: clamp(2rem, 1.1rem + 2vw, 2.5rem);
  margin-inline:auto;
  line-height:1.25;
}
.legal-body{
  margin-inline:auto;
  padding-bottom: clamp(56px, 8vw, 108px);
  padding-left: 70px;
  padding-right: 70px;
  font-family: var(--font-onest);
  font-weight: 300;
  font-size: clamp(1.5rem, 0.9rem + 0.3vw, 1.1125rem);
  line-height: 1.65;
  color: var(--text);
}
.legal-body section{ margin-top: clamp(28px, 4vw, 44px); }
.legal-body h2{
  font-size: clamp(1.5rem, 0.9rem + 0.3vw, 1.1125rem);
  font-family: var(--font-onest);
  font-weight: 600;
  color: var(--text);
  margin-bottom: 14px;
}
.legal-body h3{
  font-size: clamp(1.5rem, 0.9rem + 0.3vw, 1.1125rem);
  font-family: var(--font-onest);
  font-weight: 600;
  color: var(--text);
  margin: 20px 0 10px;
}
.legal-body p{ margin-bottom: 12px; }
.legal-body ul{ margin: 4px 0 14px; display:flex; flex-direction:column; gap:8px; }
.legal-body li{
  padding-left: 20px;
  position:relative;
}
.legal-body li::before{
  content:"•";
  position:absolute;
  left:4px;
}
.legal-body strong{ color: var(--text); font-weight:600; }