/* V121 — mobile photographic heroes in the desktop-style composition.
   One genuine photo behind the heading (not a separate bottom photo);
   consistent height/spacing across the inner pages. Desktop left unchanged. */
@media (max-width:700px) {
  main > .page-hero,
  main > .page-hero.team-hero-v22,
  main > .page-hero.academy-hero-v102,
  main > .page-hero.history-hero-v21 {
    box-sizing:border-box !important;
    position:relative !important;
    isolation:isolate !important;
    display:flex !important;
    align-items:flex-start !important;
    height:380px !important;
    min-height:380px !important;
    max-height:380px !important;
    padding:78px 0 20px !important;
    overflow:hidden !important;
    background-color:#03101d !important;
    background-repeat:no-repeat !important;
  }
  main > .page-hero > .shell {
    position:relative !important;
    z-index:2 !important;
    width:calc(100% - 32px) !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:20px 24px auto auto !important;
    align-content:start !important;
    align-items:start !important;
    gap:0 !important;
    text-align:left !important;
  }
  main > .page-hero .breadcrumbs {
    display:block !important;
    grid-row:1 !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1.4 !important;
  }
  main > .page-hero > .shell > small {
    display:block !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
    letter-spacing:.11em !important;
  }
  main > .page-hero > .shell > h1,
  main > .page-hero > .shell > h2 {
    display:block !important;
    grid-row:3 !important;
    margin:0 0 11px !important;
    max-width:100% !important;
    font-size:clamp(32px,9.5vw,43px) !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    text-wrap:balance;
    text-shadow:0 2px 15px rgba(0,0,0,.75) !important;
  }
  main > .page-hero > .shell > p {
    grid-row:4 !important;
    margin:0 !important;
    max-width:40ch !important;
    font-size:14px !important;
    line-height:1.55 !important;
    text-shadow:0 2px 14px rgba(0,0,0,.9) !important;
  }
  /* The same photographic layout as the original desktop Academy hero. */
  main > .page-hero.academy-hero-v102 {
    background-image:linear-gradient(90deg,rgba(2,9,18,.82),rgba(2,9,18,.55)),url('academy-hero-2026.jpg') !important;
    background-size:cover,cover !important;
    background-position:center,center 55% !important;
  }
  main > .page-hero.history-hero-v21 {
    background-image:linear-gradient(90deg,rgba(2,9,18,.82),rgba(2,9,18,.50)),url('history-hero-archive.png') !important;
    background-size:cover,cover !important;
    background-position:center,center 49% !important;
  }
  main > .page-hero.team-hero-v22 {
    background-image:linear-gradient(90deg,rgba(2,9,18,.78),rgba(2,9,18,.47)),url('mens-team-hero-v115.jpg') !important;
    background-size:cover,cover !important;
    background-position:center,center 48% !important;
  }
  main > .page-hero.academy-hero-v102::after,
  main > .page-hero.history-hero-v21::before {content:none !important;}
  main > .page-hero.team-hero-v22 .team-kicker-v22 {margin:0 !important;}
}

/* Prevent site name from colliding with hamburger menu on narrow phones. */
@media (max-width:350px) {
  .site-header .header-main {
    grid-template-columns:52px minmax(0,1fr) 43px !important;
    gap:5px !important;
  }
  .site-header .main-logo {width:48px !important;max-height:48px !important;}
  .site-header .identity {min-width:0 !important;}
  .site-header .identity .brand-name-v55 {
    font-size:16px !important;
    letter-spacing:-.045em !important;
    white-space:nowrap !important;
  }
  .site-header .identity p {font-size:7px !important;letter-spacing:.05em !important;}
  .site-header .menu-btn {position:relative;z-index:2;}
}