[data-motion^="mzh-"] {
  --mzh-shift: 42px;
  --mzh-shift-neg: -42px;
  --mzh-rise: 28px;
  --mzh-rise-neg: -28px;
  --mzh-run: 82px;
  --mzh-run-neg: -82px;
  contain: paint;
}

.mzh-hero-horizon,
.mzh-odometer,
.mzh-road-strokes,
.mzh-reflectors,
.mzh-key-print,
.mzh-lenticular-car,
.mzh-organizer article > i,
.mzh-inventory-tokens,
.mzh-distance-type,
.mzh-index-tabs,
.mzh-envelope {
  pointer-events: none;
}

/* 1. Three horizons open while five odometer drums settle independently. */
.js [data-motion="mzh-odometer-horizon"] .mzh-hero-photo {
  animation: mzh-odometer-photo-open 1.14s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-hero-copy {
  animation: mzh-odometer-copy-set .9s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-hero-horizon > span:nth-child(1) {
  animation: mzh-horizon-upper-slide 1.05s cubic-bezier(.18,.72,.22,1) .18s both paused;
  transform-origin: right;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-hero-horizon > span:nth-child(2) {
  animation: mzh-horizon-middle-slide 1.2s cubic-bezier(.18,.72,.22,1) .28s both paused;
  transform-origin: left;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-hero-horizon > span:nth-child(3) {
  animation: mzh-horizon-lower-slide 1.35s cubic-bezier(.18,.72,.22,1) .38s both paused;
  transform-origin: right;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer {
  animation: mzh-odometer-shell-set .72s steps(5,end) .3s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer > span:nth-of-type(1) > b {
  animation: mzh-odometer-drum-one 1.05s steps(4,end) .46s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer > span:nth-of-type(2) > b {
  animation: mzh-odometer-drum-two 1.18s steps(5,end) .53s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer > span:nth-of-type(3) > b {
  animation: mzh-odometer-drum-three 1.32s steps(6,end) .6s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer > span:nth-of-type(4) > b {
  animation: mzh-odometer-drum-four 1.46s steps(7,end) .67s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-odometer > span:nth-of-type(5) > b {
  animation: mzh-odometer-drum-five 1.6s steps(8,end) .74s both paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i {
  animation: mzh-odometer-road-pass 1.55s linear infinite paused;
}
.js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i:nth-child(2) { animation-delay: .15s; }
.js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i:nth-child(3) { animation-delay: .3s; }
.js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i:nth-child(4) { animation-delay: .45s; }
.js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i:nth-child(5) { animation-delay: .6s; }

@keyframes mzh-odometer-photo-open {
  0% { opacity: 0; filter: grayscale(1) contrast(1.4); clip-path: inset(46% 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-odometer-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-horizon-upper-slide {
  0% { opacity: .12; scale: .04 1; translate: var(--mzh-shift) 0; }
  100% { opacity: 1; scale: 1; translate: none; }
}
@keyframes mzh-horizon-middle-slide {
  0% { opacity: .12; scale: .04 1; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; scale: 1; translate: none; }
}
@keyframes mzh-horizon-lower-slide {
  0% { opacity: .12; scale: .04 1; filter: blur(5px); }
  100% { opacity: 1; scale: 1; filter: blur(0); }
}
@keyframes mzh-odometer-shell-set {
  0% { opacity: 0; filter: brightness(.35) blur(6px); }
  100% { opacity: 1; filter: brightness(1) blur(0); }
}
@keyframes mzh-odometer-drum-one {
  0% { translate: 0 -120%; filter: blur(5px); }
  55% { translate: 0 22%; filter: blur(2px); }
  100% { translate: none; filter: blur(0); }
}
@keyframes mzh-odometer-drum-two {
  0% { translate: 0 150%; filter: blur(6px); }
  62% { translate: 0 -18%; filter: blur(2px); }
  100% { translate: none; filter: blur(0); }
}
@keyframes mzh-odometer-drum-three {
  0% { translate: 0 -180%; filter: blur(7px); }
  68% { translate: 0 15%; filter: blur(2px); }
  100% { translate: none; filter: blur(0); }
}
@keyframes mzh-odometer-drum-four {
  0% { translate: 0 210%; filter: blur(8px); }
  72% { translate: 0 -12%; filter: blur(1px); }
  100% { translate: none; filter: blur(0); }
}
@keyframes mzh-odometer-drum-five {
  0% { translate: 0 -240%; filter: blur(9px); }
  76% { translate: 0 9%; filter: blur(1px); }
  100% { translate: none; filter: blur(0); }
}
@keyframes mzh-odometer-road-pass {
  0% { opacity: 0; transform: rotateX(62deg) translateY(-55px) scaleX(.45); }
  22%, 76% { opacity: .75; }
  100% { opacity: 0; transform: rotateX(62deg) translateY(55px) scaleX(1.35); }
}

/* 2. Three roadside reflectors answer with light, prism, and drawn contour. */
.mzh-reflectors svg circle { stroke-dasharray: 198; stroke-dashoffset: 0; }
.mzh-reflectors svg path { stroke-dasharray: 78; stroke-dashoffset: 0; }
.js [data-motion="mzh-shoulder-beacon"] .mzh-reasons-copy {
  animation: mzh-shoulder-copy-open .86s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-reasons-photo {
  animation: mzh-shoulder-photo-set 1.05s cubic-bezier(.16,.78,.22,1) .08s both paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-shoulder-strip > article {
  animation: mzh-shoulder-state-receipt .62s steps(5,end) both paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-shoulder-strip > article:nth-child(2) { animation-delay: .14s; }
.js [data-motion="mzh-shoulder-beacon"] .mzh-shoulder-strip > article:nth-child(3) { animation-delay: .28s; }
.js [data-motion="mzh-shoulder-beacon"] .mzh-reflectors > span {
  animation: mzh-shoulder-reflector-bright 1.45s ease-in-out infinite alternate paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-reflectors > i {
  animation: mzh-shoulder-prism-turn 2.2s cubic-bezier(.42,.02,.28,1) .35s both paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-reflectors svg circle {
  animation: mzh-shoulder-circle-trace 1.2s ease-out .52s both paused;
}
.js [data-motion="mzh-shoulder-beacon"] .mzh-reflectors svg path {
  animation: mzh-shoulder-check-trace .72s ease-out 1.12s both paused;
}

@keyframes mzh-shoulder-copy-open {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-shoulder-photo-set {
  0% { opacity: 0; filter: saturate(.2); clip-path: polygon(0 0, 22% 0, 0 100%, 0 100%); }
  100% { opacity: 1; filter: none; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}
@keyframes mzh-shoulder-state-receipt {
  0% { opacity: 0; filter: grayscale(1) blur(4px); }
  100% { opacity: 1; filter: none; }
}
@keyframes mzh-shoulder-reflector-bright {
  0% { filter: brightness(.55) saturate(.55); }
  100% { filter: brightness(1.55) saturate(1.2); }
}
@keyframes mzh-shoulder-prism-turn {
  0% { rotate: -65deg; filter: brightness(.65); }
  70% { rotate: 8deg; filter: brightness(1.35); }
  100% { rotate: 0deg; filter: brightness(1); }
}
@keyframes mzh-shoulder-circle-trace {
  0% { stroke-dashoffset: 198; opacity: .25; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes mzh-shoulder-check-trace {
  0% { stroke-dashoffset: 78; opacity: .2; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

/* 3. Four atlas leaves unfold around alternating physical creases. */
.js [data-motion="mzh-atlas-fold"] .mzh-route-photo {
  animation: mzh-atlas-photo-open 1.06s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-route-copy {
  animation: mzh-atlas-copy-set .88s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:nth-child(1) {
  animation: mzh-atlas-page-one .82s cubic-bezier(.16,.72,.22,1) .2s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:nth-child(2) {
  animation: mzh-atlas-page-two .9s cubic-bezier(.16,.72,.22,1) .32s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:nth-child(3) {
  animation: mzh-atlas-page-three .98s cubic-bezier(.16,.72,.22,1) .44s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:nth-child(4) {
  animation: mzh-atlas-page-four 1.06s cubic-bezier(.16,.72,.22,1) .56s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:first-child > span {
  animation: mzh-atlas-point-a .68s cubic-bezier(.15,.74,.22,1.18) .92s both paused;
}
.js [data-motion="mzh-atlas-fold"] .mzh-atlas > article:last-child > span {
  animation: mzh-atlas-point-b .68s cubic-bezier(.15,.74,.22,1.18) 1.04s both paused;
}

@keyframes mzh-atlas-photo-open {
  0% { opacity: 0; filter: grayscale(1) contrast(1.45); clip-path: inset(0 0 100%); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-atlas-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-atlas-page-one {
  0% { opacity: .18; transform: rotateY(-86deg); filter: brightness(.65); }
  100% { opacity: 1; transform: rotateY(0); filter: brightness(1); }
}
@keyframes mzh-atlas-page-two {
  0% { opacity: .18; transform: rotateY(82deg); filter: brightness(.6); }
  100% { opacity: 1; transform: rotateY(0); filter: brightness(1); }
}
@keyframes mzh-atlas-page-three {
  0% { opacity: .18; transform: rotateY(-78deg); filter: brightness(.62); }
  100% { opacity: 1; transform: rotateY(0); filter: brightness(1); }
}
@keyframes mzh-atlas-page-four {
  0% { opacity: .18; transform: rotateY(74deg); filter: brightness(.68); }
  100% { opacity: 1; transform: rotateY(0); filter: brightness(1); }
}
@keyframes mzh-atlas-point-a {
  0% { opacity: 0; clip-path: circle(0 at 50% 50%); scale: .7; }
  100% { opacity: 1; clip-path: circle(55% at 50% 50%); scale: 1; }
}
@keyframes mzh-atlas-point-b {
  0% { opacity: 0; clip-path: circle(0 at 50% 50%); scale: 1.25; }
  100% { opacity: 1; clip-path: circle(55% at 50% 50%); scale: 1; }
}

/* 4. A carbon sheet presses down, copies four fields, and leaves a key print. */
.js [data-motion="mzh-carbon-handoff"] .mzh-handoff-photo {
  animation: mzh-carbon-photo-develop 1.02s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-handoff-copy {
  animation: mzh-carbon-copy-arrive .88s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-carbon-top {
  animation: mzh-carbon-top-press 1.18s cubic-bezier(.3,.02,.24,1) .28s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-carbon-copy dl > div:nth-child(1) {
  animation: mzh-carbon-field-one .58s steps(5,end) .68s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-carbon-copy dl > div:nth-child(2) {
  animation: mzh-carbon-field-two .58s steps(5,end) .8s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-carbon-copy dl > div:nth-child(3) {
  animation: mzh-carbon-field-three .58s steps(5,end) .92s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-carbon-copy dl > div:nth-child(4) {
  animation: mzh-carbon-field-four .58s steps(5,end) 1.04s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-key-print > i {
  animation: mzh-carbon-key-ring .58s cubic-bezier(.15,.74,.22,1.2) 1.18s both paused;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-key-print > b {
  animation: mzh-carbon-key-stem .72s steps(5,end) 1.3s both paused;
  transform-origin: left;
}
.js [data-motion="mzh-carbon-handoff"] .mzh-call-line {
  animation: mzh-carbon-call-print .62s steps(5,end) .72s backwards paused;
}

@keyframes mzh-carbon-photo-develop {
  0% { opacity: 0; filter: sepia(.8) contrast(1.4); clip-path: inset(100% 0 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-carbon-copy-arrive {
  0% { opacity: 0; translate: var(--mzh-shift) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-carbon-top-press {
  0% { opacity: .55; scale: 1 .72; filter: brightness(1.18); }
  62% { opacity: 1; scale: 1 1.03; filter: brightness(.92); }
  100% { opacity: 1; scale: 1; filter: brightness(1); }
}
@keyframes mzh-carbon-field-one {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; clip-path: inset(0); }
}
@keyframes mzh-carbon-field-two {
  0% { opacity: 0; clip-path: inset(100% 0 0); }
  100% { opacity: 1; clip-path: inset(0); }
}
@keyframes mzh-carbon-field-three {
  0% { opacity: 0; clip-path: inset(0 0 0 100%); }
  100% { opacity: 1; clip-path: inset(0); }
}
@keyframes mzh-carbon-field-four {
  0% { opacity: 0; clip-path: circle(0 at 50% 50%); }
  100% { opacity: 1; clip-path: circle(75% at 50% 50%); }
}
@keyframes mzh-carbon-key-ring {
  0% { opacity: 0; scale: 1.8; filter: blur(5px); }
  100% { opacity: 1; scale: 1; filter: blur(0); }
}
@keyframes mzh-carbon-key-stem {
  0% { opacity: 0; scale: .03 1; }
  100% { opacity: 1; scale: 1; }
}
@keyframes mzh-carbon-call-print {
  0% { opacity: 0; filter: blur(4px); }
  100% { opacity: 1; filter: blur(0); }
}

/* 5. Five lenticular strips expose distinct parameter contours. */
.mzh-lenticular-car > span {
  -webkit-mask-size: 180% 100%;
  mask-size: 180% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50% 0;
  mask-position: 50% 0;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-heading > div {
  animation: mzh-lenticular-heading-left .78s ease-out both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-heading > p {
  animation: mzh-lenticular-heading-right .78s ease-out .1s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette {
  animation: mzh-lenticular-cassette-load .82s steps(6,end) .08s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article {
  animation: mzh-lenticular-row-set .58s ease-out both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article:nth-child(2) { animation-delay: .08s; }
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article:nth-child(3) { animation-delay: .16s; }
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article:nth-child(4) { animation-delay: .24s; }
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article:nth-child(5) { animation-delay: .32s; }
.js [data-motion="mzh-lenticular-spec"] .mzh-lenticular-car > span:nth-child(1) {
  animation: mzh-lenticular-band-one 1.3s steps(6,end) .36s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-lenticular-car > span:nth-child(2) {
  animation: mzh-lenticular-band-two 1.4s steps(6,end) .44s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-lenticular-car > span:nth-child(3) {
  animation: mzh-lenticular-band-three 1.5s steps(6,end) .52s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-lenticular-car > span:nth-child(4) {
  animation: mzh-lenticular-band-four 1.6s steps(6,end) .6s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-lenticular-car > span:nth-child(5) {
  animation: mzh-lenticular-band-five 1.7s steps(6,end) .68s both paused;
}
.js [data-motion="mzh-lenticular-spec"] .mzh-spec-photo {
  animation: mzh-lenticular-photo-open 1.04s cubic-bezier(.16,.78,.22,1) .1s both paused;
}

@keyframes mzh-lenticular-heading-left {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-lenticular-heading-right {
  0% { opacity: 0; translate: var(--mzh-shift) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-lenticular-cassette-load {
  0% { filter: brightness(.35) saturate(0) blur(5px); }
  100% { filter: brightness(1) saturate(1) blur(0); }
}
@keyframes mzh-lenticular-row-set {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; clip-path: inset(0); }
}
@keyframes mzh-lenticular-band-one {
  0% { -webkit-mask-position: -45% 0; mask-position: -45% 0; opacity: .05; }
  100% { -webkit-mask-position: 15% 0; mask-position: 15% 0; opacity: 1; }
}
@keyframes mzh-lenticular-band-two {
  0% { -webkit-mask-position: 135% 0; mask-position: 135% 0; opacity: .05; }
  100% { -webkit-mask-position: 32% 0; mask-position: 32% 0; opacity: 1; }
}
@keyframes mzh-lenticular-band-three {
  0% { -webkit-mask-position: -75% 0; mask-position: -75% 0; opacity: .05; }
  100% { -webkit-mask-position: 50% 0; mask-position: 50% 0; opacity: 1; }
}
@keyframes mzh-lenticular-band-four {
  0% { -webkit-mask-position: 165% 0; mask-position: 165% 0; opacity: .05; }
  100% { -webkit-mask-position: 68% 0; mask-position: 68% 0; opacity: 1; }
}
@keyframes mzh-lenticular-band-five {
  0% { -webkit-mask-position: -105% 0; mask-position: -105% 0; opacity: .05; }
  100% { -webkit-mask-position: 85% 0; mask-position: 85% 0; opacity: 1; }
}
@keyframes mzh-lenticular-photo-open {
  0% { opacity: 0; filter: contrast(1.45) grayscale(1); clip-path: inset(0 0 0 100%); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}

/* 6. Four inventory tokens follow separate paths into framed cells. */
.js [data-motion="mzh-inventory-path"] .mzh-inventory-photo {
  animation: mzh-inventory-photo-open 1.04s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-copy {
  animation: mzh-inventory-copy-set .9s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article {
  animation: mzh-inventory-cell-set .58s steps(5,end) both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(2) { animation-delay: .1s; }
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(3) { animation-delay: .2s; }
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(4) { animation-delay: .3s; }
.js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b {
  offset-position: auto;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b:nth-child(1) {
  offset-path: path("M -110 -72 C -82 -56 -34 -18 0 0");
  offset-distance: 100%;
  offset-rotate: 0deg;
  animation: mzh-inventory-token-one 1.15s cubic-bezier(.3,.02,.24,1) .42s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b:nth-child(2) {
  offset-path: path("M 96 -58 C 72 -22 38 -12 0 0");
  offset-distance: 100%;
  offset-rotate: 0deg;
  animation: mzh-inventory-token-two 1.28s cubic-bezier(.3,.02,.24,1) .5s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b:nth-child(3) {
  offset-path: path("M -88 66 C -54 42 -30 15 0 0");
  offset-distance: 100%;
  offset-rotate: 0deg;
  animation: mzh-inventory-token-three 1.4s cubic-bezier(.3,.02,.24,1) .58s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b:nth-child(4) {
  offset-path: path("M 104 74 C 68 54 28 20 0 0");
  offset-distance: 100%;
  offset-rotate: 0deg;
  animation: mzh-inventory-token-four 1.52s cubic-bezier(.3,.02,.24,1) .66s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(1) > i {
  animation: mzh-inventory-frame-one .62s ease-out 1.1s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(2) > i {
  animation: mzh-inventory-frame-two .62s ease-out 1.2s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(3) > i {
  animation: mzh-inventory-frame-three .62s ease-out 1.3s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-organizer > article:nth-child(4) > i {
  animation: mzh-inventory-frame-four .62s ease-out 1.4s both paused;
}
.js [data-motion="mzh-inventory-path"] .mzh-inventory-copy > .button {
  animation: mzh-inventory-cta-ready .58s steps(4,end) .86s backwards paused;
}

@keyframes mzh-inventory-photo-open {
  0% { opacity: 0; filter: brightness(.5) grayscale(.8); clip-path: inset(100% 0 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-inventory-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-inventory-cell-set {
  0% { opacity: 0; filter: blur(4px) grayscale(1); }
  100% { opacity: 1; filter: none; }
}
@keyframes mzh-inventory-token-one {
  0% { opacity: 0; offset-distance: 0%; scale: .6; }
  18%, 82% { opacity: 1; }
  100% { opacity: 1; offset-distance: 100%; scale: 1; }
}
@keyframes mzh-inventory-token-two {
  0% { opacity: 0; offset-distance: 0%; rotate: -25deg; }
  18%, 82% { opacity: 1; }
  100% { opacity: 1; offset-distance: 100%; rotate: 0deg; }
}
@keyframes mzh-inventory-token-three {
  0% { opacity: 0; offset-distance: 0%; scale: 1.35; }
  18%, 82% { opacity: 1; }
  100% { opacity: 1; offset-distance: 100%; scale: 1; }
}
@keyframes mzh-inventory-token-four {
  0% { opacity: 0; offset-distance: 0%; rotate: 28deg; }
  18%, 82% { opacity: 1; }
  100% { opacity: 1; offset-distance: 100%; rotate: 0deg; }
}
@keyframes mzh-inventory-frame-one {
  0% { opacity: .15; scale: 1.6; filter: brightness(.6); }
  100% { opacity: 1; scale: 1; filter: brightness(1.4); }
}
@keyframes mzh-inventory-frame-two {
  0% { opacity: .15; scale: .4; filter: brightness(.6); }
  100% { opacity: 1; scale: 1; filter: brightness(1.4); }
}
@keyframes mzh-inventory-frame-three {
  0% { opacity: .15; rotate: -45deg; filter: brightness(.6); }
  100% { opacity: 1; rotate: 0deg; filter: brightness(1.4); }
}
@keyframes mzh-inventory-frame-four {
  0% { opacity: .15; rotate: 45deg; filter: brightness(.6); }
  100% { opacity: 1; rotate: 0deg; filter: brightness(1.4); }
}
@keyframes mzh-inventory-cta-ready {
  0% { opacity: 0; filter: blur(4px); }
  100% { opacity: 1; filter: blur(0); }
}

/* 7. Four receiving sheets emerge in depth and settle on their base positions. */
.js [data-motion="mzh-address-stack"] .mzh-receive-copy {
  animation: mzh-address-copy-set .88s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-address-stack"] .mzh-receive-photo {
  animation: mzh-address-photo-open 1.05s cubic-bezier(.16,.78,.22,1) .08s both paused;
}
.js [data-motion="mzh-address-stack"] .mzh-address-stack > article:nth-child(1) {
  animation: mzh-address-sheet-one .78s cubic-bezier(.16,.72,.22,1) .22s both paused;
}
.js [data-motion="mzh-address-stack"] .mzh-address-stack > article:nth-child(2) {
  animation: mzh-address-sheet-two .86s cubic-bezier(.16,.72,.22,1) .34s both paused;
}
.js [data-motion="mzh-address-stack"] .mzh-address-stack > article:nth-child(3) {
  animation: mzh-address-sheet-three .94s cubic-bezier(.16,.72,.22,1) .46s both paused;
}
.js [data-motion="mzh-address-stack"] .mzh-address-stack > article:nth-child(4) {
  animation: mzh-address-sheet-four 1.02s cubic-bezier(.16,.72,.22,1) .58s both paused;
}

@keyframes mzh-address-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-address-photo-open {
  0% { opacity: 0; filter: grayscale(1) contrast(1.4); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-address-sheet-one {
  0% { opacity: 0; translate: var(--mzh-shift-neg) var(--mzh-rise-neg) 150px; rotate: -7deg; filter: blur(5px); }
  100% { opacity: 1; translate: none; rotate: 0deg; filter: blur(0); }
}
@keyframes mzh-address-sheet-two {
  0% { opacity: 0; translate: var(--mzh-shift) var(--mzh-rise-neg) 115px; rotate: 6deg; filter: blur(4px); }
  100% { opacity: 1; translate: none; rotate: 0deg; filter: blur(0); }
}
@keyframes mzh-address-sheet-three {
  0% { opacity: 0; translate: var(--mzh-shift-neg) var(--mzh-rise) 80px; rotate: -5deg; filter: blur(3px); }
  100% { opacity: 1; translate: none; rotate: 0deg; filter: blur(0); }
}
@keyframes mzh-address-sheet-four {
  0% { opacity: 0; translate: var(--mzh-shift) var(--mzh-rise) 45px; rotate: 4deg; filter: blur(2px); border-color: rgba(23,35,43,.24); border-left-color: var(--mzh-turq); }
  72% { opacity: 1; translate: none; rotate: 0deg; filter: blur(0); border-color: rgba(23,35,43,.24); border-left-color: var(--mzh-turq); }
  100% { opacity: 1; translate: none; rotate: 0deg; filter: blur(0); border-color: var(--mzh-turq); }
}

/* 8. Five abacus rows travel different distances and settle before the total line. */
.js [data-motion="mzh-distance-abacus"] .mzh-estimate-photo {
  animation: mzh-abacus-photo-open 1.04s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-estimate-board {
  animation: mzh-abacus-board-set .9s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus > div:nth-child(1) b {
  animation: mzh-abacus-row-one .92s cubic-bezier(.3,.02,.24,1) .32s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus > div:nth-child(2) b {
  animation: mzh-abacus-row-two 1.02s cubic-bezier(.3,.02,.24,1) .42s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus > div:nth-child(3) b {
  animation: mzh-abacus-row-three 1.12s cubic-bezier(.3,.02,.24,1) .52s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus > div:nth-child(4) b {
  animation: mzh-abacus-row-four 1.22s cubic-bezier(.3,.02,.24,1) .62s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus > div:nth-child(5) b {
  animation: mzh-abacus-row-five 1.32s cubic-bezier(.3,.02,.24,1) .72s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-abacus b:nth-child(2) { animation-delay: .12s; }
.js [data-motion="mzh-distance-abacus"] .mzh-abacus b:nth-child(3) { animation-delay: .24s; }
.js [data-motion="mzh-distance-abacus"] .mzh-abacus b:nth-child(4) { animation-delay: .36s; }
.js [data-motion="mzh-distance-abacus"] .mzh-distance-type > span {
  animation: mzh-abacus-distance-type .76s steps(6,end) .78s both paused;
}
.js [data-motion="mzh-distance-abacus"] .mzh-distance-type > i {
  animation: mzh-abacus-distance-rule .88s cubic-bezier(.18,.72,.22,1) .9s both paused;
  transform-origin: left;
}
.js [data-motion="mzh-distance-abacus"] .mzh-estimate-board > .hero-actions {
  animation: mzh-abacus-actions-set .58s steps(4,end) .82s backwards paused;
}

@keyframes mzh-abacus-photo-open {
  0% { opacity: 0; filter: brightness(.5) saturate(.25); clip-path: inset(100% 0 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-abacus-board-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; filter: blur(5px); }
  100% { opacity: 1; translate: none; filter: blur(0); }
}
@keyframes mzh-abacus-row-one {
  0% { translate: 0 0; filter: brightness(.7); }
  100% { translate: 16px 0; filter: brightness(1); }
}
@keyframes mzh-abacus-row-two {
  0% { translate: 0 0; filter: brightness(.7); }
  100% { translate: 30px 0; filter: brightness(1); }
}
@keyframes mzh-abacus-row-three {
  0% { translate: 0 0; filter: brightness(.7); }
  100% { translate: 46px 0; filter: brightness(1); }
}
@keyframes mzh-abacus-row-four {
  0% { translate: 0 0; filter: brightness(.7); }
  100% { translate: 23px 0; filter: brightness(1); }
}
@keyframes mzh-abacus-row-five {
  0% { translate: 0 0; filter: brightness(.7); }
  100% { translate: 38px 0; filter: brightness(1); }
}
@keyframes mzh-abacus-distance-type {
  0% { opacity: 0; filter: blur(8px); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; filter: blur(0); clip-path: inset(0); }
}
@keyframes mzh-abacus-distance-rule {
  0% { opacity: .15; scale: .02 1; }
  100% { opacity: 1; scale: 1; }
}
@keyframes mzh-abacus-actions-set {
  0% { opacity: 0; filter: blur(4px); }
  100% { opacity: 1; filter: blur(0); }
}

/* 9. Six road-book tabs extend once, while an opened summary turns one page. */
.js [data-motion="mzh-index-pages"] .mzh-faq-copy {
  animation: mzh-index-copy-set .88s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-faq-photo {
  animation: mzh-index-photo-open 1.05s cubic-bezier(.16,.78,.22,1) .08s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details {
  animation: mzh-index-details-set .52s ease-out backwards paused;
}
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details:nth-child(2) { animation-delay: .07s; }
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details:nth-child(3) { animation-delay: .14s; }
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details:nth-child(4) { animation-delay: .21s; }
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details:nth-child(5) { animation-delay: .28s; }
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details:nth-child(6) { animation-delay: .35s; }
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(1) {
  animation: mzh-index-tab-one .62s cubic-bezier(.16,.72,.22,1) .26s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(2) {
  animation: mzh-index-tab-two .68s cubic-bezier(.16,.72,.22,1) .34s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(3) {
  animation: mzh-index-tab-three .74s cubic-bezier(.16,.72,.22,1) .42s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(4) {
  animation: mzh-index-tab-four .8s cubic-bezier(.16,.72,.22,1) .5s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(5) {
  animation: mzh-index-tab-five .86s cubic-bezier(.16,.72,.22,1) .58s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-index-tabs > span:nth-child(6) {
  animation: mzh-index-tab-six .92s cubic-bezier(.16,.72,.22,1) .66s both paused;
}
.js [data-motion="mzh-index-pages"] .mzh-faq-list > details[open] > summary {
  animation: mzh-index-page-turn .52s cubic-bezier(.2,.72,.22,1) backwards paused;
  transform-origin: left center;
}

@keyframes mzh-index-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-photo-open {
  0% { opacity: 0; filter: grayscale(1) contrast(1.35); clip-path: inset(0 0 100%); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-index-details-set {
  0% { opacity: 0; translate: 0 var(--mzh-rise); filter: blur(3px); }
  100% { opacity: 1; translate: none; filter: blur(0); }
}
@keyframes mzh-index-tab-one {
  0% { opacity: 0; translate: -34px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-tab-two {
  0% { opacity: 0; translate: -49px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-tab-three {
  0% { opacity: 0; translate: -42px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-tab-four {
  0% { opacity: 0; translate: -58px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-tab-five {
  0% { opacity: 0; translate: -38px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-tab-six {
  0% { opacity: 0; translate: -63px 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-index-page-turn {
  0% { transform: rotateY(-12deg); filter: brightness(.92); }
  100% { transform: rotateY(0); filter: brightness(1); }
}

/* 10. Two labels enter, the envelope flap closes, and the seal is drawn once. */
.mzh-envelope svg circle { stroke-dasharray: 214; stroke-dashoffset: 0; }
.mzh-envelope svg path { stroke-dasharray: 82; stroke-dashoffset: 0; }
.js [data-motion="mzh-envelope-seal"] .mzh-contact-photo {
  animation: mzh-envelope-photo-open 1.05s cubic-bezier(.16,.78,.22,1) both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-contact-copy {
  animation: mzh-envelope-copy-set .9s cubic-bezier(.16,.8,.22,1) .08s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-envelope {
  animation: mzh-envelope-shell-set .72s steps(5,end) .36s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-label-a {
  animation: mzh-envelope-label-a .78s cubic-bezier(.16,.72,.22,1) .54s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-label-b {
  animation: mzh-envelope-label-b .78s cubic-bezier(.16,.72,.22,1) .66s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-envelope::after {
  animation: mzh-envelope-flap-close .92s cubic-bezier(.2,.72,.22,1) .9s both paused;
  transform-origin: top;
}
.js [data-motion="mzh-envelope-seal"] .mzh-envelope > i {
  animation: mzh-envelope-seal-bed .58s ease-out 1.36s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-envelope svg circle {
  animation: mzh-envelope-circle-trace .86s ease-out 1.48s both paused;
}
.js [data-motion="mzh-envelope-seal"] .mzh-envelope svg path {
  animation: mzh-envelope-check-trace .62s ease-out 2.08s both paused;
}

@keyframes mzh-envelope-photo-open {
  0% { opacity: 0; filter: brightness(.5) grayscale(.8); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; filter: none; clip-path: inset(0); }
}
@keyframes mzh-envelope-copy-set {
  0% { opacity: 0; translate: var(--mzh-shift-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-envelope-shell-set {
  0% { opacity: 0; filter: sepia(.8) blur(6px); }
  100% { opacity: 1; filter: none; }
}
@keyframes mzh-envelope-label-a {
  0% { opacity: 0; translate: var(--mzh-run-neg) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-envelope-label-b {
  0% { opacity: 0; translate: var(--mzh-run) 0; }
  100% { opacity: 1; translate: none; }
}
@keyframes mzh-envelope-flap-close {
  0% { clip-path: polygon(0 0, 100% 0, 50% 8%); filter: brightness(1.2); }
  100% { clip-path: polygon(0 0, 100% 0, 50% 82%); filter: brightness(1); }
}
@keyframes mzh-envelope-seal-bed {
  0% { opacity: 0; scale: .2; filter: blur(6px); }
  100% { opacity: 1; scale: 1; filter: blur(0); }
}
@keyframes mzh-envelope-circle-trace {
  0% { stroke-dashoffset: 214; opacity: .2; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes mzh-envelope-check-trace {
  0% { stroke-dashoffset: 82; opacity: .2; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

.js [data-motion^="mzh-"].is-motion-active,
.js [data-motion^="mzh-"].is-motion-active *,
.js [data-motion^="mzh-"].is-motion-active *::before,
.js [data-motion^="mzh-"].is-motion-active *::after {
  animation-play-state: running;
}

@media (max-width: 1080px) {
  [data-motion^="mzh-"] {
    --mzh-shift: 34px;
    --mzh-shift-neg: -34px;
    --mzh-rise: 23px;
    --mzh-rise-neg: -23px;
    --mzh-run: 68px;
    --mzh-run-neg: -68px;
  }

  .js [data-motion="mzh-odometer-horizon"] .mzh-road-strokes > i { animation-duration: 1.8s; }
  .js [data-motion="mzh-address-stack"] .mzh-address-stack > article { animation-duration: .9s; }
}

@media (max-width: 840px) {
  [data-motion^="mzh-"] {
    --mzh-shift: 26px;
    --mzh-shift-neg: -26px;
    --mzh-rise: 18px;
    --mzh-rise-neg: -18px;
    --mzh-run: 52px;
    --mzh-run-neg: -52px;
  }

  .js [data-motion="mzh-atlas-fold"] .mzh-atlas > article { animation-duration: .72s; }
  .js [data-motion="mzh-inventory-path"] .mzh-inventory-tokens > b { animation-duration: 1.7s; }
  .js [data-motion="mzh-distance-abacus"] .mzh-abacus b { animation-duration: 1.15s; }
}

@media (max-width: 560px) {
  [data-motion^="mzh-"] {
    --mzh-shift: 18px;
    --mzh-shift-neg: -18px;
    --mzh-rise: 13px;
    --mzh-rise-neg: -13px;
    --mzh-run: 36px;
    --mzh-run-neg: -36px;
  }

  .js [data-motion="mzh-shoulder-beacon"] .mzh-shoulder-strip > article,
  .js [data-motion="mzh-lenticular-spec"] .mzh-spec-cassette > article,
  .js [data-motion="mzh-index-pages"] .mzh-faq-list > details { animation-duration: .48s; }

  .js [data-motion="mzh-address-stack"] .mzh-address-stack > article { animation-duration: .68s; }
}

@media (max-width: 380px) {
  [data-motion^="mzh-"] {
    --mzh-shift: 12px;
    --mzh-shift-neg: -12px;
    --mzh-rise: 9px;
    --mzh-rise-neg: -9px;
    --mzh-run: 24px;
    --mzh-run-neg: -24px;
  }

  .js [data-motion="mzh-odometer-horizon"] .mzh-hero-copy,
  .js [data-motion="mzh-carbon-handoff"] .mzh-handoff-copy,
  .js [data-motion="mzh-inventory-path"] .mzh-inventory-copy,
  .js [data-motion="mzh-distance-abacus"] .mzh-estimate-board,
  .js [data-motion="mzh-envelope-seal"] .mzh-contact-copy { animation-duration: .72s; }
}

@media (prefers-reduced-motion: reduce) {
  [data-motion^="mzh-"],
  [data-motion^="mzh-"] *,
  [data-motion^="mzh-"] *::before,
  [data-motion^="mzh-"] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .mzh-inventory-tokens > b {
    offset-path: none !important;
    offset-distance: 100% !important;
  }
}