/* V85 — même composition pour toutes les pages projets : titre puis image. */
.case-study-view .case-hero {
  display: flex;
  min-height: 0;
  height: auto;
  grid-template-columns: none;
  flex-direction: column;
  overflow: visible;
  background: transparent;
}

.case-study-view .case-hero > div {
  order: 1;
  width: min(640px, 88%);
  margin: 0 auto .8rem;
  padding: 2.1rem 2.25rem 2rem;
  background: var(--project-blue);
}

.case-study-view .case-hero > img {
  order: 2;
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center top;
}

.case-study-view .case-hero-streetpress,
.case-study-view .case-hero-ris-infos {
  height: auto;
  min-height: 0;
  grid-template-columns: none;
}

.case-study-view .case-hero-streetpress img,
.case-study-view .case-hero-ris-infos img {
  height: auto;
  max-height: none;
}

/* Même échelle de caractère sur tous les panneaux-titres. */
.case-study-view .case-hero h1,
.case-study-view .case-hero-ffr h1,
.case-study-view .ris-infos-interface-hero h1 {
  font-size: clamp(.82rem, 1.7vw, 1.2rem);
  line-height: 1.3;
}

@media (max-width: 720px) {
  .case-study-view .case-hero > div {
    width: min(88%, 640px);
    padding: 1.45rem 1.3rem;
  }
}