/* hero.css — hero éditorial de l'accueil : grande photo + titre + CTA. */
.hero{
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
}

.hero__media{
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--color-gray-200);
}
.hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__content{
  padding: var(--space-6) var(--container-pad) var(--space-7);
}

.hero__kicker{
  display: block;
  font-size: var(--fs-micro);
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  color: var(--color-accent-text);
  margin-bottom: var(--space-4);
}

.hero__title{
  margin-bottom: var(--space-4);
}

.hero__lead{
  font-size: var(--fs-lead);
  color: var(--color-ink-soft);
  max-width: 46ch;
  margin-bottom: var(--space-6);
}

.hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}