/* 4dsHub V23 — mobile home flow + panoramic TEAM */

@media (max-width:900px){
  /* HOME: start immediately after the last menu row. The value is measured from the live nav in V23 JS. */
  body.home-reference-mode:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode) .home-game-stage-v18{
    margin-top:var(--v23-home-content-top, 400px)!important;
    margin-bottom:36px!important;
  }

  /* TEAM: do not crush the wide seven-person image into the phone width.
     Keep the people large and let the panorama glide horizontally. */
  body.home-reference-mode.concept-mode .concept-page.concept-team.team-holy-style{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-top:4px!important;
    overflow:hidden!important;
  }
  body.home-reference-mode.concept-mode .concept-team .team-stage{
    width:100vw!important;
    max-width:none!important;
    height:clamp(470px,66svh,620px)!important;
    min-height:0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x pan-y!important;
  }
  body.home-reference-mode.concept-mode .concept-team .team-stage::-webkit-scrollbar{display:none!important;}
  body.home-reference-mode.concept-mode .concept-team .team-group-image{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:100%!important;
    min-width:0!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    margin:0!important;
    scroll-snap-align:center!important;
    filter:drop-shadow(0 24px 56px rgba(0,0,0,.34))!important;
  }
  body.home-reference-mode.concept-mode .concept-team .team-stage::after{display:none!important;}
}

@media (max-width:560px){
  body.home-reference-mode:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode) .home-game-stage-v18{
    margin-top:var(--v23-home-content-top, 390px)!important;
  }
  body.home-reference-mode.concept-mode .concept-team .team-stage{
    height:clamp(455px,64svh,565px)!important;
  }
}