.dm-legal {
  min-height: 100vh;
  background: #050609;
  color: #f5f6f8;
}

.dm-legal__hero {
  padding: clamp(110px, 14vh, 180px) var(--gutter) 70px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 82% 20%, rgba(251,1,163,.07), transparent 0 24%),
    radial-gradient(circle at 18% 80%, rgba(0,217,245,.05), transparent 0 22%),
    #050609;
}

.dm-legal__shell {
  width: min(980px, calc(100% - (var(--gutter) * 2)));
  margin: 0 auto;
}

.dm-legal__kicker {
  margin-bottom: 22px;
  color: #00D9F5;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}

.dm-legal h1 {
  margin: 0;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(58px, 8vw, 110px);
  font-weight: 900;
  line-height: .86;
  letter-spacing: -.055em;
}

.dm-legal h1 em {
  color: #FB01A3;
  font-style: normal;
}

.dm-legal__updated {
  margin-top: 24px;
  color: #777f89;
  font-size: 11px;
  letter-spacing: .12em;
}

.dm-legal__content {
  padding: 70px var(--gutter) 100px;
}

.dm-legal__content h2 {
  margin: 52px 0 16px;
  color: #fff;
  font-size: 18px;
  letter-spacing: .06em;
}

.dm-legal__content h2:first-child {
  margin-top: 0;
}

.dm-legal__content p,
.dm-legal__content li {
  color: #aeb4bd;
  font-size: 15px;
  line-height: 1.75;
}

.dm-legal__content strong {
  color: #fff;
}

.dm-legal__content a {
  color: #00D9F5;
}

.dm-legal__content ul {
  padding-left: 22px;
}

.dm-legal__rule {
  margin: 54px 0;
  height: 1px;
  background: rgba(255,255,255,.10);
}

@media (max-width:640px) {
  .dm-legal__hero {
    padding-top: 95px;
    padding-bottom: 48px;
  }

  .dm-legal__content {
    padding-top: 48px;
    padding-bottom: 70px;
  }

  .dm-legal__content h2 {
    margin-top: 38px;
  }
}