/* ========================================================================== */
/* ETHNOS R195 — centrage vertical du bloc principal                          */
/* Base stricte : R194.                                                       */
/* ========================================================================== */

/* Desktop : les deux ensembles éditoriaux sont centrés verticalement dans   */
/* la partie principale. La devise possède sa propre ligne, centrée sur les   */
/* deux axes et sur toute la largeur du bloc.                                 */
@media (min-width:901px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    display:grid !important;
    grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr) !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    column-gap:clamp(28px,2vw,44px) !important;
    row-gap:0 !important;
    align-items:stretch !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:stretch !important;
    justify-content:center !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:stretch !important;
    justify-content:center !important;
    min-height:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    position:relative !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    place-self:center !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    min-height:clamp(40px,4.3vh,56px) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* Formats plus courts : même principe, avec une ligne de devise légèrement  */
/* plus compacte pour préserver les paliers sans débordement.                 */
@media (min-width:901px) and (max-height:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    min-height:34px !important;
  }
}

@media (min-width:901px) and (max-height:760px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    min-height:30px !important;
  }
}

/* Repli tablette/mobile : la devise reste isolée après la trajectoire. */
@media (max-width:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    margin:18px 0 0 !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}
