/* ========================================================================== */
/* ETHNOS R197 — harmonisation éditoriale du bloc principal                  */
/* Base stricte : R196.                                                       */
/*                                                                            */
/* Objectif : mieux hiérarchiser les deux colonnes sans modifier la taille   */
/* du bloc, les textes, les familles typographiques, les cibles ni les cases */
/* vertes.                                                                    */
/* ========================================================================== */

@media (min-width:901px){
  /* Deux colonnes réellement complémentaires : identité 42 %, trajectoire 58 %. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    grid-template-columns:minmax(350px,42fr) minmax(0,58fr) !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    column-gap:clamp(34px,2.35vw,52px) !important;
    row-gap:0 !important;
    align-items:stretch !important;
  }

  /* Les deux ensembles commencent sur le même axe supérieur. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    box-sizing:border-box !important;
    align-self:stretch !important;
    min-height:0 !important;
    padding-top:clamp(8px,1.15vh,16px) !important;
    padding-bottom:clamp(8px,1vh,14px) !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  /* Hiérarchie gauche : le titre respire, le sous-titre ne le concurrence plus,
     et le paragraphe rejoint visuellement le même ensemble éditorial. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    max-width:100% !important;
    margin:clamp(10px,1.05vh,14px) 0 clamp(8px,.85vh,11px) !important;
    font-size:clamp(39px,2.65vw,54px) !important;
    line-height:1.01 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    max-width:96% !important;
    font-size:clamp(20px,1.34vw,27px) !important;
    line-height:1.22 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    max-width:94% !important;
    margin-top:clamp(13px,1.35vh,18px) !important;
    font-size:clamp(14px,.88vw,18px) !important;
    line-height:1.36 !important;
  }

  /* La trajectoire devient une grille éditoriale compacte et lisible. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto minmax(0,1fr) !important;
    align-content:start !important;
    justify-content:stretch !important;
    padding-left:0 !important;
    border-left:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryEyebrow{
    grid-row:1 !important;
    align-self:start !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersLine{
    grid-row:2 !important;
    grid-template-columns:clamp(105px,7vw,138px) minmax(0,1fr) !important;
    align-items:end !important;
    gap:clamp(18px,1.35vw,28px) !important;
    width:100% !important;
    margin:clamp(8px,.9vh,12px) 0 0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryHead{
    grid-row:3 !important;
    width:100% !important;
    margin:clamp(16px,1.7vh,23px) 0 0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(19px,1.2vw,24px) !important;
    line-height:1.23 !important;
  }

  /* Quatre colonnes égales : mêmes départs, mêmes respirations. Les cibles et
     cases vertes conservent strictement leur dessin et leurs dimensions. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    grid-row:4 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:clamp(14px,1.05vw,22px) !important;
    width:100% !important;
    margin:clamp(18px,1.85vh,25px) 0 0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps > li{
    min-width:0 !important;
    align-self:start !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    line-height:1.22 !important;
  }

  /* La devise devient le pied commun des deux colonnes. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    place-self:stretch !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:clamp(48px,5.2vh,64px) !important;
    margin:clamp(5px,.65vh,9px) 0 0 !important;
    padding:clamp(10px,1.1vh,14px) 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-top:1px solid rgba(190,226,231,.16) !important;
    background:linear-gradient(180deg,rgba(2,20,31,0),rgba(2,20,31,.14)) !important;
    text-align:center !important;
  }
}

/* Formats intermédiaires : même composition, avec une hiérarchie resserrée. */
@media (min-width:901px) and (max-width:1600px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    grid-template-columns:minmax(315px,41fr) minmax(0,59fr) !important;
    column-gap:clamp(24px,1.8vw,34px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    font-size:clamp(34px,2.55vw,44px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    font-size:clamp(17px,1.25vw,22px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    font-size:clamp(11px,.78vw,14px) !important;
    line-height:1.3 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    font-size:clamp(16px,1.1vw,19px) !important;
    line-height:1.2 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    gap:clamp(8px,.65vw,12px) !important;
  }
}

/* Écrans bas : préserver la structure sans changer la hauteur du bloc. */
@media (min-width:901px) and (max-height:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    margin:7px 0 6px !important;
    font-size:clamp(31px,2.35vw,40px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    font-size:clamp(16px,1.18vw,20px) !important;
    line-height:1.17 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    margin-top:9px !important;
    font-size:clamp(10px,.72vw,13px) !important;
    line-height:1.24 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersLine{
    margin-top:6px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryHead{
    margin-top:10px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    font-size:clamp(14px,1vw,17px) !important;
    line-height:1.16 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    margin-top:11px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    min-height:34px !important;
    margin-top:3px !important;
    padding-top:7px !important;
  }
}

/* Mobile/tablette : conserver l'empilement déjà validé en R195. */
@media (max-width:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    border-top:1px solid rgba(190,226,231,.16) !important;
    padding-top:14px !important;
  }
}