Hero triptyque

<style>
.bn-hero-editorial {
  position: relative;
  min-height: 420px;

  display: flex;
  align-items: flex-end;

  background-size: cover;
  background-position: center;
  font-family: 'Inter', sans-serif;
}

.bn-hero-editorial::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 8, 8, 0.9), transparent 55%);
}

/* Fine bande verticale décorative à droite, façon "3e image
   coupée" — un clin d'œil discret au triptyque sans avoir besoin
   de 3 vraies images */
.bn-hero-editorial__band {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 8%;
  background: linear-gradient(to left, rgba(5, 8, 8, 0.7), transparent);
}

.bn-hero-editorial__content {
  position: relative;
  padding: 3rem;
  max-width: 480px;
}

.bn-hero-editorial__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #E6E4DD;
  margin-bottom: 0.75rem;
}

.bn-hero-editorial__title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  line-height: 1.05;
  color: #E6E4DD;
  margin: 0 0 1rem;
}

.bn-hero-editorial__text {
  color: #C7C1B7;
  margin: 0 0 1.5rem;
}

.bn-hero-editorial__btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: 1px solid rgba(230, 228, 221, 0.4);
  border-radius: 999px;
  color: #E6E4DD;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
}

.bn-hero-editorial__btn:hover {
  border-color: #E6E4DD;
  background: rgba(230, 228, 221, 0.08);
}

</style>

<section class="bn-hero-editorial" style="background-image: url('https://placehold.co/1400x600/1D2324/1D2324');">
  <div class="bn-hero-editorial__band"></div>

  <div class="bn-hero-editorial__content">
    <span class="bn-hero-editorial__eyebrow">Série</span>
    <h1 class="bn-hero-editorial__title">Hometown<br />Saison 2</h1>
    <p class="bn-hero-editorial__text">De nouvelles aventures, des histoires plus profondes. Cet automne.</p>
    <a href="#" class="bn-hero-editorial__btn">Découvrir la saison 2 →</a>
  </div>
</section>