/* The Parallel Plan: self-contained original motion artwork, driven by one clock. */
[data-motion-strip] {
  --strip-coral: #df7c61;
  --strip-cream: #f4efdf;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
  color: var(--strip-cream);
}
[data-motion-strip] *, [data-motion-strip] *::before, [data-motion-strip] *::after { box-sizing: border-box; }
.tpp-motion-story { position: absolute; z-index: 2; top: 3px; left: 12px; max-width: calc(100% - 60px); pointer-events: none; }
.tpp-motion-eyebrow, .tpp-motion-note { display: none; }
.tpp-motion-caption { margin: 0; color: #e8decb; font: 500 12px/1.15 Instrument, sans-serif; letter-spacing: -.02em; text-wrap: balance; text-shadow: 0 2px 8px #000; }
.tpp-motion-stage { position: relative; height: 100%; min-height: 0; min-width: 0; width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.tpp-motion-scene { display: block; width: 100%; height: 100%; overflow: hidden; }
.tpp-motion-scene text { font-family: Instrument, sans-serif; }
.tpp-motion-toggle {
  appearance: none;
  position: absolute;
  z-index: 3;
  top: 2px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #f4efdf27;
  border-radius: 50%;
  background: #171816d9;
  color: var(--strip-cream);
  cursor: pointer;
  font: 11px/1 sans-serif;
  transition: border-color 150ms ease, background 150ms ease;
}
.tpp-motion-toggle:hover { border-color: #df7c61a0; background: #29231d; }
.tpp-motion-toggle:focus-visible { outline: 2px solid var(--strip-coral); outline-offset: 3px; }
.tpp-motion-description { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-motion-strip].is-narrow .tpp-motion-story { display: none; }
[data-motion-strip].is-narrow .tpp-motion-toggle { width: 22px; height: 22px; top: 0; right: 1px; font-size: 10px; }
[data-motion-strip][data-state="reduced"] .tpp-motion-toggle { opacity: .55; }
@media (prefers-contrast: more) {
  .tpp-motion-caption { color: #f4efdf; }
  .tpp-motion-toggle { border-color: currentColor; }
}