/* Mobile homepage — one canonical, touch-first story. Desktop has its own composition. */
.mzs-mobile-experience{display:none}

@media (max-width:760px), (max-width:900px) and (max-height:520px){
  .mzs-mobile-experience{
    --mzs-mobile-reading:38ch;
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    max-width:100%;
    padding-top:var(--mzs-nav-visual-start,var(--mzs-nav-height-mobile));
    overflow-x:clip;
    background:linear-gradient(180deg,var(--mzs-bg-top),var(--mzs-bg-mid) 48%,var(--mzs-bg-bottom));
  }
  .mzs-mobile-experience::before{
    content:"";
    position:absolute;
    left:50%;
    top:72vh;
    bottom:6vh;
    width:1px;
    transform:translateX(-50%);
    background:linear-gradient(transparent,color-mix(in srgb,var(--mzs-aqua) 24%,transparent) 12%,color-mix(in srgb,var(--mzs-gold) 18%,transparent) 78%,transparent);
    pointer-events:none;
  }

  .mzs-mobile-scene{
    position:relative;
    width:100%;
    min-width:0;
    display:grid;
    align-content:start;
    justify-items:center;
    padding:clamp(76px,19vw,98px) 20px clamp(82px,20vw,106px);
    border-top:1px solid color-mix(in srgb,var(--mzs-line) 27%,transparent);
    text-align:center;
    scroll-margin-top:calc(var(--mzs-nav-visual-start,var(--mzs-nav-height-mobile)) + 10px);
    isolation:isolate;
  }
  .mzs-mobile-scene:first-child{border-top:0}
  .mzs-mobile-scene>*{min-width:0;max-width:100%}
  .mzs-mobile-scene::before{
    content:"";
    position:absolute;
    left:50%;
    top:28px;
    width:min(72vw,330px);
    aspect-ratio:1;
    transform:translateX(-50%);
    border:1px solid color-mix(in srgb,var(--mzs-aqua) 8%,transparent);
    border-radius:50%;
    opacity:.45;
    pointer-events:none;
    z-index:-1;
  }
  .mzs-mobile-scene-header{
    width:min(100%,560px);
    display:grid;
    justify-items:center;
    margin:0 auto clamp(32px,9vw,46px);
  }
  .mzs-mobile-scene :is(h1,h2,h3){
    color:var(--mzs-text);
    -webkit-text-fill-color:currentColor;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
  }
  .mzs-mobile-scene .mzs-title-accent{color:var(--mzs-title-accent);-webkit-text-fill-color:var(--mzs-title-accent)}
  .mzs-mobile-scene h2{
    width:100%;
    max-width:13ch;
    margin:10px auto 0;
    font-size:clamp(38px,10.6vw,var(--mzs-section-mobile));
    font-weight:590;
    line-height:.98;
    letter-spacing:-.052em;
  }
  .mzs-mobile-hero h2{max-width:11ch;font-size:clamp(46px,12.4vw,var(--mzs-hero-mobile));line-height:.94;letter-spacing:-.062em}
  .mzs-mobile-scene>p,.mzs-mobile-scene-header>p:last-child{
    width:min(100%,var(--mzs-mobile-reading));
    margin:18px auto 0;
    color:var(--mzs-text-soft);
    font-size:clamp(17.5px,4.65vw,19px);
    line-height:1.68;
  }
  .mzs-mobile-experience .mzs-eyebrow{
    margin:0;
    color:var(--mzs-gold);
    font-size:14px;
    font-weight:900;
    letter-spacing:.13em;
    text-align:center;
    text-transform:uppercase;
  }

  .mzs-mobile-hero{
    min-height:calc(100svh - var(--mzs-nav-visual-start,var(--mzs-nav-height-mobile)));
    align-content:center;
    padding-top:40px;
    padding-bottom:82px;
  }
  .mzs-mobile-hero-actions{display:grid;justify-items:center;gap:14px;margin-top:28px}
  .mzs-mobile-history-link{display:inline-flex;align-items:center;gap:10px;color:var(--mzs-aqua);font-size:15px;font-weight:780}
  .mzs-mobile-history-link span{font-size:19px}
  .mzs-mobile-scene-orbit,.mzs-mobile-contact-orbit{
    position:relative;
    width:min(46vw,188px);
    aspect-ratio:1;
    margin-bottom:22px;
    border:1px solid color-mix(in srgb,var(--mzs-aqua) 32%,transparent);
    border-radius:50%;
  }
  .mzs-mobile-scene-orbit::before,.mzs-mobile-contact-orbit::before{content:"";position:absolute;inset:18%;border:1px solid color-mix(in srgb,var(--mzs-gold) 42%,transparent);border-radius:50%}
  .mzs-mobile-scene-orbit i,.mzs-mobile-contact-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--mzs-aqua)}
  .mzs-mobile-scene-orbit i:nth-child(1){left:10%;top:46%}.mzs-mobile-scene-orbit i:nth-child(2){right:18%;top:17%;background:var(--mzs-gold)}.mzs-mobile-scene-orbit i:nth-child(3){right:12%;bottom:20%}

  /* One native swipe pattern for every story deck. */
  .mzs-mobile-swipe-shell{width:100%;max-width:100%;margin-inline:0;overflow:hidden}
  .mzs-mobile-swipe-track{
    display:flex;
    gap:14px;
    width:100%;
    margin:0;
    padding:4px 6% 10px;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:6%;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
  }
  .mzs-mobile-swipe-track::-webkit-scrollbar{display:none}
  .mzs-mobile-swipe-track>[data-mobile-swipe-card]{
    flex:0 0 var(--mzs-mobile-swipe-card);
    min-width:0;
    scroll-snap-align:center;
    scroll-snap-stop:normal;
  }
  .mzs-mobile-swipe-meta{
    width:min(100% - 40px,390px);
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin:10px auto 0;
    color:var(--mzs-text-soft);
    font-size:14px;
    font-weight:760;
  }
  .mzs-mobile-swipe-next{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:0;
    border:0;
    background:transparent;
    background-image:none;
    color:var(--mzs-aqua);
    font:inherit;
    font-size:16px;
    font-weight:850;
    cursor:pointer;
    box-shadow:none;
  }
  .mzs-mobile-swipe-next i{font-style:normal;font-size:22px;line-height:1;transition:transform .2s var(--mzs-ease)}
  .mzs-mobile-swipe-next:not(:disabled):active i{transform:translateX(4px)}
  .mzs-mobile-swipe-next:disabled{opacity:.42;cursor:default}
  .mzs-mobile-swipe-meta b{color:var(--mzs-gold);font-weight:900}

  /* Builder — center first, choices as a calm horizontal sequence. */
  .mzs-mobile-chapter-core{
    position:relative;
    width:min(72vw,300px);
    aspect-ratio:1;
    display:grid;
    place-content:center;
    justify-items:center;
    padding:38px;
    border:1px solid color-mix(in srgb,var(--mzs-aqua) 32%,transparent);
    border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--mzs-aqua) 9%,transparent),transparent 68%);
    text-align:center;
    transition:opacity .25s var(--mzs-ease),transform .25s var(--mzs-ease),border-color .25s;
  }
  .mzs-mobile-chapter-core::after{content:"";position:absolute;inset:14%;border:1px solid color-mix(in srgb,var(--mzs-gold) 24%,transparent);border-radius:50%}
  .mzs-mobile-chapter-core>*{position:relative;z-index:1}
  .mzs-mobile-chapter-core>span{color:var(--mzs-gold);font-size:14px;font-weight:900;letter-spacing:.13em}
  .mzs-mobile-chapter-core>strong{max-width:9ch;margin-top:10px;color:var(--mzs-text);font-size:clamp(28px,8vw,36px);line-height:1;letter-spacing:-.045em}
  .mzs-mobile-chapter-core>small{max-width:20ch;margin-top:11px;color:var(--mzs-aqua);font-size:14px;font-weight:760;line-height:1.35;letter-spacing:.07em;text-transform:uppercase}
  .mzs-mobile-chapter-core.is-switching{opacity:.62;transform:scale(.988);border-color:var(--mzs-aqua)}
  .mzs-mobile-builder-scene .mzs-mobile-swipe-shell{margin-top:32px}

  /* Shared card language: airy, translucent and green on interaction. */
  .mzs-page.mzs-page :is(.mzs-mobile-chapter-list button,.mzs-mobile-motion-tabs button,.mzs-mobile-diagnosis-list button,.mzs-mobile-capability-strip button){
    min-height:148px;
    display:grid;
    align-content:center;
    justify-items:center;
    gap:10px;
    padding:24px 20px;
    border:1px solid color-mix(in srgb,var(--mzs-line) 28%,transparent);
    border-radius:20px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--mzs-surface) 16%,transparent),transparent 80%);
    background-image:linear-gradient(145deg,color-mix(in srgb,var(--mzs-surface) 16%,transparent),transparent 80%);
    color:var(--mzs-text);
    text-align:center;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    transition:border-color .22s,background .22s,transform .22s,box-shadow .22s;
  }
  .mzs-page.mzs-page :is(.mzs-mobile-chapter-list button,.mzs-mobile-motion-tabs button,.mzs-mobile-diagnosis-list button,.mzs-mobile-capability-strip button):is(:hover,:focus,:focus-visible,:active),
  .mzs-page.mzs-page :is(.mzs-mobile-chapter-list button,.mzs-mobile-motion-tabs button,.mzs-mobile-diagnosis-list button,.mzs-mobile-capability-strip button):is(.is-active,.is-selected,.is-swipe-current){
    border-color:color-mix(in srgb,var(--mzs-aqua) 48%,transparent);
    background:linear-gradient(145deg,color-mix(in srgb,var(--mzs-hover-surface) 62%,transparent),color-mix(in srgb,var(--mzs-surface) 18%,transparent));
    background-image:linear-gradient(145deg,color-mix(in srgb,var(--mzs-hover-surface) 62%,transparent),color-mix(in srgb,var(--mzs-surface) 18%,transparent));
    color:var(--mzs-text);
    box-shadow:0 14px 36px rgba(0,12,14,.13);
  }
  .mzs-page.mzs-page :is(.mzs-mobile-chapter-list button,.mzs-mobile-motion-tabs button,.mzs-mobile-diagnosis-list button,.mzs-mobile-capability-strip button):focus-visible{outline:2px solid color-mix(in srgb,var(--mzs-aqua) 62%,transparent);outline-offset:3px}
  .mzs-mobile-chapter-list button>span,.mzs-mobile-motion-tabs button>span,.mzs-mobile-diagnosis-list button>span,.mzs-mobile-capability-strip button>span{color:var(--mzs-gold);font-size:14px;font-weight:900;letter-spacing:.11em}
  .mzs-mobile-chapter-list button strong,.mzs-mobile-motion-tabs button strong,.mzs-mobile-diagnosis-list button strong,.mzs-mobile-capability-strip button strong{display:block;max-width:18ch;color:var(--mzs-text);font-size:clamp(20px,5.6vw,24px);line-height:1.16;letter-spacing:-.025em}
  .mzs-mobile-chapter-list button small{display:block;max-width:26ch;color:var(--mzs-text-soft);font-size:14px;line-height:1.45}
  .mzs-mobile-chapter-list button i,.mzs-mobile-motion-tabs button i,.mzs-mobile-diagnosis-list button i,.mzs-mobile-capability-strip button i{color:var(--mzs-aqua);font-style:normal;font-size:20px}

  /* Brand in motion. */
  .mzs-mobile-motion-stage{width:100%;display:grid;justify-items:center;gap:30px}
  .mzs-mobile-motion-core{
    width:min(100%,520px);
    display:grid;
    justify-items:center;
    padding:34px 24px;
    border:1px solid color-mix(in srgb,var(--mzs-aqua) 22%,transparent);
    border-radius:var(--mzs-radius-panel,28px);
    background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--mzs-aqua) 10%,transparent),transparent 60%);
    text-align:center;
  }
  .mzs-mobile-motion-core>span{color:var(--mzs-gold);font-size:14px;font-weight:900;letter-spacing:.13em}
  .mzs-mobile-motion-core>strong{max-width:12ch;margin-top:10px;color:var(--mzs-text);font-size:clamp(30px,8.4vw,38px);line-height:1;letter-spacing:-.045em}
  .mzs-mobile-motion-core>p{max-width:32ch;margin:16px auto 0;color:var(--mzs-text-soft);font-size:17px;line-height:1.65}
  .mzs-mobile-motion-core>.mzs-action{margin-top:20px}

  /* Process. */
  .mzs-mobile-process-card{
    min-height:300px;
    display:grid;
    align-content:center;
    justify-items:center;
    padding:30px 24px;
    border:1px solid color-mix(in srgb,var(--mzs-line) 34%,transparent);
    border-radius:26px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--mzs-surface) 22%,transparent),transparent 76%);
    text-align:center;
    transition:border-color .22s,background .22s,transform .22s;
  }
  .mzs-mobile-process-card.is-swipe-current{border-color:color-mix(in srgb,var(--mzs-aqua) 42%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--mzs-hover-surface) 42%,transparent),transparent 78%)}
  .mzs-mobile-process-card>span{color:var(--mzs-gold);font-size:14px;font-weight:900;letter-spacing:.12em}
  .mzs-mobile-process-card h3{max-width:12ch;margin:14px auto 0;font-size:clamp(28px,7.8vw,36px);line-height:1.04;letter-spacing:-.04em}
  .mzs-mobile-process-card p{max-width:30ch;margin:16px auto 0;color:var(--mzs-text-soft);font-size:17px;line-height:1.64}
  .mzs-mobile-process-card>i{margin-top:20px;color:var(--mzs-aqua);font-style:normal;font-size:20px}

  /* Diagnosis. */
  .mzs-mobile-needs-layout,.mzs-mobile-capability-deck{width:100%;display:grid;justify-items:center;gap:26px}
  .mzs-mobile-inline-result{
    width:min(100%,520px);
    display:grid;
    justify-items:center;
    margin-top:4px;
    padding:28px 22px;
    border:1px solid color-mix(in srgb,var(--mzs-aqua) 22%,transparent);
    border-radius:26px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--mzs-hover-surface) 38%,transparent),color-mix(in srgb,var(--mzs-bg-bottom) 46%,transparent));
    text-align:center;
  }
  .mzs-mobile-inline-result>small,.mzs-mobile-selection>small,
  .mzs-mobile-inline-result h3{max-width:13ch;margin:12px auto 0;font-size:clamp(28px,7.8vw,36px);line-height:1.05;letter-spacing:-.04em}
  .mzs-mobile-inline-result>p{max-width:32ch;margin:15px auto 0;color:var(--mzs-text-soft);font-size:17px;line-height:1.64}
  .mzs-mobile-inline-result>[data-mobile-diagnosis-path]{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px}
  .mzs-mobile-inline-result>[data-mobile-diagnosis-path] span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--mzs-aqua) 28%,transparent);border-radius:var(--mzs-radius-pill,999px);color:var(--mzs-aqua);font-size:14px;font-weight:750}
  .mzs-mobile-inline-result>.mzs-action{margin-top:22px}
  .mzs-mobile-future{width:100%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--mzs-line) 34%,transparent);text-align:center}
  .mzs-mobile-future>div{display:grid;justify-items:center;gap:7px;min-width:0}.mzs-mobile-future small{color:var(--mzs-gold);font-size:14px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.mzs-mobile-future p{margin:0;color:var(--mzs-text-soft);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.mzs-mobile-future>i{align-self:center;color:var(--mzs-aqua);font-style:normal}

  /* Capabilities. */
  .mzs-page.mzs-page .mzs-mobile-capability-strip button{min-height:270px}
  .mzs-mobile-capability-text{max-width:29ch;margin:4px auto 0;color:var(--mzs-text-soft);font-size:16.5px;line-height:1.58}
  .mzs-mobile-selection{width:min(100%,520px);display:grid;justify-items:center;margin-top:2px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--mzs-line) 34%,transparent);text-align:center}
  
  .mzs-mobile-selection [data-mobile-selection-items]{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px}
  .mzs-mobile-selection [data-mobile-selection-items] span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--mzs-aqua) 26%,transparent);border-radius:var(--mzs-radius-pill,999px);color:var(--mzs-aqua);font-size:14px}
  .mzs-mobile-selection>.mzs-action{margin-top:22px}

  /* Projects — the same chronological ecosystem story as desktop, swipe-first on mobile. */
  .mzs-mobile-project{display:grid;align-content:center;justify-items:center;padding:28px 20px;text-align:center}
  .mzs-mobile-project.is-swipe-current,.mzs-mobile-project.is-active{border:0}
  .mzs-mobile-ecosystem-stage-items{width:100%;display:grid;grid-template-columns:1fr;gap:22px;justify-items:center}
  .mzs-mobile-ecosystem-stage.is-pair .mzs-mobile-ecosystem-stage-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .mzs-mobile-ecosystem-brand{width:100%;display:grid;justify-items:center;align-content:start;min-width:0}
  .mzs-mobile-project-link{width:100%;display:grid;justify-items:center;color:var(--mzs-text);text-decoration:none}
  .mzs-mobile-project-logo-wrap{position:relative;width:100%;height:116px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;background:transparent;border:0;box-shadow:none}
  .mzs-mobile-project-logo-wrap::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:92px;height:92px;translate:-50% -50%;border:1px solid color-mix(in srgb,var(--mzs-aqua) 22%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mzs-aqua) 8%,transparent),transparent 70%);box-shadow:0 0 24px color-mix(in srgb,var(--mzs-aqua) 9%,transparent)}
  .mzs-mobile-project-logo-wrap img,.mzs-mobile-project-logo-wrap .mzs-project-logo-plain{display:block;width:auto;height:auto;max-width:min(218px,86%);max-height:94px;object-fit:contain;background:transparent;border:0;box-shadow:none;filter:none}
  .mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap{height:132px}
  .mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap::after{width:118px;height:118px;border-color:color-mix(in srgb,var(--mzs-gold) 38%,transparent);box-shadow:0 0 38px color-mix(in srgb,var(--mzs-aqua) 20%,transparent)}
  .mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap img,.mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap .mzs-project-logo-plain{max-width:254px;max-height:122px}
  .mzs-mobile-ecosystem-stage.is-pair .mzs-mobile-project-logo-wrap{height:100px;margin-bottom:14px}.mzs-mobile-ecosystem-stage.is-pair .mzs-mobile-project-logo-wrap::after{width:76px;height:76px}.mzs-mobile-ecosystem-stage.is-pair .mzs-mobile-project-logo-wrap img{max-width:128px;max-height:78px}
  .mzs-mobile-project-logo-wrap .mzs-project-mark-plain{font-size:42px}.mzs-mobile-project-mark{display:block;margin:0 0 18px;color:var(--mzs-text);font-size:42px;font-weight:850;line-height:1}
  .mzs-mobile-project-empty>small{margin-bottom:8px;color:var(--mzs-gold);font-size:13px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mzs-mobile-project-empty>.mzs-action{margin-top:20px}
  .mzs-mobile-project h3{max-width:15ch;margin:0 auto;font-size:clamp(26px,7.4vw,34px);line-height:1.05;letter-spacing:-.04em}
  .mzs-mobile-ecosystem-stage.is-pair h3{font-size:clamp(20px,5.8vw,25px)}
  .mzs-mobile-project p{max-width:31ch;margin:12px auto 0;color:var(--mzs-text-soft);font-size:15px;line-height:1.6;text-wrap:pretty}.mzs-mobile-ecosystem-stage.is-pair p{max-width:18ch;font-size:13px;line-height:1.52}
  .mzs-mobile-project-link:is(:hover,:focus-visible) h3{color:var(--mzs-aqua)}.mzs-mobile-project-link:focus-visible{outline:1px solid color-mix(in srgb,var(--mzs-aqua) 58%,transparent);outline-offset:8px;border-radius:22px}
  .mzs-mobile-ecosystem-finish{width:min(100%,360px);min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px auto 0;padding:8px 10px 8px 18px;border:1px solid color-mix(in srgb,var(--mzs-gold) 42%,transparent);border-radius:999px;color:var(--mzs-text);font-size:14px;font-weight:820}.mzs-mobile-ecosystem-finish[hidden]{display:none!important}.mzs-mobile-ecosystem-finish span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--mzs-aqua) 12%,transparent);color:var(--mzs-aqua)}
  .mzs-mobile-projects-scene.is-ecosystem-complete [data-mobile-ecosystem-track-shell]{display:none}.mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy{margin:18px 0 20px 50%;translate:-50% 0}.mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy .mzs-ecosystem-replay{bottom:-14px}
  .mzs-mobile-ecosystem-modal-shell h2{font-size:clamp(34px,10vw,48px);line-height:1;letter-spacing:-.05em}.mzs-mobile-ecosystem-modal-shell>p{margin:0;color:var(--mzs-text-soft);font-size:17px;line-height:1.65}.mzs-mobile-ecosystem-modal-shell>small{display:block;margin-top:18px;color:var(--mzs-text-soft);font-size:14px;line-height:1.5;opacity:.78}

  /* Contact ending. */
  .mzs-mobile-contact-scene{padding-bottom:calc(176px + env(safe-area-inset-bottom))}
  .mzs-mobile-contact-scene>h2{max-width:11ch}
  .mzs-mobile-contact-scene>.mzs-action{margin-top:28px}
  .mzs-mobile-direct{width:min(100%,520px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:26px}
  .mzs-mobile-direct a{max-width:100%;color:var(--mzs-aqua);font-size:15.5px;font-weight:760;text-decoration:none;overflow-wrap:anywhere}

  .mzs-mobile-experience .mzs-action{min-height:52px;font-size:15.5px}
  .mzs-mobile-experience .mzs-action>[aria-hidden="true"]{width:36px;height:36px;flex-basis:36px}
}

@media (max-width:370px){
  .mzs-mobile-experience{--mzs-mobile-swipe-card:min(84vw,330px)}
  .mzs-mobile-scene{padding-inline:18px}
  .mzs-mobile-scene h2{font-size:clamp(36px,10.5vw,42px)}
  .mzs-mobile-hero h2{font-size:clamp(43px,12.5vw,50px)}
  .mzs-mobile-scene>p,.mzs-mobile-scene-header>p:last-child{font-size:17px}
  .mzs-mobile-future{grid-template-columns:1fr;gap:11px}.mzs-mobile-future>i{transform:rotate(90deg);justify-self:center}
  .mzs-mobile-direct{flex-direction:column;align-items:center}
}

@media (max-width:900px) and (max-height:520px){
  .mzs-mobile-experience{--mzs-mobile-swipe-card:min(62vw,390px)}
  .mzs-mobile-scene{padding:58px 42px 70px}
  .mzs-mobile-hero{min-height:calc(100svh - var(--mzs-nav-visual-start,var(--mzs-nav-height-mobile)));padding:24px 86px 34px}
  .mzs-mobile-scene h2{font-size:34px}.mzs-mobile-hero h2{font-size:42px}
}

@media (prefers-reduced-motion:reduce){
  .mzs-mobile-experience *{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}
}

/* Mobile ecosystem finale and collision-safe galaxy. */
@media (max-width:760px), (max-width:900px) and (max-height:520px){
  .mzs-mobile-projects-scene::after{content:"";position:absolute;left:50%;top:18%;width:min(100%,440px);aspect-ratio:1;translate:-50% 0;border:1px solid color-mix(in srgb,var(--mzs-aqua) 9%,transparent);border-radius:50%;pointer-events:none;z-index:-1}
  .mzs-mobile-projects-scene .mzs-mobile-swipe-shell{position:relative;padding-top:20px}
  .mzs-mobile-project{min-height:430px;border:1px solid color-mix(in srgb,var(--mzs-line) 18%,transparent);border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--mzs-bg-mid) 26%,transparent),color-mix(in srgb,var(--mzs-bg-bottom) 24%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 3%,transparent)}
  .mzs-mobile-project.is-swipe-current,.mzs-mobile-project.is-active{border-color:color-mix(in srgb,var(--mzs-aqua) 28%,transparent);background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--mzs-aqua) 9%,transparent),transparent 42%),linear-gradient(150deg,color-mix(in srgb,var(--mzs-bg-mid) 32%,transparent),color-mix(in srgb,var(--mzs-bg-bottom) 26%,transparent));box-shadow:0 16px 46px rgba(0,10,12,.15),inset 0 0 0 1px color-mix(in srgb,var(--mzs-aqua) 5%,transparent)}
  .mzs-mobile-project-logo-wrap img,.mzs-mobile-project-logo-wrap .mzs-project-logo-plain{border-radius:32px}
  .mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap img,.mzs-mobile-ecosystem-stage[data-stage-key="zsm"] .mzs-mobile-project-logo-wrap .mzs-project-logo-plain{border-radius:38px;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--mzs-aqua) 20%,transparent))}
  .mzs-mobile-ecosystem-finish{border-color:color-mix(in srgb,var(--mzs-gold) 48%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--mzs-gold) 7%,var(--mzs-bg-bottom)),color-mix(in srgb,var(--mzs-bg-bottom) 86%,transparent));box-shadow:0 10px 30px rgba(0,10,12,.14)}
  .mzs-mobile-ecosystem-finish:active{scale:.985}
  .mzs-mobile-projects-scene.is-ecosystem-finalizing [data-mobile-ecosystem-track-shell]{opacity:0;pointer-events:none;transition:opacity .28s}
  .mzs-mobile-ecosystem-climax{position:relative;min-height:440px;display:grid;align-content:center;justify-items:center;margin:8px auto 0;text-align:center;opacity:0;scale:.92;transition:opacity .38s var(--mzs-ease),scale .58s var(--mzs-ease)}
  .mzs-mobile-ecosystem-climax[hidden]{display:none!important}.mzs-mobile-ecosystem-climax.is-visible{opacity:1;scale:1}.mzs-mobile-ecosystem-climax.is-exiting{opacity:0;scale:1.04}
  .mzs-mobile-ecosystem-climax-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--mzs-aqua) 17%,transparent);border-radius:50%;pointer-events:none}.mzs-mobile-ecosystem-climax-ring.is-a{width:min(74vw,330px)}.mzs-mobile-ecosystem-climax-ring.is-b{width:min(94vw,420px);border-style:dashed;border-color:color-mix(in srgb,var(--mzs-gold) 24%,transparent)}
  .mzs-mobile-ecosystem-climax-logo{position:relative;z-index:2;width:min(54vw,220px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:18px}.mzs-mobile-ecosystem-climax-logo::before{content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mzs-aqua) 24%,transparent),transparent 70%);filter:blur(10px);animation:mzsMobileClimaxPulse 1.7s ease-in-out infinite}
  .mzs-mobile-ecosystem-climax-logo img,.mzs-mobile-ecosystem-climax-logo .mzs-project-mark-plain{display:block;width:100%;height:100%;object-fit:contain;border-radius:30%;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--mzs-aqua) 24%,transparent))}
  .mzs-mobile-ecosystem-climax>small{position:relative;z-index:2;color:var(--mzs-gold);font-size:13px;font-weight:900;letter-spacing:.13em}.mzs-mobile-ecosystem-climax>strong{position:relative;z-index:2;margin-top:7px;color:var(--mzs-text);font-size:34px;line-height:1;font-weight:650;letter-spacing:-.045em}
  .mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy{width:min(100%,440px)}
  .mzs-mobile-projects-scene .mzs-ecosystem-galaxy-item.is-project{width:66px}.mzs-mobile-projects-scene .mzs-ecosystem-galaxy-item.is-satellite{width:34px}.mzs-mobile-projects-scene .mzs-ecosystem-galaxy-item.is-core{width:172px}
  .mzs-mobile-projects-scene .mzs-ecosystem-galaxy-item.is-satellite strong{display:none}
  .mzs-mobile-ecosystem-modal-shell{border-color:color-mix(in srgb,var(--mzs-gold) 30%,transparent)!important;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--mzs-aqua) 12%,transparent),transparent 32%),linear-gradient(150deg,var(--mzs-bg-mid),var(--mzs-bg-bottom))!important;box-shadow:0 30px 100px rgba(0,7,9,.48)!important}
  .mzs-mobile-ecosystem-modal-shell header>small{color:var(--mzs-gold)!important;font-size:14px!important;letter-spacing:.12em}
  .mzs-page.mzs-page .mzs-mobile-ecosystem-close{place-items:center}
  .mzs-page.mzs-page .mzs-mobile-ecosystem-close:focus-visible,.mzs-page.mzs-page .mzs-mobile-ecosystem-close:active{border-color:var(--mzs-gold);color:var(--mzs-gold);outline:none}
}
@keyframes mzsMobileClimaxPulse{0%,100%{opacity:.7;scale:.95}50%{opacity:1;scale:1.08}}
@media(prefers-reduced-motion:reduce){.mzs-mobile-ecosystem-climax-logo::before{animation:none}.mzs-mobile-ecosystem-climax{transition:none}}

/* Mobile ecosystem achievement finale. */
@media (max-width:760px), (max-width:900px) and (max-height:520px){

  .mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy .mzs-ecosystem-galaxy-item.is-core{width:184px}.mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy .mzs-ecosystem-galaxy-item.is-core .mzs-ecosystem-galaxy-logo{border-radius:40px;overflow:hidden}.mzs-mobile-projects-scene .mzs-mobile-ecosystem-galaxy .mzs-ecosystem-galaxy-item.is-core img{border-radius:40px}
  .mzs-mobile-ecosystem-modal-shell{position:relative;overflow:hidden;padding:22px 20px 24px;border-radius:28px}
  .mzs-mobile-ecosystem-modal-shell::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 22%,color-mix(in srgb,var(--mzs-aqua) 8%,transparent) 28%,transparent 35% 62%,color-mix(in srgb,var(--mzs-gold) 7%,transparent) 68%,transparent 76%);animation:mzsMobileAchievementSweep 8s linear infinite}
  .mzs-mobile-ecosystem-modal-shell>*{position:relative;z-index:2}
  .mzs-mobile-ecosystem-modal-shell header{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .mzs-page.mzs-page .mzs-mobile-ecosystem-close{width:auto;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 11px 0 13px;border:1px solid color-mix(in srgb,var(--mzs-gold) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mzs-bg-bottom) 74%,transparent);color:var(--mzs-text);box-shadow:none;font:inherit}
  .mzs-mobile-ecosystem-close span{font-size:14px!important;line-height:1!important;translate:none!important;font-weight:800}.mzs-mobile-ecosystem-close i{font-size:19px;line-height:1;font-style:normal}
  .mzs-mobile-ecosystem-achievement-mark{width:104px;min-height:104px;display:grid;place-items:center;margin:20px auto 8px;border-radius:34px;background:radial-gradient(circle,color-mix(in srgb,var(--mzs-aqua) 11%,transparent),transparent 70%);filter:drop-shadow(0 0 24px color-mix(in srgb,var(--mzs-aqua) 20%,transparent))}.mzs-mobile-ecosystem-achievement-mark img,.mzs-mobile-ecosystem-achievement-mark .mzs-project-mark-plain{display:block;width:92px;height:92px;object-fit:contain;border-radius:30px}
  .mzs-mobile-ecosystem-modal-shell h2{max-width:14ch;margin:10px auto 14px;text-align:center}.mzs-mobile-ecosystem-modal-shell>p{max-width:34ch;margin-inline:auto;text-align:center}.mzs-mobile-ecosystem-modal-shell>strong{display:block;margin-top:16px;color:var(--mzs-aqua);font-size:13px;text-align:center}
  .mzs-mobile-ecosystem-burst{position:absolute;inset:0;z-index:1!important;pointer-events:none}.mzs-mobile-ecosystem-burst i{--angle:calc(var(--spark) * 36deg);position:absolute;left:50%;top:42%;width:4px;height:4px;border-radius:50%;background:var(--mzs-gold);opacity:0;transform:rotate(var(--angle)) translateX(18px);box-shadow:0 0 12px color-mix(in srgb,var(--mzs-gold) 56%,transparent);animation:mzsMobileAchievementBurst 1.05s var(--mzs-ease) calc(var(--spark) * 30ms) forwards}
}
@keyframes mzsMobileAchievementSweep{to{transform:rotate(360deg)}}
@keyframes mzsMobileAchievementBurst{0%{opacity:0;transform:rotate(var(--angle)) translateX(18px) scale(.4)}35%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(150px) scale(1)}}
@media(prefers-reduced-motion:reduce){.mzs-mobile-ecosystem-modal-shell::after,.mzs-mobile-ecosystem-burst i{animation:none}}