@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&family=Playfair+Display:ital@1&display=swap');

:root {
  --black: #090a0a;
  --paper: #f1efe9;
  --stone: #d2cfc6;
  --line: rgba(12, 13, 13, .18);
  --sans: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --serif: 'Playfair Display', Georgia, serif;
  --mono: 'DM Mono', Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  color: var(--black);
  background: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
::selection { color: var(--paper); background: var(--black); }
:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }

.privacy-header {
  display: flex;
  min-height: 6rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 3vw;
  border-bottom: 1px solid var(--line);
}
.privacy-brand { display: flex; flex-direction: column; line-height: 1; }
.privacy-brand b { font-size: .92rem; font-weight: 500; letter-spacing: .21em; }
.privacy-brand span {
  margin-top: .5rem;
  color: #777873;
  font-family: var(--mono);
  font-size: .43rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.privacy-back {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--mono);
  font-size: .52rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.privacy-back i,
.privacy-closing a i { font-size: 1rem; font-style: normal; }
.privacy-hero {
  min-height: 78vh;
  padding: 2rem 5vw 6rem;
}
.privacy-index {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 11rem;
  color: #777873;
  font-family: var(--mono);
  font-size: .48rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.privacy-index i { height: 1px; background: var(--line); }
.privacy-eyebrow {
  margin: 0 0 1.3rem;
  color: #666762;
  font-family: var(--mono);
  font-size: .56rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.privacy-hero h1 {
  margin: 0;
  font-size: clamp(4.5rem, 9vw, 11rem);
  font-weight: 300;
  letter-spacing: -.075em;
  line-height: .82;
}
.privacy-hero h1 em { font-family: var(--serif); font-weight: 400; }
.privacy-lead {
  max-width: 32rem;
  margin: 4rem 0 0 auto;
  color: #555651;
  font-size: 1rem;
  line-height: 1.9;
}
.parody-disclosure {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 7vw;
  padding: 7rem 5vw;
  color: var(--paper);
  background: var(--black);
}
.parody-disclosure > span {
  padding-top: .7rem;
  color: #7c807d;
  font-family: var(--mono);
  font-size: .53rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.parody-disclosure h2 {
  max-width: 13ch;
  margin: 0 0 3rem;
  font-size: clamp(3.2rem, 6vw, 7rem);
  font-weight: 300;
  letter-spacing: -.06em;
  line-height: .92;
}
.parody-disclosure p {
  max-width: 48rem;
  margin: 0 0 1.5rem;
  color: #a3a6a2;
  line-height: 1.9;
}
.privacy-content {
  display: grid;
  grid-template-columns: .5fr 1.5fr;
  gap: 8vw;
  padding: 10rem 5vw;
}
.privacy-content aside { position: sticky; top: 3rem; align-self: start; }
.privacy-content aside > p {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
  font-family: var(--mono);
  font-size: .52rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.privacy-content nav { display: flex; flex-direction: column; }
.privacy-content nav a {
  padding: .75rem 0;
  color: #686964;
  border-bottom: 1px solid var(--line);
  font-family: var(--mono);
  font-size: .49rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.privacy-content nav a:hover { color: var(--black); }
.privacy-sections { border-top: 1px solid var(--line); }
.privacy-sections article {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 2rem;
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 2rem;
}
.privacy-sections article > span {
  padding-top: .45rem;
  color: #7c7d78;
  font-family: var(--mono);
  font-size: .5rem;
}
.privacy-sections h2 {
  margin: 0 0 1.5rem;
  font-size: clamp(1.8rem, 3.2vw, 3.6rem);
  font-weight: 300;
  letter-spacing: -.05em;
}
.privacy-sections p {
  max-width: 48rem;
  margin: 0;
  color: #555651;
  line-height: 1.9;
}
.privacy-contact {
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: rgba(9, 10, 10, .35);
  text-underline-offset: .2rem;
}
.privacy-contact:hover { text-decoration-color: currentColor; }
.privacy-sections ul { margin: 0 0 2rem; padding: 0; list-style: none; }
.privacy-sections li {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: .9rem 0;
  border-bottom: 1px solid var(--line);
}
.privacy-sections li b { font-size: .8rem; font-weight: 400; }
.privacy-sections li em {
  color: #747570;
  font-family: var(--mono);
  font-size: .47rem;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.privacy-closing {
  display: grid;
  min-height: 70vh;
  place-items: center;
  padding: 7rem 5vw;
  color: var(--paper);
  background:
    radial-gradient(circle at center, #272a29 0, #101212 38%, #080909 75%);
  text-align: center;
}
.privacy-closing p {
  margin: 0;
  color: #7c807d;
  font-family: var(--mono);
  font-size: .54rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.privacy-closing b {
  font-size: clamp(6rem, 14vw, 17rem);
  font-weight: 300;
  letter-spacing: -.08em;
  line-height: .75;
}
.privacy-closing > span { color: #939692; }
.privacy-closing a {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1rem 1.2rem;
  border: 1px solid #777a77;
  font-family: var(--mono);
  font-size: .52rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
footer {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 3vw;
  color: #777a77;
  background: #050606;
  font-family: var(--mono);
  font-size: .45rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
footer b { color: var(--paper); letter-spacing: .18em; }
footer a:hover { color: var(--paper); }

@media (max-width: 760px) {
  .privacy-header { padding: 1.2rem; }
  .privacy-back { font-size: 0; }
  .privacy-back i { font-size: 1rem; }
  .privacy-hero { min-height: 72vh; padding: 2rem 1.25rem 5rem; }
  .privacy-index { margin-bottom: 7rem; }
  .privacy-hero h1 { font-size: 4.2rem; }
  .privacy-lead { margin-top: 3rem; }
  .parody-disclosure { grid-template-columns: 1fr; padding: 6rem 1.25rem; }
  .privacy-content { grid-template-columns: 1fr; padding: 6rem 1.25rem; }
  .privacy-content aside { position: static; }
  .privacy-sections article { grid-template-columns: 2rem 1fr; gap: 1rem; }
  .privacy-sections li { align-items: flex-start; flex-direction: column; gap: .4rem; }
  .privacy-closing { min-height: 65vh; padding-inline: 1.25rem; }
  footer { flex-direction: column; padding: 2rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}