/* ========================================================================== */
/* ETHNOS R558 — cadrages finaux ciblés des bandeaux                         */
/* Base figée : R557. Périmètre : photos des hubs uniquement.                */
/* ========================================================================== */

/* 1. Univers des créateurs — même cadrage R557, sans cadre blanc embarqué. */
html body .bodyView-houses.r554UniverseHub .r554UniversePhotoMosaic .isOrigin{
  background-image:url('../assets/images/r558-creators/creator-origin-clean.webp') !important;
  background-size:cover !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
  background-color:#061822 !important;
}

/* 2. Solidarité — reprendre la source d'origine la moins recadrée.          */
/* Les quatre cases restent identiques ; seul le fichier de la case 1 change. */
html body .bodyView-familyDiscovery--solidarity.r556FamilyHub
.r555FamilyPhotoMosaic--solidarity .isOne{
  background-image:url('../assets/images/home-r183/solidarity-hands.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* 3. Cultures & peuples — dézoomer les deux portraits sans créer de vide.   */
/* Avec background-size:cover, la seule façon de montrer davantage d'un      */
/* portrait tout en gardant 4 cases égales et remplies est d'augmenter        */
/* proportionnellement la hauteur du bandeau.                                */
html body .bodyView-familyDiscovery--culture.r556FamilyHub
.bodyViewHeader.r556FamilyHero{
  min-height:clamp(225px,18.5vw,435px) !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub
.r555FamilyPhotoMosaic--culture .isOne,
html body .bodyView-familyDiscovery--culture.r556FamilyHub
.r555FamilyPhotoMosaic--culture .isTwo{
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub
.r555FamilyPhotoMosaic--culture .isOne{
  background-position:center 42% !important;
}
html body .bodyView-familyDiscovery--culture.r556FamilyHub
.r555FamilyPhotoMosaic--culture .isTwo{
  background-position:center 42% !important;
}

@media (max-width:1707px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub
  .bodyViewHeader.r556FamilyHero{
    min-height:clamp(225px,18.5vw,315px) !important;
  }
}
@media (max-width:1366px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub
  .bodyViewHeader.r556FamilyHero{
    min-height:250px !important;
  }
}
@media (max-width:1180px){
  html body .bodyView-familyDiscovery--culture.r556FamilyHub
  .bodyViewHeader.r556FamilyHero{
    min-height:230px !important;
  }
}
@media (max-width:900px){
  /* Conserver le comportement empilé déjà validé en R556. */
  html body .bodyView-familyDiscovery--culture.r556FamilyHub
  .bodyViewHeader.r556FamilyHero{
    min-height:365px !important;
  }
}