@import url("./base.css?v=mobile-free-scroll-16");
@import url("./slides/01-cover.css?v=headline-strips-bound-27");
@import url("./slides/02-difference.css?v=mobile-wave-breathing-room-45");
@import url("./slides/03-promise.css?v=slightly-brighter-orange-49");
@import url("./slides/04-process.css?v=title-lower-left-143");
@import url("./slides/05-offer.css?v=left-edge-pinned-63");
@import url("./slides/06-editor-note.css?v=mobile-three-line-quote-47");
@import url("./slides/08-submission.css?v=orange-form-ink-214");
@import url("./slides/09-back-cover.css?v=mobile-title-lines-44");

/* Keep every slide number aligned to the page marker on slide 03. */
.page > .slide-page-number {
  position: absolute !important;
  z-index: 15 !important;
  right: max(
    var(--page-padding),
    calc((100vw - var(--page-width)) / 2 + var(--page-padding))
  ) !important;
  bottom: var(--page-padding) !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.64rem !important;
  font-weight: 900 !important;
  line-height: normal !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transform: none !important;
  pointer-events: none;
}

#promise.page > .slide-page-number {
  color: #fff !important;
}

#offer.page > .slide-page-number,
#book-a-call.page > .slide-page-number {
  color: var(--orange) !important;
}