/* A2 "Kunst" — het ADL-campagnebeeld 2026-2027 als blikvanger op diepblauw; foto's enkel klein in de reeks. */
.hero-campagne, .hero-foto.hero-photo { position: relative; margin: 0 calc(50% - 50vw) 1rem; padding: 3rem 0 2.5rem; background: #17427f; color: #fff; overflow: hidden; }
html[data-theme="dark"] .hero-campagne, html[data-theme="dark"] .hero-foto.hero-photo { background: #0f2a55; }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .hero-campagne, html:not([data-theme="light"]) .hero-foto.hero-photo { background: #0f2a55; } }
.hero-campagne, .hero-foto.hero-photo::before { content: ""; position: absolute; width: 60rem; height: 60rem; right: -30rem; top: -35rem; border-radius: 50%; border: 5rem solid rgba(255,255,255,.05); pointer-events: none; }
.hero-campagne, .hero-foto.hero-photo .hero-grid { max-width: 62rem; margin: 0 auto; padding: 0 1rem; display: grid; gap: 2rem; align-items: center; }
.hero-campagne, .hero-foto.hero-photo .eyebrow { color: #e6bf66; border: 1px solid rgba(230,191,102,.6); display: inline-block; padding: .25em .7em; border-radius: 2em; }
.hero-campagne, .hero-foto.hero-photo h1 { color: #fff; font-size: 2.6rem; max-width: 12em; }
.hero-campagne, .hero-foto.hero-photo .lead { color: #dfe7f5; }
.hero-campagne, .hero-foto.hero-photo .btn { background: #e6bf66; border-color: #e6bf66; color: #14243f; }
.hero-campagne, .hero-foto.hero-photo .btn-secondary { background: transparent; color: #fff; border-color: #fff; }
.hero-campagne, .hero-foto.hero-photo .hero-visual { max-width: none; }
.hero-campagne, .hero-foto.hero-photo .hero-img-art { width: 100%; height: auto; border-radius: 1.2rem; box-shadow: 0 30px 70px rgba(0,0,0,.35); transform: rotate(-2.5deg); aspect-ratio: auto; }
.hero-campagne, .hero-foto.hero-photo .next { max-width: 62rem; margin: 1.5rem auto 0; margin-left: max(1rem, calc(50% - 31rem)); margin-right: max(1rem, calc(50% - 31rem)); background: var(--card); color: var(--text); border-left-color: #e6bf66; border-color: transparent; border-radius: .6rem; }
.hero-campagne, .hero-foto.hero-photo .next .act-date { background: #17427f; color: #fff; }
.hero-campagne, .hero-foto.hero-photo .stats { max-width: 62rem; margin: 0 auto; padding: 1rem 1rem 0; }
.hero-campagne, .hero-foto.hero-photo .stats li { border-top-color: #e6bf66; } .hero-campagne, .hero-foto.hero-photo .stats strong { color: #fff; } .hero-campagne, .hero-foto.hero-photo .stats span { color: #dfe7f5; }
.hero-campagne ~ .sec .campagne { display: none; }
.why { background: var(--bg-soft); color: var(--text); border-top: 4px solid var(--gold); }
.why h2, .why h3 { color: var(--primary); } .why p { color: var(--muted); } .why::after { border-color: rgba(23,66,127,.06); }
.why-icon { background: var(--primary); color: var(--primary-ink); }
.sfeer { margin: 0 auto; max-width: 62rem; padding: 2.5rem 1rem 0; background: transparent; border: 0; }
.sfeer + .sec { border-top: 0; padding-top: 2.5rem; }
.sfeer-grid { gap: 1rem; grid-auto-rows: 8rem; }
.sfeer-grid img { border-radius: .6rem; }
@media (min-width: 40rem) { .hero-campagne, .hero-foto.hero-photo .hero-grid { grid-template-columns: 1.1fr 1fr; } .hero-campagne, .hero-foto.hero-photo h1 { font-size: 3.4rem; } .sfeer-grid { grid-auto-rows: 11rem; } }
@media (prefers-reduced-motion: reduce) { .hero-campagne, .hero-foto.hero-photo .hero-img-art { transform: none; } }

/* photo hero in the A2 block: neutralise the full-bleed rules of the base theme */
.hero-foto.hero-photo::before, .hero-foto.hero-photo::after { display: none; }
.hero-foto.hero-photo .hero-visual { position: relative; inset: auto; }
.hero-foto.hero-photo .hero-text { padding: 0; }
.hero-foto.hero-photo .hero-img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 1.2rem; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.hero-foto.hero-photo .next { margin-left: max(1rem, calc(50% - 31rem)); margin-right: max(1rem, calc(50% - 31rem)); }
.hero-foto.hero-photo .stats { padding: 1rem 1rem 0; }