.catherine-poster {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  padding: clamp(.8rem, 3.6vw, 2.6rem);
  color: #0b2948;
  background: linear-gradient(112deg, #f1ead8 0 53%, transparent 53.5%), url("/img/temoignages-poster.jpg") center / cover no-repeat;
  text-transform: uppercase;
  pointer-events: none;
}

.catherine-poster strong {
  font-family: var(--font-body);
  font-size: clamp(1rem, 3.6vw, 2.8rem);
  line-height: 1;
  letter-spacing: .025em;
}

.catherine-poster span {
  max-width: 22ch;
  margin-top: clamp(.35rem, 1vw, .8rem);
  color: #9b7a3d;
  font-size: clamp(.55rem, 1.55vw, 1.15rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
}

.catherine-poster em {
  max-width: 17ch;
  margin-top: clamp(.75rem, 2.5vw, 2rem);
  font-family: var(--font-body);
  font-size: clamp(.75rem, 2.25vw, 1.7rem);
  font-style: normal;
  font-weight: 600;
  line-height: 1.18;
}

.catherine-poster + .video__play {
  z-index: 2;
}

.catherine-poster[hidden] {
  display: none;
}

@media (max-width: 34em) {
  .catherine-poster {
    padding: .7rem;
  }

  .catherine-poster strong {
    font-size: clamp(.8rem, 4vw, 1.2rem);
  }

  .catherine-poster span {
    font-size: clamp(.45rem, 2.2vw, .65rem);
  }

  .catherine-poster em {
    margin-top: .5rem;
    font-size: clamp(.58rem, 3vw, .9rem);
  }
}