/* drbingen.be : bleu-vert, dérivé du turquoise de l'ancien site (#13b1cd), assombri pour la lisibilité */
:root {
  --accent: #0e7490;
  --accent-strong: #155e75;
  --accent-soft: #e6f6f9;
  --bg-alt: #f2f8f9;
  --footer-bg: #0f2a33;
}

.brand::before { content: ""; display: inline-block; width: .7em; height: .7em; margin-right: .5em; border-radius: 50%; background: #13b1cd; vertical-align: .02em; }

/* Accueil en deux colonnes */
.hero-split { background: radial-gradient(60rem 30rem at 85% 40%, #d5f1f6 0%, transparent 70%), linear-gradient(180deg, #f6fbfc, #fff); }
.hero-split__inner { display: grid; gap: 3rem; align-items: center; padding-block: clamp(3rem, 2rem + 5vw, 6.5rem); }
@media (min-width: 860px) { .hero-split__inner { grid-template-columns: 7fr 5fr; } }
.hero-split h1 { margin-bottom: .35em; }
.hero-split .lead { font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem); margin-bottom: 2rem; }
.hero-split__media img { width: 100%; max-width: 30rem; margin-inline: auto; border-radius: 28px; box-shadow: 0 24px 60px rgb(14 116 144 / .22); aspect-ratio: 1; object-fit: cover; }

.about-media img { width: 100%; max-width: 26rem; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; box-shadow: var(--shadow); margin-inline: auto; }

/* Parcours */
.timeline { list-style: none; padding: 0; margin: 1.5rem 0 0; border-left: 2px solid var(--accent-soft); }
.timeline li { position: relative; display: grid; gap: .15rem; padding: 0 0 1.5rem 1.75rem; }
.timeline li::before { content: ""; position: absolute; left: -7px; top: .45rem; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px #fff; }
.timeline__year { font-weight: 700; color: var(--accent); font-size: .95rem; }

/* Bandeau d'appel */
.band { position: relative; isolation: isolate; color: #fff; overflow: hidden; }
.band__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.band::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(8 51 68 / .9), rgb(8 51 68 / .65)); }
.band__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
.band__text { margin: 0; max-width: 40rem; font-size: clamp(1.3rem, 1.1rem + 1vw, 1.9rem); font-weight: 600; line-height: 1.3; }