@font-face {
  font-family: "DM Sans";
  src: url("./fonts/DM-Sans-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("./fonts/Space-Grotesk-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

.site-privacy {
  background: #081d27;
  border-top: 1px solid rgba(185, 220, 217, .15);
  color: #c7d6d2;
  padding: 42px 0;
  scroll-margin-top: 30px;
}

.privacy-inner {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  column-gap: 45px;
}

.site-privacy h2 {
  color: #b6f17c;
  font: 600 19px/1.3 var(--font-display);
  margin: 0;
}

.site-privacy p {
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 12px;
}

.site-privacy p:last-child { grid-column: 2; margin-bottom: 0; }
.site-privacy a { color: #b6f17c; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 760px) {
  .privacy-inner { display: block; }
  .site-privacy h2 { margin-bottom: 15px; }
}