/* Mobile hero restoration, 18 October 2026.
   A full cricket scene, live copy and controls. Never a scaled screenshot.
   The current copy can grow the hero; artwork alone is clipped. */
@media(max-width:1023px){
 html body main .mh-hero{
  --mh-focus:72% 50%;position:relative!important;isolation:isolate;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
  width:100%!important;height:auto!important;min-height:calc(var(--ds-header) + min(var(--ds-hero-height),var(--ds-available)))!important;
  max-height:none!important;margin:0!important;padding:calc(var(--ds-header) + 24px) var(--ds-gutter) 32px!important;
  gap:0!important;background:#031529!important;color:#fff!important;overflow:visible!important;box-sizing:border-box;
 }
 html body main .mh-hero .mh-shell{display:contents!important}
 html body main .mh-hero::before,html body main .mh-hero::after,
 html body main .mh-hero .mh-shell::before,html body main .mh-hero .mh-shell::after{display:none!important}
 html body main .mh-hero .mh-art{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:0!important;
  transform:none!important;scale:none!important;aspect-ratio:auto!important;overflow:hidden!important;border:0!important;
  mask-image:none!important;-webkit-mask-image:none!important;box-shadow:none!important;z-index:0!important;pointer-events:none;
 }
 html body main .mh-hero :is(.zh-canvas,.znh-scene){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;transform:none!important;animation:none!important;mask-image:none!important;-webkit-mask-image:none!important}
 html body main .mh-hero .mh-art picture{position:absolute;inset:0;display:block;width:100%;height:100%}
 html body main .mh-hero .mh-art img,html body main .mh-hero img.mh-art{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;
  object-position:var(--mh-focus)!important;transform:none!important;scale:none!important;opacity:1!important;
 }
 html body main .mh-hero .mh-art::before{display:none!important}
 html body main .mh-hero .mh-art::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(90deg,#031529eb 0%,#031529bc 48%,#03152938 100%),linear-gradient(0deg,#031529ed,transparent 38%,#03152944);}
 html body main .mh-hero :is(.mh-kicker,h1,.mh-intro,.mh-actions,.mh-benefits,.mh-note){position:relative!important;inset:auto!important;transform:none!important;scale:none!important;z-index:5!important;min-width:0;}
 html body main .mh-hero .mh-kicker{margin:0 0 12px!important;padding:0!important;font:600 var(--ds-eyebrow)/1.25 var(--ds-ui)!important;letter-spacing:.14em!important;color:#82d8ff!important;text-transform:uppercase;}
 html body main :is(#hero,#home-top,.mh-hero).mh-hero h1{width:100%!important;max-width:18ch!important;margin:0 0 16px!important;padding:0!important;font:400 var(--ds-hero)/1.05 var(--ds-display)!important;letter-spacing:0!important;text-align:left!important;text-wrap:balance;color:#fff!important;overflow-wrap:normal;word-break:normal;}
 html body main :is(#hero,#home-top,.mh-hero).mh-hero h1 :is(span,.ln,em){display:inline!important;font:inherit!important;letter-spacing:inherit!important;white-space:normal!important;transform:none!important}
 html body main .mh-hero h1 em{color:#358cff!important;font-style:normal!important}
 html body main .mh-hero h1 br{display:none!important}
 html body main .mh-hero .mh-intro{width:100%!important;max-width:38ch!important;margin:0 0 20px!important;padding:0!important;font:400 var(--ds-lead)/1.5 var(--ds-body)!important;letter-spacing:0!important;color:#e4edf6!important;text-wrap:pretty;}
 html body main .mh-hero .mh-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;max-width:460px!important;margin:0 0 20px!important;padding:0!important;align-self:start;}
 html body main .mh-hero :is(.zh-cta,.znh-button,.button,.zx-button){font:700 1rem/1.25 var(--ds-ui)!important;letter-spacing:.02em!important;min-height:48px!important;max-width:100%!important;padding:12px 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center;gap:10px!important;white-space:normal!important;border-radius:10px!important;text-decoration:none;}
 html body main .mh-hero .mh-benefits{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:38ch!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;list-style:none;}
 html body main .mh-hero :is(.zh-tile,.znh-tile,.hero-facts>li,.zx-role-dock>a){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;width:100%!important;min-height:0!important;padding:8px 12px!important;margin:0!important;transform:none!important;border:1px solid #4989be55!important;border-radius:8px!important;background:#031b30bf!important;box-shadow:none!important;color:#edf6ff!important;grid-column:auto!important;font:600 .875rem/1.4 var(--ds-body)!important;}
 html body main .mh-hero :is(.zh-tile,.znh-tile) span{font:600 .875rem/1.4 var(--ds-body)!important;max-width:none!important;color:inherit!important;letter-spacing:0!important;}
 html body main .mh-hero :is(.zh-icon,.znh-icon,.hero-facts .icon,.zx-role-dock .icon){width:24px!important;height:24px!important;flex:none;mask-image:none!important;filter:drop-shadow(0 0 4px #159aff55);}
 html body main .mh-hero .mh-note{width:100%!important;margin:12px 0 0!important;padding:0!important;font:400 .875rem/1.45 var(--ds-body)!important;color:#c3d6e8!important;}
 html body main .mh-hero .mh-note:empty{display:none!important}
 html body main .mh-hero [hidden]{display:none!important}
 html body main .mh-hero :is(.hero-shade,.page-hero-shade,.hero-wall-copy,.wall-sign,.hero-light,.section-edge,.zh-outline,.zh-ball,.zh-record,.zh-tablet-ui,.zh-credential,.zh-schedule,.zh-podium-mark,.znh-trace,.zx-image-overlay){display:none!important}
 html body main .mh-hero.zh-hero--players{--mh-focus:65% 45%}
 html body main .mh-hero.zh-hero--umpires{--mh-focus:73% 38%}
 html body main .mh-hero.zh-hero--clubs{--mh-focus:72% 48%}
 html body main .mh-hero.znh-sponsors{--mh-focus:74% 50%}
 html body main .mh-hero.znh-careers{--mh-focus:75% 50%}
 html body main .mh-hero.znh-about{--mh-focus:70% 45%}
 html body main .mh-hero#home-top{--mh-focus:70% 50%}
}
@media(min-width:768px) and (max-width:1023px){
 html body main .mh-hero{padding-top:calc(var(--ds-header) + 32px)!important;padding-bottom:32px!important;}
 html body main .mh-hero .mh-intro{max-width:45ch!important}
 html body main .mh-hero .mh-art::after{background:linear-gradient(90deg,#031529f0,#031529ba 45%,#03152918 90%);}
}