/* Copyright shares the privacy reader, with its own cover and artwork. */
.copyright-page {
  --legal-glow-start: rgba(239, 127, 205, 0.78);
  --legal-glow-end: rgba(211, 115, 235, 0.7);
  --legal-base-start: #ffe0ee;
  --legal-base-mid: #fbd5ef;
  --legal-base-end: #edd7ff;
}

.copyright-page .legal-kicker { color: #8b3475; }
.copyright-page .legal-hero h1 { color: #482441; font-size: clamp(2.65rem, 4.15vw, 4rem); }
.copyright-page .legal-hero-copy > p:not(.legal-kicker) { color: #72536d; }
.copyright-page .hero-pet-stage-fox { margin-top: 58px; transform: rotate(-1.5deg); }
.copyright-page .hero-pet-stage-bunny { margin-bottom: 42px; transform: rotate(1.5deg); }
.copyright-page .hero-bunny { width: 112%; transform: translate(0, 3%) rotate(-3deg); }
.copyright-page .hero-fox { width: 108%; transform: translate(-1%, 2%) rotate(1deg) scaleX(-1); }
.copyright-page .document-title-block h2 { font-size: clamp(3rem, 6.1vw, 5.5rem); }
.copyright-page .document-sticker-hawk { top: 20px; right: 20px; width: clamp(82px, 8.2vw, 118px); transform: rotate(12deg); }
.copyright-page .document-sticker-betta { bottom: 14px; left: 16px; width: clamp(78px, 8vw, 112px); transform: rotate(-14deg); }

@media (min-width: 821px) and (max-width: 1100px) {
  .copyright-page .legal-hero h1 { font-size: clamp(2.35rem, 3.9vw, 2.9rem); }
}

@media (min-width: 821px) and (max-width: 920px) {
  .copyright-page .hero-pet-stage-fox { margin-top: 38px; }
  .copyright-page .hero-pet-stage-bunny { margin-bottom: 28px; }
}

@media (max-width: 820px) {
  .copyright-page .legal-hero h1 { font-size: clamp(2.8rem, 8.5vw, 4.65rem); }
  .copyright-page .hero-pet-stage-fox { margin-top: 28px; }
  .copyright-page .hero-pet-stage-bunny { margin-bottom: 24px; }
}

@media (max-width: 560px) {
  .copyright-page .legal-hero h1 { font-size: clamp(2rem, 8.7vw, 3.35rem); }
  .copyright-page .hero-pet-stage-fox { margin-top: 22px; transform: rotate(-1deg); }
  .copyright-page .hero-pet-stage-bunny { margin-bottom: 18px; transform: rotate(1deg); }
  .copyright-page .hero-bunny { width: 116%; }
  .copyright-page .hero-fox { width: 112%; }
  .copyright-page .document-title-block { padding-top: 80px; padding-bottom: 100px; }
  .copyright-page .document-title-block h2 { font-size: clamp(2.25rem, 10.8vw, 3.6rem); }
  .copyright-page .document-sticker-hawk { top: 9px; right: 0; width: 78px; }
  .copyright-page .document-sticker-betta { bottom: 14px; left: 14px; width: 76px; }
}