.mzs-hero { position: relative; min-height: max(760px, 100svh); display: grid; align-items: center; padding: calc(var(--mzs-nav-visual-start, var(--mzs-nav-height-start)) + 70px) 0 90px; }
.mzs-hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: center; gap: clamp(44px, 8vw, 118px); }
.mzs-hero-copy h1 { margin: 0; max-width: 900px; font-size: clamp(38px, 3.6vw, var(--mzs-hero-desktop)); font-weight: 570; line-height: .98; letter-spacing: -.07em; text-wrap: balance; }
.mzs-hero-copy h1 span { display: block; color: var(--mzs-title-accent); }
.mzs-hero-copy .mzs-lead { max-width: 720px; margin: 30px 0 0; color: var(--mzs-text-soft); font-size: var(--mzs-lead); line-height: 1.7; }
.mzs-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.mzs-hero-object { position: relative; width: min(100%, 510px); aspect-ratio: 1; display: grid; place-items: center; justify-self: end; }
.mzs-hero-rings { position: absolute; inset: 0; animation: mzs-turn 25s linear infinite; }
.mzs-hero-rings i { position: absolute; inset: 50%; border: 1px solid color-mix(in srgb, var(--mzs-aqua) 24%, transparent); border-radius: 50%; transform: translate(-50%, -50%); }
.mzs-hero-rings i:nth-child(1) { width: 95%; height: 95%; }
.mzs-hero-rings i:nth-child(2) { width: 72%; height: 72%; border-color: color-mix(in srgb, var(--mzs-gold) 28%, transparent); }
.mzs-hero-rings i:nth-child(3) { width: 49%; height: 49%; }
.mzs-hero-rings i:nth-child(4) { width: 22%; height: 22%; background: color-mix(in srgb, var(--mzs-aqua) 5%, transparent); }
.mzs-hero-rings i::before { content: ""; position: absolute; width: 8px; height: 8px; top: -4px; left: 50%; border-radius: 50%; background: var(--mzs-gold); box-shadow: 0 0 24px color-mix(in srgb, var(--mzs-gold) 65%, transparent); }
.mzs-hero-object-core { position: relative; z-index: 2; width: 54%; text-align: center; }
.mzs-hero-object-core small { color: var(--mzs-gold); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.mzs-hero-object-core strong { display: block; margin: 12px 0; font-size: clamp(34px, 4vw, 58px); font-weight: 530; line-height: .92; letter-spacing: -.06em; text-transform: uppercase; }
.mzs-hero-object-core span { display: block; color: var(--mzs-text-soft); font-size:var(--mzs-micro); line-height: 1.65; text-transform: uppercase; letter-spacing: .08em; }
.mzs-hero-code { position: absolute; inset: auto 0 4%; display: flex; justify-content: space-between; color: color-mix(in srgb, var(--mzs-text-soft) 86%, transparent); font-size:var(--mzs-micro); letter-spacing: .12em; text-transform: uppercase; }
.mzs-scroll-cue { position: absolute; left: 50%; bottom: 28px; display: inline-flex; align-items: center; gap: 14px; padding: 8px 12px; border: 1px solid transparent; border-radius: 999px; transform: translateX(-50%); color: var(--mzs-text-soft); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .12em; text-transform: uppercase; transition: color .22s var(--mzs-ease), background-color .22s var(--mzs-ease), border-color .22s var(--mzs-ease), transform .22s var(--mzs-ease), box-shadow .22s var(--mzs-ease); }
.mzs-scroll-cue:hover,.mzs-scroll-cue:focus-visible{color:var(--mzs-text);background:color-mix(in srgb,var(--mzs-hover-surface) 62%,transparent);border-color:color-mix(in srgb,var(--mzs-aqua) 20%,transparent);box-shadow:0 10px 24px rgba(0,12,14,.12);transform:translate(-50%,-1px)}
.mzs-scroll-cue i { width: 36px; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--mzs-gold) 86%, transparent), color-mix(in srgb, var(--mzs-aqua) 78%, transparent)); animation: mzs-pulse-line 1.8s ease-in-out infinite; }
.mzs-scroll-cue:hover i,.mzs-scroll-cue:focus-visible i{background:linear-gradient(90deg,color-mix(in srgb,var(--mzs-aqua) 32%, var(--mzs-gold) 68%),color-mix(in srgb,var(--mzs-aqua) 88%, transparent))}
@keyframes mzs-turn { to { transform: rotate(360deg); } }
@keyframes mzs-pulse-line { 0%,100% { transform: scaleX(.4); opacity: .55; } 50% { transform: scaleX(1); opacity: 1; } }

.mzs-builder-section { min-height: 880px; background: radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--mzs-aqua) 5%, transparent), transparent 34%); }
.mzs-brand-builder { position: relative; min-height: 680px; display: grid; place-items: center; }
.mzs-builder-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.mzs-builder-path { fill: none; stroke: color-mix(in srgb, var(--mzs-line) 52%, transparent); stroke-width: 1; stroke-dasharray: 4 9; transition: stroke var(--mzs-medium), stroke-dasharray var(--mzs-medium), opacity var(--mzs-medium); }
.mzs-builder-path.is-next { stroke: color-mix(in srgb, var(--mzs-gold) 65%, transparent); animation: mzs-dash 2.2s linear infinite; }
.mzs-builder-path.is-complete { stroke: var(--mzs-aqua); stroke-dasharray: none; filter: drop-shadow(0 0 7px color-mix(in srgb, var(--mzs-aqua) 42%, transparent)); }
.mzs-builder-path.is-beaming { stroke: var(--mzs-gold); stroke-width: 2; stroke-dasharray: 16 10; animation: mzs-dash .55s linear infinite; filter: drop-shadow(0 0 8px color-mix(in srgb, var(--mzs-gold) 65%, transparent)); }
.mzs-builder-particle { fill: var(--mzs-aqua); opacity: 0; filter: drop-shadow(0 0 8px var(--mzs-aqua)); }
.mzs-builder-particle.is-beaming { opacity: 1; fill: var(--mzs-gold); }
@keyframes mzs-dash { to { stroke-dashoffset: -52; } }
.mzs-builder-core { position: relative; z-index: 4; width: min(390px, 38vw); aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px; border: 1px solid color-mix(in srgb, var(--mzs-aqua) 45%, transparent); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--mzs-surface-soft) 86%, transparent), color-mix(in srgb, var(--mzs-bg-bottom) 96%, transparent)); text-align: center; box-shadow: 0 0 0 18px color-mix(in srgb, var(--mzs-aqua) 3%, transparent), var(--mzs-shadow); transition: border-radius var(--mzs-slow) var(--mzs-ease), transform var(--mzs-slow) var(--mzs-ease), background var(--mzs-slow); }
.mzs-builder-core.is-receiving { animation: mzs-core-receive var(--mzs-beam-duration) var(--mzs-ease); }
.mzs-builder-core.is-complete { border-radius: var(--mzs-radius-lg); transform: rotate(1deg) scale(1.02); background: linear-gradient(145deg, color-mix(in srgb, var(--mzs-aqua) 15%, var(--mzs-surface)), var(--mzs-bg-bottom)); }
@keyframes mzs-core-receive { 0%,100% { box-shadow: 0 0 0 18px color-mix(in srgb, var(--mzs-aqua) 3%, transparent), var(--mzs-shadow); } 58% { box-shadow: 0 0 0 24px color-mix(in srgb, var(--mzs-gold) 10%, transparent), 0 0 70px color-mix(in srgb, var(--mzs-aqua) 23%, transparent), var(--mzs-shadow); } }
.mzs-builder-system { position: absolute; inset: 11%; border-radius: 50%; pointer-events: none; }
.mzs-builder-system i { position: absolute; left: 50%; top: 50%; width: 32%; height: 1px; transform-origin: left center; transform: rotate(calc(var(--part-index, 0) * 45deg)); background: color-mix(in srgb, var(--mzs-line) 35%, transparent); transition: background var(--mzs-medium), box-shadow var(--mzs-medium), transform var(--mzs-medium); }
.mzs-builder-system i:nth-child(1) { --part-index: 0; }.mzs-builder-system i:nth-child(2) { --part-index: 1; }.mzs-builder-system i:nth-child(3) { --part-index: 2; }.mzs-builder-system i:nth-child(4) { --part-index: 3; }.mzs-builder-system i:nth-child(5) { --part-index: 4; }.mzs-builder-system i:nth-child(6) { --part-index: 5; }.mzs-builder-system i:nth-child(7) { --part-index: 6; }.mzs-builder-system i:nth-child(8) { --part-index: 7; }
.mzs-builder-system i.is-lit { background: linear-gradient(90deg, var(--mzs-gold), var(--mzs-aqua)); box-shadow: 0 0 10px color-mix(in srgb, var(--mzs-aqua) 45%, transparent); transform: rotate(calc(var(--part-index, 0) * 45deg)) scaleX(1.16); }
.mzs-builder-progress { position: absolute; top: 25px; color: var(--mzs-text-soft); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .12em; }
.mzs-builder-core > small { color: var(--mzs-gold); font-size:var(--mzs-micro); font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.mzs-builder-core > strong { margin-top: 12px; font-size: clamp(27px, 3vw, 43px); font-weight: 560; line-height: 1; letter-spacing: -.05em; }
.mzs-builder-core > p { max-width: 300px; margin: 16px 0 0; color: var(--mzs-text-soft); font-size: var(--mzs-small); line-height: 1.62; }
.mzs-builder-dependency { min-height: 42px; color: var(--mzs-aqua); font-size:var(--mzs-micro); font-weight: 650; }
.mzs-builder-advance { margin-top: 17px; padding: 8px 3px; border: 0; border-radius: 10px; background: none; color: var(--mzs-aqua); font-size: var(--mzs-micro); font-weight: 850; cursor: pointer; }
.mzs-builder-advance span { display: inline-block; margin-left: 8px; transition: transform var(--mzs-fast); }
.mzs-builder-advance:hover span { transform: translateX(5px); }
.mzs-builder-steps { position: absolute; inset: 0; }
.mzs-builder-step { position: absolute; z-index: 3; width: 184px; min-height: 80px; display: grid; grid-template-columns: 32px 1fr; align-content: center; gap: 3px 10px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--mzs-line) 62%, transparent); border-radius: 19px; background: color-mix(in srgb, var(--mzs-bg-bottom) 86%, transparent); backdrop-filter: blur(15px); text-align: left; cursor: pointer; transition: transform var(--mzs-medium) var(--mzs-ease), border-color var(--mzs-fast), background var(--mzs-fast), box-shadow var(--mzs-fast), color var(--mzs-fast); }
.mzs-js .mzs-builder-step:not(.is-unlocked) { color: var(--mzs-text-soft); pointer-events: none; }
.mzs-builder-step span { grid-row: 1 / span 2; color: var(--mzs-gold); font-size:var(--mzs-micro); font-weight: 900; letter-spacing: .1em; }
.mzs-builder-step strong { font-size: 14px; font-weight: 740; }
.mzs-builder-step small { color: var(--mzs-text-soft); font-size:var(--mzs-micro); line-height: 1.35; }
.mzs-builder-step > i { position: absolute; right: 12px; bottom: 11px; width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb, var(--mzs-line) 70%, transparent); }
.mzs-builder-step.is-next > i { background: var(--mzs-gold); box-shadow: 0 0 14px var(--mzs-gold); animation: mzs-node-pulse 1.5s ease-in-out infinite; }
.mzs-builder-step:hover,
.mzs-builder-step.is-active { border-color: var(--mzs-aqua); background: color-mix(in srgb, var(--mzs-surface) 94%, transparent); transform: translateY(-4px); box-shadow: 0 16px 36px rgba(0, 12, 14, .22); }
.mzs-builder-step.is-complete { border-color: color-mix(in srgb, var(--mzs-aqua) 62%, transparent); }
.mzs-builder-step.is-complete::after { content: "✓"; position: absolute; right: 10px; top: 8px; color: var(--mzs-aqua); font-size:var(--mzs-micro); }
.mzs-builder-step.is-activating { animation: mzs-node-activate var(--mzs-beam-duration) var(--mzs-ease); }
@keyframes mzs-node-pulse { 0%,100% { transform: scale(.75); opacity: .7; } 50% { transform: scale(1.5); opacity: 1; } }
@keyframes mzs-node-activate { 0%,100% { box-shadow: none; } 45% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--mzs-gold) 10%, transparent), 0 0 36px color-mix(in srgb, var(--mzs-gold) 24%, transparent); } }
.mzs-builder-reset { position: absolute; right: 0; bottom: 0; padding: 7px 3px; border: 0; border-radius: 9px; background: none; color: var(--mzs-text-soft); font-size:12px; font-weight: 700; cursor: pointer; }
.mzs-builder-reset:hover { color: var(--mzs-gold); }
.mzs-builder-status { position: absolute; left: 0; bottom: 0; color: var(--mzs-text-soft); font-size:var(--mzs-micro); }

.mzs-story-section { background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--mzs-surface) 20%, transparent), transparent); }
.mzs-story-stage { display: grid; grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr); gap: clamp(54px, 8vw, 120px); align-items: start; }
.mzs-story-visual { position: sticky; top: calc(var(--mzs-nav-height-scrolled) + 54px); min-height: 560px; display: grid; place-items: center; }
.mzs-story-visual-inner { position: relative; width: min(100%, 500px); aspect-ratio: 1; display: grid; place-content: center; padding: 70px; border: 1px solid color-mix(in srgb, var(--mzs-line) 55%, transparent); border-radius: 50%; text-align: center; background: radial-gradient(circle, color-mix(in srgb, var(--mzs-surface-soft) 40%, transparent), transparent 64%); transition: border-color var(--mzs-medium), box-shadow var(--mzs-medium); }
.mzs-story-visual-inner.is-shifting { border-color: var(--mzs-aqua); box-shadow: 0 0 60px color-mix(in srgb, var(--mzs-aqua) 10%, transparent); }
.mzs-story-visual-inner > span { color: var(--mzs-gold); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.mzs-story-visual-inner > small { margin-top: 14px; color: var(--mzs-text-soft); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.mzs-story-visual-inner > strong { margin-top: 12px; font-size: clamp(28px, 3vw, 46px); font-weight: 560; line-height: 1.02; letter-spacing: -.05em; }
.mzs-story-radar { position: absolute; inset: 10%; border: 1px solid color-mix(in srgb, var(--mzs-aqua) 17%, transparent); border-radius: 50%; }
.mzs-story-radar i { position: absolute; inset: 50% auto auto 50%; transform-origin: 0 0; width: 46%; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--mzs-aqua) 72%, transparent), transparent); }
.mzs-story-radar i:nth-child(1) { transform: rotate(18deg); }.mzs-story-radar i:nth-child(2) { transform: rotate(138deg); }.mzs-story-radar i:nth-child(3) { transform: rotate(258deg); }
.mzs-story-chapter { width:100%; min-height:210px; display:grid; grid-template-columns:52px 1fr; gap:22px; align-content:center; padding:34px 0; border:0; border-bottom:1px solid color-mix(in srgb,var(--mzs-line) 48%,transparent); background:transparent; color:var(--mzs-text-soft); font:inherit; text-align:left; cursor:pointer; transition:color var(--mzs-medium),transform var(--mzs-medium),background var(--mzs-medium); }
.mzs-story-chapter > span:first-child { color: var(--mzs-gold); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .12em; }
.mzs-story-chapter-title { margin: 0; color: var(--mzs-text); font-size: clamp(25px, 3vw, 40px); font-weight: 550; letter-spacing: -.045em; }
.mzs-story-chapter b { display: block; margin-top: 8px; color: var(--mzs-aqua); font-size: 15px; }
.mzs-story-chapter-text { max-width: 680px; margin: 16px 0 0; color: inherit; }
.mzs-story-chapter.is-active { color: var(--mzs-text-soft); transform: translateX(8px); }

.mzs-process-section { background: color-mix(in srgb, var(--mzs-bg-bottom) 62%, transparent); }
.mzs-process-engine { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(44px, 7vw, 100px); align-items: stretch; }
.mzs-process-axis { position: relative; display: grid; }
.mzs-process-axis::before { content: ""; position: absolute; left: 21px; top: 22px; bottom: 22px; width: 1px; background: color-mix(in srgb, var(--mzs-line) 58%, transparent); }
.mzs-process-step { position: relative; z-index: 1; min-height: 62px; display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 12px; padding: 0; border: 0; border-radius: 12px; appearance: none; -webkit-appearance: none; background: transparent; background-color: transparent; background-image: none; box-shadow: none; text-align: left; cursor: pointer; color: var(--mzs-text-soft); transition: color var(--mzs-fast), transform var(--mzs-fast), background var(--mzs-fast), box-shadow var(--mzs-fast); }
.mzs-process-step span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--mzs-line); border-radius: 50%; background: var(--mzs-bg-bottom); color: var(--mzs-gold); font-size:12px; font-weight: 900; }
.mzs-process-step strong { font-size: 16px; font-weight: 700; }
/* Isolate process controls from WordPress/theme button:hover backgrounds.
   The doubled page class intentionally raises specificity without a priority override. */
.mzs-page.mzs-page .mzs-process-step:hover,
.mzs-page.mzs-page .mzs-process-step:focus-visible {
  color: var(--mzs-text);
  transform: translateX(5px);
  background: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 72%, transparent), color-mix(in srgb, var(--mzs-hover-surface-soft) 28%, transparent) 68%, transparent 100%);
  background-color: transparent;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 72%, transparent), color-mix(in srgb, var(--mzs-hover-surface-soft) 28%, transparent) 68%, transparent 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mzs-aqua) 10%, transparent);
}
.mzs-page.mzs-page .mzs-process-step.is-active {
  color: var(--mzs-text);
  transform: translateX(5px);
  background: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 42%, transparent), transparent 82%);
  background-color: transparent;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 42%, transparent), transparent 82%);
  box-shadow: none;
}
.mzs-page.mzs-page .mzs-process-step.is-active:hover,
.mzs-page.mzs-page .mzs-process-step.is-active:focus-visible {
  background: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 76%, transparent), color-mix(in srgb, var(--mzs-hover-surface-soft) 24%, transparent) 72%, transparent 100%);
  background-color: transparent;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--mzs-hover-surface) 76%, transparent), color-mix(in srgb, var(--mzs-hover-surface-soft) 24%, transparent) 72%, transparent 100%);
}
.mzs-process-step.is-active span { border-color: var(--mzs-aqua); background: var(--mzs-aqua); color: #153131; box-shadow: 0 0 0 8px color-mix(in srgb, var(--mzs-aqua) 8%, transparent); }
.mzs-process-output { position: relative; min-height: 460px; display: grid; grid-template-columns: 82px minmax(0, 1fr); align-content: center; gap: 34px; padding: clamp(38px, 6vw, 78px); border: 1px solid color-mix(in srgb, var(--mzs-line) 48%, transparent); border-radius: var(--mzs-radius-lg); background: linear-gradient(135deg, color-mix(in srgb, var(--mzs-surface) 66%, transparent), color-mix(in srgb, var(--mzs-bg-bottom) 86%, transparent)); overflow: hidden; }
.mzs-process-output > span { color: var(--mzs-gold); font-size: clamp(34px, 5vw, 72px); font-weight: 320; letter-spacing: -.08em; }
.mzs-process-output small { color: var(--mzs-text-soft); font-size:var(--mzs-micro); font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.mzs-process-output h3 { margin: 12px 0 0; color:var(--mzs-aqua); -webkit-text-fill-color:currentColor; font-size: clamp(34px, 4vw, 58px); font-weight: 550; letter-spacing: -.055em; }
.mzs-process-output p { max-width: 610px; margin: 20px 0 0; color: var(--mzs-text-soft); font-size: var(--mzs-lead); }
.mzs-process-shape { position: absolute; right: -10%; bottom: -25%; width: 52%; aspect-ratio: 1; opacity: .48; transition: transform var(--mzs-slow) var(--mzs-ease); }
.mzs-process-shape i { position: absolute; inset: 50%; border: 1px solid var(--mzs-aqua); border-radius: 50%; transform: translate(-50%, -50%); transition: width var(--mzs-slow) var(--mzs-ease), height var(--mzs-slow) var(--mzs-ease), border-radius var(--mzs-slow); }
.mzs-process-shape i:nth-child(1) { width: 100%; height: 100%; }.mzs-process-shape i:nth-child(2) { width: 68%; height: 68%; border-color: var(--mzs-gold); }.mzs-process-shape i:nth-child(3) { width: 32%; height: 32%; }
.mzs-process-shape.is-shifting { filter: drop-shadow(0 0 16px color-mix(in srgb, var(--mzs-aqua) 28%, transparent)); }



@media (min-width:901px) and (min-height:780px){
  .mzs-story-stage{position:relative}
  .mzs-story-visual{
    top:calc(var(--mzs-nav-height-scrolled) + 38px);
    transform:translateY(var(--mzs-story-drift,0px));
    will-change:transform;
  }
}
@media (min-width:901px) and (max-height:779px){
  .mzs-story-visual{
    position:relative;
    top:auto;
    min-height:500px;
    transform:none;
  }
}

/* Chapter-tracked desktop storytelling. */
@media (min-width:901px){
  .mzs-story-stage{
    position:relative;
    align-items:start;
  }
  .mzs-story-visual{
    position:relative;
    top:auto;
    align-self:start;
    transform:none;
    z-index:2;
  }
  .mzs-story-stage::after{
    content:"";
    position:absolute;
    left:calc(41% - 14px);
    top:var(--mzs-story-link-y,120px);
    width:clamp(54px,7vw,112px);
    height:1px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--mzs-aqua) 66%,transparent),transparent);
    transform:translateY(-50%);
    opacity:.72;
    pointer-events:none;
    transition:top 720ms var(--mzs-ease),opacity 280ms;
  }
  .mzs-story-chapter{
    position:relative;
    opacity:.62;
    transform:none;
    transition:opacity 360ms var(--mzs-ease),transform 520ms var(--mzs-ease),color 360ms,border-color 360ms;
  }
  .mzs-story-chapter::before{
    content:"";
    position:absolute;
    left:-18px;
    top:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--mzs-aqua);
    opacity:0;
    transform:translateY(-50%) scale(.35);
    transition:opacity 320ms,transform 420ms var(--mzs-ease);
  }
  .mzs-story-chapter.is-active{
    opacity:1;
    color:var(--mzs-text);
    transform:translateX(14px);
    border-bottom-color:color-mix(in srgb,var(--mzs-aqua) 44%,transparent);
  }
  .mzs-story-chapter.is-active::before{
    opacity:1;
    transform:translateY(-50%) scale(1);
  }
  .mzs-story-chapter.is-active h3{color:var(--mzs-aqua)}
  .mzs-story-chapter.is-active p{color:var(--mzs-text-soft)}
}
@media (prefers-reduced-motion:reduce){
  .mzs-story-visual,.mzs-story-stage::after,.mzs-story-chapter{transition:none}
}

/* Reveal-safe tracking: move the visual core, not the reveal wrapper. */
@media (min-width:901px){
  .mzs-story-visual-inner{
    transform:translate3d(0,var(--mzs-story-track,0px),0);
    transition:transform 720ms var(--mzs-ease),border-color var(--mzs-medium),box-shadow var(--mzs-medium);
    will-change:transform;
  }
}

.mzs-story-chapter:focus-visible{outline:0;background:color-mix(in srgb,var(--mzs-hover-surface) 58%,transparent);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mzs-aqua) 72%,transparent)}

.mzs-view-bridge{width:min(100%,var(--mzs-shell));margin:clamp(30px,4vw,52px) auto 0;padding:20px 0;border-top:1px solid color-mix(in srgb,var(--mzs-line) 34%,transparent);display:flex;align-items:center;justify-content:space-between;gap:24px}.mzs-view-bridge p{max-width:56ch;margin:0;color:var(--mzs-text-soft);font-size:14px;line-height:1.6}.mzs-view-bridge .mzs-action{flex:0 0 auto}.mzs-view-bridge-archive{margin-top:clamp(58px,7vw,92px)}
@media(max-width:760px){.mzs-view-bridge{display:grid;justify-items:center;text-align:center}.mzs-view-bridge p{max-width:34ch}.mzs-view-bridge .mzs-action{justify-self:center}}