.legal{
  max-width: 720px;
  margin: 0 auto;
  padding: clamp(140px,20vh,200px) clamp(20px,5vw,64px) 100px;
  position: relative;
  z-index: 1;
}
.legal h1{
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(1.9rem, 5vw, 2.8rem);
}
.legal h2{
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1.25rem;
  margin: 40px 0 12px;
}
.legal p{
  color: var(--muted);
  line-height: 1.7;
}
.legal a{ color: var(--pink); }
.legal__notice{
  margin-top: 20px;
  padding: 14px 18px;
  border: 1px dashed var(--line);
  font-size: 13px;
  color: var(--muted);
}
.legal .btn{ margin-top: 36px; }