/* Section — Ce qui fait Brandt Energy (V3). Desktop : blocs en rangée visuel 420 × 280 + texte (gap 48, p24/48/24/24), gap 20 ; titre H1. Mobile : blocs empilés p20 g20, visuel carré, titre H2. */
.cqf__inner { display: flex; flex-direction: column; gap: var(--space-24); }
.cqf__title { text-align: center; }
.cqf__blocks { display: flex; flex-direction: column; gap: var(--space-24); }
.cqf__block { padding: var(--space-20); gap: var(--space-20); }
.cqf__visual { aspect-ratio: 1; border-radius: var(--radius-12); overflow: hidden; background: var(--brandt-white); }
.cqf__visual img { width: 100%; height: 100%; object-fit: cover; }
.cqf__text { display: flex; flex-direction: column; gap: var(--space-12); }
.cqf__block-title { font-size: var(--text-h2-size); line-height: var(--text-h2-lh); font-weight: var(--text-h2-weight); }
@media (min-width: 1024px) {
  .cqf__inner { gap: var(--space-32); }
  .cqf__blocks { gap: var(--space-20); }
  .cqf__block { flex-direction: row; align-items: center; gap: var(--space-48); padding: var(--space-24) var(--space-48) var(--space-24) var(--space-24); }
  .cqf__visual { flex: 0 0 var(--size-visual-cqf); width: var(--size-visual-cqf); aspect-ratio: var(--ratio-cqf); }
  .cqf__text { flex: 1 1 auto; gap: var(--space-16); }
  .cqf__block-title { font-size: var(--text-h1-size); line-height: var(--text-h1-lh); font-weight: var(--text-h1-weight); }
}