@media only screen and (max-width: 767px) {
  .mxd-hero-09__headline .hero-typewriter {
    max-width: calc(100vw - 4rem);
    font-size: clamp(4.6rem, 15vw, 6rem) !important;
    line-height: 0.86;
    white-space: normal;
  }
}
/* The challenge is a single-purpose landing page; keep the overlay menu out of view. */
.mxd-menu__contain,
.mxd-menu {
  display: none !important;
}

.agency-brand-lockup[hidden] {
  display: none !important;
}

.agency-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}

html[data-experience] .mxd-logo {
  gap: 0.8rem;
}

/* The MR PNG has transparent padding on its right edge; collapse that space. */
html[data-experience] .mr-logo__image + .agency-brand-lockup {
  margin-left: -3.2rem;
}

/* SplitText's line mask needs a little more room for the descender in “Bring”. */
.contact-hero-title {
  line-height: 1.18;
  padding-bottom: 0.08em;
}

.inner-headline__caption .contact-intro-primary {
  color: var(--t-bright);
}

.agency-brand-lockup__times {
  color: var(--nl-white);
  font-family: var(--font-default);
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
}

.agency-brand-lockup__logo {
  display: block;
  width: clamp(12rem, 15vw, 19rem);
  height: auto;
  max-height: 4.8rem;
}

html[data-experience="thinkerbell"] .agency-brand-lockup__logo {
  transform: translateY(-0.6rem);
}

html[data-experience="princess"] .agency-brand-lockup__logo {
  width: auto;
  height: 4.8rem;
  max-height: none;
}

@media only screen and (max-width: 767px) {
  .agency-brand-lockup {
    gap: 0.6rem;
  }

  html[data-experience] .mxd-logo {
    gap: 0.6rem;
  }

  html[data-experience] .mr-logo__image + .agency-brand-lockup {
    margin-left: -2.7rem;
  }

  .agency-brand-lockup__times {
    font-size: 2.2rem;
  }

  .agency-brand-lockup__logo {
    width: clamp(9rem, 29vw, 12rem);
    max-height: 3.6rem;
  }

  html[data-experience="thinkerbell"] .agency-brand-lockup__logo {
    transform: translateY(-0.4rem);
  }

  html[data-experience="princess"] .agency-brand-lockup__logo {
    width: auto;
    height: 3.6rem;
    max-height: none;
  }
}