/* Compléments du site hébergé : variantes de l'image principale, logo sans image, mentions */
.btn--gold { background: var(--gold-bright); }
.brand__mono { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--ink); color: var(--gold-bright); font-family: var(--serif); font-size: 1.3rem; font-weight: 600; flex: none; }
.brand--light .brand__mono { background: var(--gold-bright); color: var(--ink); }

/* Image principale : une grande photo en fond */
.hero--photo { background: var(--ink); color: #fff; padding: 110px 0 96px; }
.hero--photo::before { content: ""; position: absolute; inset: 0; background: var(--hero-img) center / cover no-repeat; }
.hero--photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 10, 8, .82) 0%, rgba(12, 10, 8, .55) 55%, rgba(12, 10, 8, .2) 100%); }
.hero--photo .hero__grid { position: relative; z-index: 1; grid-template-columns: minmax(0, 640px); }
.hero--photo h1, .hero--photo .hero__facts strong { color: #fff; }
.hero--photo .lead, .hero--photo .hero__facts { color: rgba(255, 255, 255, .86); }
.hero--photo .eyebrow { color: var(--gold-bright); }
.hero--photo .script { color: var(--gold-bright); }
.hero--photo .btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .5); background: transparent; }
.hero--photo .btn--ghost:hover { background: rgba(255, 255, 255, .1); }

/* Image principale : texte seul, centré */
.hero--texte { padding: 84px 0 70px; text-align: center; }
.hero--texte .hero__grid { grid-template-columns: 1fr; justify-items: center; }
.hero--texte .hero__text { max-width: 760px; display: flex; flex-direction: column; align-items: center; }
.hero--texte .lead { margin-left: auto; margin-right: auto; }
.hero--texte .hero__cta, .hero--texte .hero__facts { justify-content: center; }
.hero__deco { position: absolute; right: 6%; top: 40px; }
.hero__deco .hero__stamp { position: static; transform: rotate(-8deg); }

.footer__legal { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.footer__by a { color: inherit; }

.pv-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 99; background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 999px; font-size: .92rem; box-shadow: var(--shadow-lg); }

@media (max-width: 1000px) { .hero__deco { display: none; } }
@media (max-width: 760px) {
  .hero--photo { padding: 70px 0 56px; }
  .hero--photo::after { background: linear-gradient(180deg, rgba(12, 10, 8, .55), rgba(12, 10, 8, .85)); }
  .hero--texte { padding: 52px 0 44px; }
}

/* Bandeau des étapes et infos pratiques : de 1 à 4 blocs */
@media (min-width: 761px) {
  .how__list--1 { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; }
  .how__list--2 { grid-template-columns: repeat(2, 1fr); }
  .how__list--3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1001px) {
  .infos__grid--1 { grid-template-columns: minmax(0, 420px); justify-content: center; }
  .infos__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; margin: 0 auto; }
  .infos__grid--3 { grid-template-columns: repeat(3, 1fr); }
}