nouveau-theatre-de-besancon/assets/css/src/hero.css

.hero {
  --padding-vertical: calc(var(--space-m) / 1.5);
  display: grid;
  grid-template-columns: 1.6fr 3fr;
  column-gap: calc(var(--space-m) / 1.5);
}

.hero__text h2 {
  font-size: var(--font-size-xl);
  width: 100%;
  margin-bottom: var(--padding-vertical);
}

.hero__text h3 {
  color: var(--color-salmon);
  font-size: var(--font-size-h2);
}
.hero__text h3:nth-child(odd) {
  text-align: end;
}

.hero__text p:not(:last-of-type) {
  margin-bottom: 1rem;
}

.hero__text p:first-of-type {
  margin-top: var(--padding-vertical);
}