.sec--04 {
  height: 110vh;
  background: var(--brume);
  display: flex;
  align-items: center;
  padding: 0 var(--gouttiere);
}

.s04-titre {
  max-width: var(--conteneur);
  margin: 0 auto 0 0;
  font-family: var(--police-titre);
  font-stretch: var(--large-titre);
  font-size: var(--t-grand);
  line-height: 1.08;
  color: var(--encre);
  text-transform: uppercase;
  text-align: left;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s var(--ease), transform .7s var(--ease);
}

.s04-titre.s04-visible {
  opacity: 1;
  transform: translateY(0);
}

.s04-ligne {
  display: block;
}

.s04-ligne--fine {
  font-weight: 400;
}

.s04-ligne--pleine {
  font-weight: 900;
}

@media (prefers-reduced-motion: reduce) {
  .s04-titre {
    transition: none;
  }
}

@media (max-width: 760px) {
  .sec--04 {
    height: 110vh;
    padding: 0 var(--gouttiere);
  }

  .s04-titre {
    font-size: var(--t-moyen);
    text-align: center;
    margin: 0 auto;
  }
}