/* Shared navigation breakpoint: the primary brief CTA leaves the header below 1280 px. */
@media (max-width:1279px){.mzs-nav-actions>.mzs-nav-cta{display:none}}
/* Responsive layout — shared tablet/public-page adaptations only. Mobile navigation and mobile homepage have dedicated owners. */
@media (max-width:1180px){
  .mzs-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}
  .mzs-capability-map{grid-template-columns:1fr}
  .mzs-capability-lines{width:100%;height:620px}
  .mzs-capability-selection{border-left:0;border-top:1px solid color-mix(in srgb,var(--mzs-line) 60%,transparent);padding:34px 0 0}
}

@media (max-width:900px){
  .mzs-section{padding-block:94px}
  .mzs-section-intro h2{font-size:clamp(32px,4.4vw,34px)}
  .mzs-hero{min-height:auto;padding:calc(var(--mzs-nav-height-mobile) + 74px) 0 90px}
  .mzs-hero-grid,.mzs-contact-inner{grid-template-columns:1fr}
  .mzs-hero-object{width:min(480px,90vw);margin-inline:auto}
  .mzs-hero-copy h1{max-width:15ch}.mzs-hero-actions{margin-top:28px}
  .mzs-brand-builder{min-height:700px}.mzs-builder-core{width:210px;height:210px}.mzs-builder-step{width:154px}
  .mzs-story-stage{grid-template-columns:1fr;gap:36px}.mzs-story-visual{position:relative;top:auto;min-height:360px}.mzs-story-chapters{padding-left:0}
  .mzs-process-engine{grid-template-columns:1fr}.mzs-process-axis{display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.mzs-process-axis::before{display:none}.mzs-process-step{min-width:max-content;grid-template-columns:36px 1fr;padding:6px 12px 6px 4px;border:1px solid color-mix(in srgb,var(--mzs-line) 48%,transparent);border-radius:var(--mzs-radius-pill,999px)}.mzs-process-step span{width:36px;height:36px}.mzs-process-output{position:relative;top:auto;min-height:280px}
  .mzs-diagnosis{grid-template-columns:1fr;gap:28px}.mzs-diagnosis-result{position:relative;top:auto}.mzs-diagnosis-question h3{max-width:18ch}.mzs-diagnosis-beam{display:none}.mzs-diagnosis-output.is-inline{margin:12px 0 16px}.mzs-diagnosis.is-active .mzs-diagnosis-option:not(.is-selected){opacity:.68}
  .mzs-contact-links{max-width:620px}
}

@media (max-width:680px), (max-width:900px) and (max-height:520px){
  .mzs-wordmark-desktop{display:none}.mzs-wordmark-mobile{display:inline-flex}.mzs-wordmark-mobile .mzs-wordmark-logo{max-height:var(--mzs-logo-mobile,54px)}.mzs-wordmark-mobile .mzs-wordmark-text small{display:none}
  .mzs-page{font-size:16px;--mzs-nav-height-mobile:78px}
  .mzs-shell{width:min(100% - 36px,var(--mzs-shell))}
  .mzs-section{padding-block:84px}
  .mzs-section-intro{margin-bottom:38px;text-align:center}.mzs-section-intro h2{max-width:15ch;margin-inline:auto;font-size:var(--mzs-section-mobile)}.mzs-section-intro>p:last-child{margin-inline:auto;font-size:17px;line-height:1.66}.mzs-eyebrow{text-align:center}

  /* Public/legacy components remain readable when they appear outside the dedicated mobile homepage. */
  .mzs-hero{min-height:100svh;padding:calc(var(--mzs-nav-height-mobile) + 58px) 0 72px;text-align:center}.mzs-hero-grid{gap:40px}.mzs-hero-copy h1{font-size:var(--mzs-hero-mobile);max-width:12ch;margin-inline:auto}.mzs-hero-copy .mzs-lead{max-width:33ch;margin-inline:auto;font-size:17px}.mzs-hero-actions{display:grid;justify-items:center}.mzs-action{width:auto;max-width:100%;justify-self:center}.mzs-scroll-cue{display:none}.mzs-hero-object{width:min(310px,82vw);justify-self:center}.mzs-hero-code{display:none}
  .mzs-story-visual{min-height:280px}.mzs-story-radar{width:230px;height:230px}.mzs-story-chapter{min-height:0;grid-template-columns:40px 1fr;padding:22px 0}.mzs-story-chapter-text{font-size:16px}
  .mzs-process-step strong{font-size:14px}.mzs-process-output{grid-template-columns:58px 1fr;padding:26px;border-radius:var(--mzs-radius-card,24px)}.mzs-process-output>span{font-size:38px}.mzs-process-output h3{font-size:32px}.mzs-process-output p{font-size:16px}
  .mzs-diagnosis-question{text-align:center}.mzs-diagnosis-question h3{margin-inline:auto;font-size:36px}.mzs-diagnosis-options{margin-top:8px}.mzs-diagnosis-option{grid-template-columns:32px 1fr 30px;padding:17px 0;scroll-margin-top:calc(var(--mzs-nav-height-mobile) + 14px)}.mzs-diagnosis-output{min-height:0;padding:24px;border-radius:var(--mzs-radius-card,24px)}.mzs-diagnosis-output h3{font-size:28px}.mzs-diagnosis-output .mzs-action{width:100%}
  .mzs-capability-map{display:block;min-height:0}.mzs-capability-stage{min-height:0}.mzs-capability-lines{display:none}.mzs-capability-stage .mzs-capability-nodes{position:relative;inset:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:9px}.mzs-capability-stage .mzs-capability-core{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:132px;border-radius:26px;margin-bottom:12px}.mzs-capability-core::after{display:none}.mzs-capability-node{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:0;padding:20px 2px;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}.mzs-capability-selection{margin-top:26px;padding-inline:0}.mzs-capability-selection h3{font-size:30px}
  .mzs-contact{padding-block:100px;text-align:center}.mzs-contact::before{width:128vw}.mzs-contact h2{margin-inline:auto;font-size:clamp(38px,10.5vw,48px)}.mzs-contact .mzs-lead{margin-inline:auto;font-size:17px}.mzs-contact-links{text-align:left}.mzs-contact-links a{grid-template-columns:68px 1fr 24px}

  .mzs-modal{align-items:stretch;padding:0}.mzs-modal-shell:not(.mzs-brief-modal){width:100%;max-height:100dvh;height:100dvh;padding:calc(var(--mzs-nav-height-mobile) + 18px) 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0;background:radial-gradient(circle at 80% 4%,color-mix(in srgb,var(--mzs-aqua) 12%,transparent),transparent 25%),linear-gradient(145deg,var(--mzs-modal),var(--mzs-bg-bottom))}.mzs-modal-frame{inset:var(--mzs-nav-height-mobile) 8px 8px}.mzs-modal-header{gap:16px;padding-bottom:18px}.mzs-modal-header h2{font-size:31px}.mzs-modal-header p{font-size:16px}.mzs-modal-header>[data-close-modal]{position:sticky;top:0;flex-basis:44px;width:44px;height:44px}.mzs-modal-header>[data-close-modal] span{left:12px;top:21px}
}

@media (max-height:700px) and (min-width:681px){.mzs-modal-shell{max-height:calc(100dvh - 16px);padding-top:30px;padding-bottom:30px}.mzs-modal-header h2{font-size:34px}}
@media (orientation:landscape) and (max-height:520px) and (max-width:900px){.mzs-menu-scene{grid-template-rows:auto 1fr}.mzs-menu-footer{display:none}.mzs-hero{min-height:auto}}