/* ============================================================
   PRIVACY POLICY — a long read, so it gets a book measure
   ============================================================ */

.pp { padding-top: clamp(104px, 12vw, 150px); }
.pp__title { margin-top: 12px; }

.pp__lede {
  font-family: var(--serif);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 46ch;
  margin: clamp(18px, 2.4vw, 26px) 0 0;
}

.pp__body {
  max-width: 62ch;
  margin-top: clamp(34px, 4.5vw, 56px);
  padding-top: clamp(28px, 3.5vw, 42px);
  border-top: 1px solid var(--rule);
}

.pp__h {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.25;
  letter-spacing: .01em;
  color: var(--ink);
  margin: clamp(32px, 4vw, 46px) 0 14px;
}
.pp__body > .pp__h:first-child { margin-top: 0; }

.pp__body p { text-align: left; }

.pp__list {
  list-style: none;
  margin: 0 0 1.05em;
  padding: 0;
}
.pp__list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink-2);
}
.pp__list li::before {
  content: "";
  position: absolute;
  left: 0; top: 12px;
  width: 9px; height: 1px;
  background: var(--rule);
}
.pp__list strong { color: var(--ink); font-weight: 600; }

.pp__mail {
  border-bottom: 1px solid var(--rule);
  padding-bottom: 1px;
  transition: border-color .25s ease;
}
.pp__mail:hover { border-bottom-color: var(--ink); }

@media (max-width: 1080px) {
  .pp__mail { display: inline-flex; align-items: center; min-height: 44px; }
}