/* Canada Play Grid privacy page */
body[data-helper-page] {
  margin: 0;
  background: #fff0ed;
  color: #292547;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

body[data-helper-page] > header[data-homepage-region="01-primary-site-header"] {
  position: relative;
  inset: auto;
  z-index: 2;
  width: 100%;
  background: #220989;
  color: #fff;
}

.privacy-page {
  display: block;
  width: 100%;
  background: #fff0ed;
  color: #292547;
}

.privacy-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(4.5rem, 9vw, 8rem) max(1.5rem, calc((100% - 70rem) / 2));
}

.privacy-section__inner {
  position: relative;
  z-index: 1;
  width: min(100%, 48rem);
  margin-inline: auto;
}

.privacy-intro {
  min-height: 28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff0ed;
  text-align: center;
  padding-block: clamp(5.5rem, 10vw, 9rem);
}

.privacy-eyebrow,
.privacy-number,
.privacy-index__label {
  margin: 0 0 1.15rem;
  color: #594c94;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.4;
  text-transform: uppercase;
}

.privacy-eyebrow span { padding-inline: .5rem; color: #dc6d58; }

.privacy-page h1,
.privacy-page h2,
.privacy-page p { margin-top: 0; }

.privacy-page h1 {
  max-width: 14ch;
  margin-bottom: 1.2rem;
  color: #220989;
  font-size: clamp(2.7rem, 7vw, 5.5rem);
  font-weight: 850;
  letter-spacing: -.065em;
  line-height: .98;
}

.privacy-page h2 {
  max-width: 19ch;
  margin-bottom: 1.5rem;
  color: #220989;
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.08;
}

.privacy-lede {
  max-width: 38rem;
  margin-bottom: 1.15rem;
  color: #514d67;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
}

.privacy-updated {
  max-width: 36rem;
  margin-bottom: 1.8rem;
  color: #68637a;
  font-size: .92rem;
}

.privacy-button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: .85rem 1.35rem;
  border: 2px solid #220989;
  border-radius: 99rem;
  background-color: #220989;
  color: #fff;
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.privacy-button:hover,
.privacy-button:focus-visible {
  background-color: #dc6d58;
  border-color: #dc6d58;
  color: #fff;
  transform: translateY(-2px);
}

.privacy-index {
  position: absolute;
  right: max(2rem, calc((100vw - 78rem) / 2));
  bottom: 2.5rem;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: .7rem;
  width: 11rem;
  padding: 1rem 1.2rem;
  border: 1px solid #e5d6d2;
  border-radius: 1.2rem;
  background: #fff;
  text-align: left;
}

.privacy-index__label {
  grid-column: 1 / -1;
  margin: 0 0 .3rem;
  font-size: .64rem;
}

.privacy-index__count { color: #dc6d58; font-size: 2rem; font-weight: 850; line-height: 1; }
.privacy-index__text { color: #514d67; font-size: .78rem; line-height: 1.3; }
.privacy-section--paper { background: #fff; }
.privacy-section--tint { background: #fff0ed; }

.privacy-number {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-bottom: 1.2rem;
}

.privacy-number i { display: inline-block; width: 2.2rem; height: 2px; background: #dc6d58; }

.privacy-copy {
  max-width: 44rem;
  color: #514d67;
  font-size: 1.04rem;
}

.privacy-copy p { margin-bottom: 1.15rem; }
.privacy-copy code { color: #220989; font-size: .9em; }
.privacy-copy a { color: #220989; font-weight: 750; text-decoration-thickness: .1em; text-underline-offset: .2em; }

.privacy-inline-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-top: .4rem;
  padding: .55rem .9rem;
  border-radius: .6rem;
  background-color: #f3e8ff;
  color: #220989;
  font-weight: 800;
  text-decoration: none;
}

.privacy-inline-link:hover,
.privacy-inline-link:focus-visible { background-color: #e3d5fa; text-decoration: underline; text-underline-offset: .2em; }

.privacy-fact {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-top: .5rem;
  padding: .85rem 1.1rem;
  border: 1px solid #eadbd7;
  border-radius: .9rem;
  background: #fff;
  color: #68637a;
  font-size: .85rem;
  line-height: 1.45;
}

.privacy-fact strong { color: #292547; }
.privacy-fact__dot { width: .7rem; height: .7rem; border-radius: 50%; background: #43a882; box-shadow: 0 0 0 .3rem #e4f5ee; }

.privacy-orbit {
  position: absolute;
  z-index: 0;
  right: max(-7rem, calc((100vw - 82rem) / 2));
  width: 18rem;
  height: 18rem;
  border: 1px solid rgba(34, 9, 137, .12);
  border-radius: 50%;
  pointer-events: none;
}

.privacy-orbit::before,
.privacy-orbit::after {
  position: absolute;
  inset: 1.5rem;
  border: 1px solid rgba(220, 109, 88, .24);
  border-radius: inherit;
  content: "";
}

.privacy-orbit::after { inset: 3.2rem; }
.privacy-orbit--one { top: 1rem; }
.privacy-orbit--two { bottom: -5rem; right: auto; left: -8rem; }
.privacy-orbit--three { top: 1rem; }

.privacy-contact { background: #220989; color: #fff; }
.privacy-contact h2 { color: #fff; }
.privacy-contact .privacy-number { color: #f3b9a9; }
.privacy-contact__intro { max-width: 42rem; color: #e5def9; font-size: 1.1rem; }

.privacy-form {
  margin-top: 2rem;
  padding: clamp(1.25rem, 4vw, 2.3rem);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 1.5rem;
  background: #fff;
  color: #292547;
}

.privacy-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.privacy-field { display: flex; min-width: 0; flex-direction: column; gap: .45rem; }
.privacy-field label { color: #292547; font-size: .9rem; font-weight: 800; }

.privacy-field input,
.privacy-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 3.1rem;
  padding: .8rem .9rem;
  border: 1px solid #c9c4d5;
  border-radius: .65rem;
  background: #fff;
  color: #292547;
  font: inherit;
}

.privacy-field textarea { min-height: 7rem; resize: vertical; }
.privacy-field input:focus-visible,
.privacy-field textarea:focus-visible { outline: 3px solid #eda08d; outline-offset: 2px; border-color: #220989; }
.privacy-field [aria-invalid="true"] { border-color: #b42318; background: #fff7f6; }
.privacy-error { display: block; min-height: 1.25rem; color: #a32020; font-size: .82rem; line-height: 1.4; }
.privacy-form__note { margin: .3rem 0 1rem; color: #68637a; font-size: .82rem; }
.privacy-button--submit { border: 0; cursor: pointer; }
.privacy-form__status { min-height: 1.4rem; margin: .7rem 0 0; color: #514d67; font-size: .88rem; }
.privacy-contact__fallback { margin: 1.2rem 0 0; color: #e5def9; }
.privacy-contact__fallback .privacy-inline-link { margin-left: .3rem; }

[data-reveal] {
  opacity: 0;
  transform: translateY(1.15rem);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2, .75, .2, 1);
}

[data-reveal].is-visible,
[data-reveal][data-reveal-state="settled"] { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .privacy-button { transition: none; }
}

@media (max-width: 700px) {
  .privacy-section { padding: 4rem 1.25rem; }
  .privacy-intro { min-height: 0; padding-block: 5rem 8rem; }
  .privacy-index { right: 1.25rem; bottom: 1.3rem; width: auto; min-width: 10rem; padding: .7rem .9rem; }
  .privacy-form__row { grid-template-columns: 1fr; gap: .8rem; }
  .privacy-orbit { right: -12rem; opacity: .6; }
  .privacy-orbit--two { left: -13rem; }
  .privacy-contact__fallback .privacy-inline-link { margin: .6rem 0 0; }
}

@media (max-width: 400px) {
  .privacy-intro { padding-inline: 1rem; }
  .privacy-page h1 { font-size: 2.55rem; }
  .privacy-index { left: 1.25rem; right: auto; }
  .privacy-button { width: 100%; box-sizing: border-box; }
}