/* ============================================================
   Avrile — cs-hero
   Image plein écran en ouverture de case study.
   ============================================================ */

.avr-cs-hero {
  position: relative;
  width: 100%;
  height: 80vh;
  height: 80svh;
  min-height: 480px;
  overflow: hidden;
}

.avr-cs-hero__img {
  position: absolute;
  inset: 0;
}

.avr-cs-hero__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .avr-cs-hero {
    height: 70vw;
    min-height: 320px;
  }
}