html,
body { background: var(--privacy-linen); }

main { width: 100%; }
.privacy-hero { display: flex; width: 100%; max-width: var(--content-max); flex-direction: column; gap: 16px; margin-inline: auto; padding: 96px 64px 72px; }
.privacy-hero > p:first-child { margin: 0; color: var(--green-shag); font: 400 20px/24px var(--serif); letter-spacing: -2px; }
.privacy-hero h1 { margin: 0; color: var(--ink); font: 400 64px/72px var(--serif); letter-spacing: -3px; }
.privacy-hero__updated { margin: 8px 0 0; color: var(--charcoal); font: 400 14px/20px var(--caption); }

.privacy-policy { display: flex; width: min(800px, calc(100% - 128px)); flex-direction: column; gap: 64px; margin: 0 auto; padding: 0 0 128px; }
.privacy-policy__intro { margin: 0; color: var(--charcoal); font: 400 24px/32px var(--serif); letter-spacing: -1px; }
.privacy-policy section { display: flex; flex-direction: column; gap: 16px; }
.privacy-policy h2 { margin: 0 0 8px; color: var(--green-shag); font: 500 20px/24px var(--serif); letter-spacing: -.64px; }
.privacy-policy h3 { margin: 16px 0 0; color: var(--ink); font: 500 16px/24px var(--serif); letter-spacing: -.32px; }
.privacy-policy p,
.privacy-policy li { margin: 0; color: var(--charcoal); font: 300 16px/26px var(--serif); letter-spacing: -.4px; }
.privacy-policy ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding-left: 24px; }
.privacy-policy .text-link { color: var(--green-shag); font-weight: 500; }
.privacy-policy .text-link::after { top: auto; bottom: 3px; display: block; }

@media (max-width: 900px) {
  .privacy-hero { padding-top: 72px; }
  .privacy-hero h1 { font-size: 52px; line-height: 60px; }
}

@media (max-width: 800px) {
  .privacy-hero { padding: 64px 24px 56px; }
  .privacy-policy { width: calc(100% - 48px); padding-bottom: 96px; }
}

@media (max-width: 520px) {
  .privacy-hero h1 { font-size: 40px; line-height: 48px; letter-spacing: -2px; }
  .privacy-policy { gap: 56px; }
  .privacy-policy__intro { font-size: 21px; line-height: 29px; }
}