@media(max-width:760px){
  /* Close-set indicators, with a 30 x 44 px non-overlapping touch target. */
  #m-solution[data-controlled-showcase] .showcase-progress button,
  #orbaMobile .narrative-controls button{appearance:none;display:flex;align-items:center;justify-content:center;width:30px;height:44px;flex:0 0 30px;border:0;border-radius:16px;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}
  #orbaMobile .narrative-controls{display:flex;justify-content:center;gap:0;position:relative;z-index:8;margin:12px auto 0;opacity:0;transition:opacity .6s}
  #orbaMobile [data-narrative-ready] .narrative-controls{opacity:1}
  #orbaMobile .narrative-controls i{display:block;width:4px;height:4px;border-radius:4px;background:rgba(63,63,63,.25);transition:width .6s,background .6s}
  #orbaMobile .narrative-controls .is-current i{width:18px;background:#3f3f3f}
  #orbaMobile .narrative-controls button:focus-visible{outline:1px solid #3f3f3f;outline-offset:-3px;background:rgba(255,255,255,.35)}
  #orbaMobile #m-solution[data-controlled-showcase]:not([data-showcase-entering]) .sol-app-scenes img{transition:transform 1.6s cubic-bezier(.16,1,.3,1),opacity 1s ease,filter 1.4s ease!important}
  #orbaMobile #m-solution[data-controlled-showcase] .sol-carousel .om-carousel-line{transition:transform 1.6s cubic-bezier(.16,1,.3,1),opacity 1s ease,filter 1.4s ease!important}

  #orbaMobile .narrative-carousel>.om-content{position:relative!important;height:100%!important;padding:96px 20px 28px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:auto!important}
  #orbaMobile .narrative-carousel .manifesto-top,#orbaMobile .narrative-carousel .how-head,#orbaMobile .narrative-carousel .astro-head{position:relative!important;inset:auto!important;margin:0!important;width:100%!important}
  #orbaMobile .narrative-carousel .om-title{font-size:clamp(28px,7.6vw,34px)!important;line-height:1.1!important;margin:14px 0!important}
  #orbaMobile :is(#m-manifesto,#m-how,#m-astro).narrative-carousel .narrative-stage{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr);width:100%!important;height:auto!important;max-height:none!important;max-width:520px;gap:0!important;padding:0!important;margin:32px auto 0!important;overflow:visible!important;opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  #orbaMobile .narrative-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;align-self:start}
  #orbaMobile .narrative-slide.is-selected{opacity:1;visibility:visible;pointer-events:auto}
  #orbaMobile #m-manifesto.narrative-carousel .om-carousel-line,
  #orbaMobile #m-how.narrative-carousel .motor-card,
  #orbaMobile #m-astro.narrative-carousel .hcards .hcard{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition:none!important}
  #orbaMobile #m-manifesto.narrative-carousel .manifesto-carousel-progress{display:none!important}
  #orbaMobile #m-manifesto.narrative-carousel .manifesto-slide-copy{max-width:none}
  #orbaMobile #m-how.narrative-carousel .motor-card{min-height:280px!important;padding:28px!important;box-sizing:border-box}
  #orbaMobile #m-how.narrative-carousel .motor-copy{font-size:15px!important;line-height:1.5!important;max-width:38ch}
  #orbaMobile #m-how.narrative-carousel .how-patterns-close{position:relative!important;inset:auto!important;width:100%!important;margin:22px auto 0!important;font-size:19px!important;line-height:1.25!important}
  #orbaMobile #m-astro.narrative-carousel .hcards .hcard{min-height:245px!important;padding:28px!important;display:flex!important;flex-direction:column;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.3)!important;border-radius:24px!important;background:linear-gradient(125deg,rgba(65,66,70,.82),rgba(40,41,45,.68))!important;box-shadow:0 18px 38px rgba(30,30,34,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#faf8f3!important}
  #orbaMobile #m-astro.narrative-carousel .hcard .quote{color:#faf8f3!important;font-size:23px!important;line-height:1.2!important}
  #orbaMobile #m-astro.narrative-carousel .hcard .who,#orbaMobile #m-astro.narrative-carousel .hcard .meta{color:#faf8f3!important}
  #orbaMobile #m-footer .ig-btn{background:linear-gradient(125deg,rgba(65,66,70,.93),rgba(40,41,45,.87))!important;color:#faf8f3!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 12px 24px rgba(30,30,34,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  #orbaMobile #m-solution[data-controlled-showcase]:not([data-showcase-entering]) .sol-app-scenes img,
  #orbaMobile #m-solution[data-controlled-showcase] .sol-carousel .om-carousel-line{transition:none!important}
  #orbaMobile .narrative-carousel .om-reveal,#orbaMobile .narrative-carousel .astro-copy-main,#orbaMobile .narrative-carousel .astro-copy-focus,#orbaMobile .narrative-carousel .astro-copy-close{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition:none!important}
}