/* ABLOGUI — widget « En-tête À propos » : arc-en-ciel tricolore, photos rondes, grand titre (d'après L'Arche) */
.ah-hero { position: relative; overflow: hidden; background: var(--_fond, var(--ab-degrade)); color: #fff; }
.ah-grille { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: center; min-height: clamp(520px, 72vh, 700px); }
.ah-visuel { position: relative; align-self: end; height: clamp(420px, 60vh, 600px); margin-left: calc(-1 * var(--ab-gouttiere) - 40px); }
.ah-arcs { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }
.ah-rond { position: absolute; margin: 0; border-radius: 50%; overflow: hidden; aspect-ratio: 1; box-shadow: 0 18px 40px -20px rgba(0, 0, 0, .6); }
.ah-rond img { width: 100%; height: 100%; object-fit: cover; }
.ah-rond--1 { width: 30%; left: 4%; top: 6%; }
.ah-rond--2 { width: 26%; left: 34%; top: 0; }
.ah-rond--3 { width: 24%; right: 4%; bottom: 10%; }
.ah-rond--4 { width: 22%; left: 6%; bottom: 2%; }
.ah-texte { padding-block: clamp(48px, 6vw, 88px); }
.ah-hero .ab-fil ol { color: rgba(255, 255, 255, .7); }
.ah-hero .ab-fil [aria-current] { color: #fff; }
.ah-hero .ab-fil li + li::before { color: rgba(255, 255, 255, .4); }
.ah-surtitre { font-size: var(--ab-fs-s); font-weight: 800; color: rgba(255, 255, 255, .75); }
.ah-hero h1.ab-t { margin-top: 10px; font-size: var(--ab-fs-3xl); line-height: .98; color: #fff; }
.ah-hero h1 .ab-script { display: block; }
.ah-chapeau { margin: 22px 0 30px; max-width: 44ch; font-size: var(--ab-fs-l); line-height: 1.5; color: rgba(255, 255, 255, .85); }
@media (max-width: 900px) {
  .ah-grille { grid-template-columns: 1fr; min-height: 0; }
  .ah-texte { order: -1; padding-bottom: 0; }
  .ah-visuel { height: min(70vw, 320px); margin-left: calc(-1 * var(--ab-gouttiere)); margin-right: calc(-1 * var(--ab-gouttiere)); }
}