/* Contact page composition */
body[data-helper-page] > header[data-homepage-region="01-canada-gaming-editorial-hero-with-integrated-hea"] .header-layer {
  position: relative;
  inset: auto;
  min-height: 7rem;
  background-color: #fff9f2;
  box-shadow: 0 1px 0 rgb(76 2 0 / 10%);
}
body[data-helper-page] > header[data-homepage-region="01-canada-gaming-editorial-hero-with-integrated-hea"] .hero-media {
  height: clamp(20rem, 36vw, 35rem);
}
body[data-helper-page] main {
  width: min(100% - 3rem, 76rem);
  margin: 0 auto;
  padding: clamp(3.5rem, 8vw, 7rem) 0 clamp(4rem, 8vw, 7rem);
  color: #4c0200;
  font-family: "Special Gothic", Arial, sans-serif;
}
body[data-helper-page] main p { margin: 0; line-height: 1.65; }
body[data-helper-page] main h1,
body[data-helper-page] main h2 { margin: 0; color: #4c0200; line-height: 1.12; }
body[data-helper-page] main h1 { font-size: clamp(2.5rem, 5.2vw, 4.75rem); letter-spacing: -.035em; }
body[data-helper-page] main h2 { font-size: clamp(1.55rem, 2.5vw, 2.25rem); letter-spacing: -.02em; }
body[data-helper-page] .contact-section { margin: 0 0 1.25rem; }
body[data-helper-page] .contact-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(15rem, .7fr);
  align-items: end;
  gap: 2rem;
  padding: clamp(2rem, 5vw, 4.5rem);
  border-radius: 2rem;
  background: #fff9f2;
  box-shadow: 0 1rem 3rem rgb(76 2 0 / 8%);
}
body[data-helper-page] .contact-eyebrow { margin: 0 0 .8rem !important; color: #7a3442; font-size: .82rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
body[data-helper-page] .contact-lede { max-width: 42rem; margin-top: 1.25rem !important; font-size: clamp(1.05rem, 1.5vw, 1.25rem); }
body[data-helper-page] .contact-intro__note { padding: 1.5rem; border-radius: 1.25rem; background: #afe5f5; color: #4c0200; }
body[data-helper-page] .contact-intro__note p { font-weight: 600; }
body[data-helper-page] .contact-orbit-mark { display: block; margin-bottom: .75rem; font-size: 2rem; }
body[data-helper-page] .contact-topics,
body[data-helper-page] .contact-prep,
body[data-helper-page] .contact-privacy { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 2rem; align-items: start; padding: clamp(1.75rem, 4vw, 3rem); border: 1px solid rgb(76 2 0 / 13%); border-radius: 1.5rem; background: #fff9f2; }
body[data-helper-page] .contact-topic-list { display: grid; gap: .85rem; }
body[data-helper-page] .contact-topic-list p { display: flex; gap: 1rem; align-items: baseline; padding-bottom: .8rem; border-bottom: 1px solid rgb(76 2 0 / 12%); }
body[data-helper-page] .contact-topic-list span { color: #9c596c; font-size: .82rem; font-weight: 700; }
body[data-helper-page] .contact-channel { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) minmax(14rem, .65fr); gap: 1.5rem; align-items: center; padding: clamp(1.5rem, 3.5vw, 2.5rem); border-radius: 1.5rem; background: #f5b9df; }
body[data-helper-page] .contact-phone { background: #ead4c7; }
body[data-helper-page] .contact-channel__number { align-self: start; color: #7a3442; font-size: .9rem; font-weight: 700; }
body[data-helper-page] .contact-channel__body > p:last-child { margin-top: .65rem; }
body[data-helper-page] .contact-action,
body[data-helper-page] .contact-policy-links a { color: #4c0200; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: .2em; overflow-wrap: anywhere; }
body[data-helper-page] .contact-action { justify-self: end; }
body[data-helper-page] .contact-action span,
body[data-helper-page] .contact-policy-links span { margin-left: .4rem; }
body[data-helper-page] .contact-address { display: flex; gap: 1.5rem; align-items: center; padding: clamp(1.5rem, 3.5vw, 2.5rem); border-radius: 1.5rem; background: #afe5f5; }
body[data-helper-page] .contact-address__pin { font-size: 2rem; }
body[data-helper-page] .contact-address address { margin-top: .65rem; font-style: normal; line-height: 1.6; }
body[data-helper-page] .contact-prep__content { display: grid; gap: 1rem; }
body[data-helper-page] .contact-prep__aside { padding: 1rem 1.25rem; border-left: 4px solid #f5b9df; background: #fff9f2; }
body[data-helper-page] .contact-form-section { display: grid; grid-template-columns: minmax(15rem, .75fr) minmax(0, 1.25fr); gap: clamp(2rem, 5vw, 4rem); padding: clamp(2rem, 5vw, 4.5rem); border-radius: 2rem; background: #4c0200; color: #fff9f2; }
body[data-helper-page] .contact-form-section h2 { color: #fff9f2; }
body[data-helper-page] .contact-form-section__intro > p:last-child { margin-top: 1rem; color: #f4dbe2; }
body[data-helper-page] .contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.15rem; }
body[data-helper-page] .contact-form__field { display: grid; gap: .45rem; }
body[data-helper-page] .contact-form__field--message { grid-column: 1 / -1; }
body[data-helper-page] .contact-form label { font-size: .95rem; font-weight: 600; }
body[data-helper-page] .contact-form label span { color: #f5b9df; font-size: .82rem; }
body[data-helper-page] .contact-form input,
body[data-helper-page] .contact-form select,
body[data-helper-page] .contact-form textarea { width: 100%; min-height: 3rem; border: 1px solid #e8ccd5; border-radius: .7rem; padding: .8rem .9rem; background: #fff9f2; color: #4c0200; font: inherit; }
body[data-helper-page] .contact-form textarea { min-height: 9rem; resize: vertical; }
body[data-helper-page] .contact-form [aria-invalid="true"] { border-color: #ffb1b1; outline: 2px solid #ffb1b1; }
body[data-helper-page] .contact-form__error { min-height: 1.2em; color: #ffd0d0; font-size: .85rem; }
body[data-helper-page] .contact-form__submit { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .4rem; }
body[data-helper-page] .contact-form__submit p { color: #f4dbe2; font-size: .9rem; }
body[data-helper-page] .contact-submit { border: 0; border-radius: 999px; padding: .9rem 1.4rem; background-color: #afe5f5; color: #4c0200; font: inherit; font-weight: 700; cursor: pointer; }
body[data-helper-page] .contact-followup { display: flex; align-items: flex-start; gap: 1.5rem; padding: clamp(1.75rem, 4vw, 3rem); border-radius: 1.5rem; background: #ead4c7; }
body[data-helper-page] .contact-followup__spark { color: #7a3442; font-size: 2rem; }
body[data-helper-page] .contact-followup h2 + p { margin-top: .8rem; }
body[data-helper-page] .contact-policy-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
body[data-helper-page] main a:focus-visible,
body[data-helper-page] main button:focus-visible,
body[data-helper-page] main input:focus-visible,
body[data-helper-page] main select:focus-visible,
body[data-helper-page] main textarea:focus-visible { outline: 3px solid #9c596c; outline-offset: 3px; }
@media (max-width: 760px) {
  body[data-helper-page] > header[data-homepage-region="01-canada-gaming-editorial-hero-with-integrated-hea"] .header-layer { min-height: 6rem; }
  body[data-helper-page] main { width: min(100% - 2rem, 42rem); padding-top: 2.5rem; }
  body[data-helper-page] .contact-intro,
  body[data-helper-page] .contact-topics,
  body[data-helper-page] .contact-prep,
  body[data-helper-page] .contact-privacy,
  body[data-helper-page] .contact-form-section { grid-template-columns: minmax(0, 1fr); }
  body[data-helper-page] .contact-channel { grid-template-columns: 2rem minmax(0, 1fr); }
  body[data-helper-page] .contact-channel__body { grid-column: 2; }
  body[data-helper-page] .contact-action { grid-column: 2; justify-self: start; }
}
@media (max-width: 520px) {
  body[data-helper-page] > header[data-homepage-region="01-canada-gaming-editorial-hero-with-integrated-hea"] .header-layer { padding: .75rem 1rem; }
  body[data-helper-page] > header[data-homepage-region="01-canada-gaming-editorial-hero-with-integrated-hea"] .hero-media { height: 19rem; }
  body[data-helper-page] main { width: min(100% - 1.25rem, 32rem); }
  body[data-helper-page] .contact-form { grid-template-columns: minmax(0, 1fr); }
  body[data-helper-page] .contact-form__field--message,
  body[data-helper-page] .contact-form__submit { grid-column: auto; }
  body[data-helper-page] .contact-form__submit { align-items: stretch; flex-direction: column; }
  body[data-helper-page] .contact-submit { width: 100%; }
}
body[data-helper-page] .contact-intro__copy,
body[data-helper-page] .contact-section__heading { min-width: 0; }
body[data-helper-page] .contact-email { background-color: #f5b9df; }
