/* V84 — Ressources juridiques : hero avec fondu pleine largeur */
.inner-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#08213d;
}

.resources-v84-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

.resources-v84-bg img{
  position:absolute;
  top:0;
  right:0;
  width:62%;
  height:100%;
  object-fit:cover;
  object-position:center 34%;
  filter:saturate(.90) brightness(.84) contrast(.98);
}

.resources-v84-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,
      #08213d 0%,
      #08213d 34%,
      rgba(8,33,61,.96) 41%,
      rgba(8,33,61,.82) 48%,
      rgba(8,33,61,.55) 57%,
      rgba(8,33,61,.20) 68%,
      rgba(8,33,61,0) 82%);
}

.resources-v84-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    linear-gradient(180deg,
      rgba(8,33,61,.06) 0%,
      rgba(8,33,61,0) 62%,
      rgba(8,33,61,.28) 100%);
}

.resources-v84-grid{
  position:relative;
  z-index:4;
  min-height:480px;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  align-items:center;
}

.resources-v84-grid > :first-child{
  max-width:760px;
  padding-right:40px;
}

.resources-v84-grid .inner-monogram,
.resources-v84-grid > :last-child:not(:first-child){
  visibility:hidden;
}

@media (max-width: 1100px){
  .resources-v84-bg img{
    width:58%;
  }
  .resources-v84-grid{
    min-height:460px;
  }
}

@media (max-width: 768px){
  .resources-v84-grid{
    min-height:auto;
    grid-template-columns:1fr;
    padding-top:54px;
    padding-bottom:300px;
  }

  .resources-v84-grid > :first-child{
    max-width:none;
    padding-right:0;
  }

  .resources-v84-bg img{
    top:auto;
    bottom:0;
    width:100%;
    height:330px;
    object-position:center 28%;
  }

  .resources-v84-bg::before{
    background:
      linear-gradient(180deg,
        #08213d 0%,
        #08213d 52%,
        rgba(8,33,61,.92) 61%,
        rgba(8,33,61,.55) 74%,
        rgba(8,33,61,.10) 90%,
        rgba(8,33,61,0) 100%);
  }

  .resources-v84-bg::after{
    background:
      linear-gradient(180deg,
        rgba(8,33,61,0) 55%,
        rgba(8,33,61,.08) 72%,
        rgba(8,33,61,.28) 100%);
  }
}


/* V86 — correction forte de la hauteur du hero Ressources */
@media (min-width: 1101px){
  body .inner-hero{
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
  }

  body .inner-hero .resources-v84-grid{
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    align-items:center !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body .inner-hero .resources-v84-bg{
    height:440px !important;
  }

  body .inner-hero .resources-v84-bg img{
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
    object-fit:cover !important;
    object-position:center 31% !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px){
  body .inner-hero{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }

  body .inner-hero .resources-v84-grid{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
    align-items:center !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body .inner-hero .resources-v84-bg,
  body .inner-hero .resources-v84-bg img{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
}