.privacy-page { background: var(--ink); }

@media (min-width: 769px) {
  .privacy-hero__title,
  .privacy-article { margin-left: var(--pc-frame-gutter); }
}

.privacy-hero {
  position: relative;
  height: calc(700 * var(--pc));
  overflow: hidden;
  background: #000;
}

.privacy-hero__background,
.privacy-hero__background img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.privacy-hero__background img { object-fit: cover; }

.privacy-hero__title {
  position: absolute;
  z-index: 2;
  left: calc(179 * var(--pc));
  top: calc(345 * var(--pc));
  color: transparent;
  background: linear-gradient(90deg, #fff 38.462%, #a8a8a8);
  background-clip: text;
  font-family: var(--display);
  font-size: calc(92 * var(--pc));
  font-weight: 900;
  line-height: calc(110 * var(--pc));
  letter-spacing: calc(-1.84 * var(--pc));
  white-space: nowrap;
}

.privacy-legal {
  position: relative;
  height: calc(850 * var(--pc));
  overflow: hidden;
  color: #000;
  background:
    radial-gradient(ellipse at -6% 88%, rgba(246,255,143,.13), transparent 35%),
    radial-gradient(ellipse at 104% 8%, rgba(56,137,110,.14), transparent 29%),
    #fefffd;
}

.privacy-article {
  position: absolute;
  left: calc(186 * var(--pc));
  width: calc(1508 * var(--pc));
}

.privacy-article--privacy { top: calc(106 * var(--pc)); }

.privacy-article h2 {
  font-family: var(--font);
  font-size: calc(28 * var(--pc));
  font-weight: 900;
  line-height: calc(40 * var(--pc));
}

.privacy-article__body {
  margin-top: calc(34 * var(--pc));
  font-size: calc(18 * var(--pc));
  font-weight: 400;
  line-height: normal;
}

.privacy-article__body p { margin: 0; }

.privacy-article--terms {
  top: calc(370 * var(--pc));
}

@media (max-width: 768px) {
  .privacy-page .header .brand::after { display: none; }

  .privacy-hero { height: calc(600 * var(--m)); }

  .privacy-hero__title {
    left: calc(22 * var(--m));
    top: calc(397 * var(--m));
    width: calc(341 * var(--m));
    height: calc(168 * var(--m));
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: calc(54 * var(--m));
    line-height: calc(56 * var(--m));
    letter-spacing: calc(-1.62 * var(--m));
    white-space: normal;
  }

  .privacy-hero__title span { display: block; }

  .privacy-legal {
    height: calc(1220 * var(--m));
    background:
      radial-gradient(ellipse at -15% 88%, rgba(246,255,143,.11), transparent 35%),
      radial-gradient(ellipse at 110% 7%, rgba(56,137,110,.13), transparent 29%),
      #fefffd;
  }

  .privacy-article {
    left: calc(21 * var(--m));
    width: calc(348 * var(--m));
  }

  .privacy-article--privacy { top: calc(53 * var(--m)); }
  .privacy-article--terms { top: calc(705 * var(--m)); }

  .privacy-article h2 {
    font-size: calc(20 * var(--m));
    font-weight: 500;
    line-height: calc(24 * var(--m));
  }

  .privacy-article__body {
    margin-top: calc(15 * var(--m));
    font-size: calc(16 * var(--m));
    line-height: calc(28 * var(--m));
  }
}