/* V118: Consistent mobile hero content alignment (fixes V117's varying title heights).
   460px/430px remains the common hero height; hero artwork is intentionally
   different on each page. Team photo retains its full-eleven mobile composition. */
@media (max-width:700px) {
  main > .page-hero,
  main > .page-hero.team-hero-v22 {
    box-sizing:border-box !important;
    height:460px !important;
    min-height:460px !important;
    max-height:460px !important;
    padding:63px 0 20px !important;
    display:block !important;
    overflow:hidden !important;
  }
  main > .page-hero > .shell {
    position:relative !important;
    z-index:3 !important;
    box-sizing:border-box !important;
    width:min(var(--max),calc(100% - 28px)) !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:20px 27px auto auto !important;
    align-content:start !important;
    align-items:start !important;
    gap:0 !important;
  }
  main > .page-hero .breadcrumbs {
    grid-row:1 !important;
    margin:0 !important;
    line-height:18px !important;
    font-size:11px !important;
  }
  main > .page-hero > .shell > small {
    grid-row:2 !important;
    display:block !important;
    margin:0 !important;
    line-height:20px !important;
    font-size:10px !important;
    letter-spacing:.13em !important;
  }
  main > .page-hero > .shell > h1,
  main > .page-hero > .shell > h2 {
    grid-row:3 !important;
    margin:0 0 12px !important;
    font-size:clamp(34px,10.8vw,45px) !important;
    line-height:1.03 !important;
    letter-spacing:-.02em !important;
  }
  main > .page-hero > .shell > p {
    grid-row:4 !important;
    margin:0 !important;
    max-width:100% !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }
  /* Keep the eleven-player image fitted across phone width and below text. */
  main > .page-hero.team-hero-v22 {
    background-size:100% 100%,100% auto !important;
    background-position:center,center bottom !important;
  }
}