body.privacy-body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.14)),
    radial-gradient(circle at 14% 0, rgba(255, 147, 54, 0.18), transparent 30%),
    radial-gradient(circle at 84% 8%, rgba(75, 132, 255, 0.14), transparent 30%),
    linear-gradient(180deg, #f6efe3 0%, #efe4d3 100%);
}

body.privacy-body::before {
  opacity: 0.08;
  background-image:
    linear-gradient(rgba(22, 20, 18, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 20, 18, 0.05) 1px, transparent 1px);
  background-size: 18px 18px;
}

.privacy-shell {
  width: min(100%, 58rem);
  gap: var(--space-4);
}

.privacy-hero {
  display: grid;
  gap: var(--space-3);
  padding-top: clamp(1rem, 5vh, 2.75rem);
}

.privacy-eyebrow {
  margin: 0;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--muted) 80%, #385ca8);
}

.privacy-title {
  max-width: 12ch;
  font-size: clamp(2.45rem, 7.8vw, 4.9rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.privacy-dek {
  max-width: 45rem;
  margin: 0;
  font-size: clamp(1rem, 2.15vw, 1.16rem);
  line-height: 1.66;
  color: color-mix(in srgb, var(--ink) 79%, var(--muted));
}

.privacy-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.privacy-fact {
  padding: 0.42rem 0.65rem 0.46rem;
  border: 1px solid rgba(22, 20, 18, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.46);
  color: color-mix(in srgb, var(--ink) 72%, var(--muted));
  font-size: 0.8rem;
  line-height: 1.25;
}

.privacy-section {
  display: grid;
  gap: 0.75rem;
  padding: 1.05rem 0;
  border-top: 1px solid var(--line);
}

.privacy-section:last-of-type {
  border-bottom: 1px solid var(--line);
}

.privacy-section h2 {
  margin: 0;
  color: color-mix(in srgb, var(--ink) 90%, #355598);
  font-family: "Fraunces", serif;
  font-size: 1.08rem;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.privacy-section p,
.privacy-section li {
  margin: 0;
  color: color-mix(in srgb, var(--ink) 86%, #413a31);
  font-size: 0.99rem;
  line-height: 1.72;
}

.privacy-section ul {
  margin: 0;
  padding-left: 1.12rem;
}

.privacy-section li + li {
  margin-top: 0.42rem;
}

.privacy-section code {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.92em;
  color: #8f2f1f;
  background: rgba(143, 47, 31, 0.08);
  padding: 0.08rem 0.34rem 0.14rem;
  border-radius: 999px;
}

.privacy-footer {
  display: grid;
  gap: 0.9rem;
  padding-top: 0.9rem;
}

.privacy-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem 1.25rem;
}

.privacy-dates div {
  display: grid;
  gap: 0.18rem;
}

.privacy-dates span {
  color: var(--muted);
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.privacy-dates strong {
  color: var(--ink);
  font-size: 0.88rem;
  font-weight: 600;
}

@media (min-width: 42rem) {
  .privacy-shell {
    gap: var(--space-5);
  }

  .privacy-section p,
  .privacy-section li {
    font-size: 1.01rem;
  }
}