/* Section — Hero sans photo (V3). Desktop : contenu p40/64, rangée texte 576 + image 460 (gap 64) . Mobile : colonne (gap 16), image 358. Bandeau repères : section bandeau-reperes. */
.hsp { background: var(--brandt-white); }
.hsp__content { padding: var(--space-24) var(--gutter) var(--space-32); }
.hsp__inner { display: flex; flex-direction: column; gap: var(--space-32); }
.hsp__text { display: flex; flex-direction: column; gap: var(--space-16); }
.hsp__actions { display: flex; flex-direction: column; gap: var(--space-16); }
.hsp__visual { aspect-ratio: 1; border-radius: var(--radius-20); overflow: hidden; background: var(--brandt-light); }
.hsp__visual img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) {
  .hsp__content { padding: var(--space-40) var(--gutter); }
  .hsp__inner { flex-direction: row; align-items: center; gap: var(--space-64); }
  .hsp__text { flex: 1 1 auto; gap: var(--space-20); }
  .hsp__actions { flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: var(--space-12); padding-top: var(--space-8); }
  .hsp__visual { flex: 0 0 var(--size-visual-hero); width: var(--size-visual-hero); }
}