/* Home: het ritme van de film, rustig gehouden. Navy (hero) → film op de naad → blauw ("Wat ik voor je bouw":
   witte kaarten op blauw) → licht (de drie stappen) → wit (over mij, sluit er vlak op aan) → blauwe CTA.
   De film staat op de naad: bovenhelft navy, onderhelft blauw, en loopt zo over in de diensten.
   Alleen de H1 met zijn glimlach is het focuspunt van de hero; er zweeft niets omheen. */
.pagina-index .sectie--film{background:var(--korrel),linear-gradient(to bottom,transparent 52%,var(--blauw) 52%),radial-gradient(640px 300px at 50% 0,rgba(37,99,235,.3),transparent 70%),var(--nacht);}
.pagina-index .sectie--film + .sectie--blauw{margin-top:0;border-radius:0;background:var(--korrel),radial-gradient(80% 60% at 50% 55%,rgba(126,166,247,.3),transparent 70%),var(--blauw);}
.pagina-index .sectie--film .film__onder{color:rgba(255,255,255,.92);}
.pagina-index .film__video{box-shadow:0 0 0 1px rgba(186,209,252,.28),0 40px 90px -40px rgba(7,20,42,.7);}
.pagina-index .sectie--blauw .noot,.pagina-index .sectie--blauw .noot strong,.pagina-index .sectie--blauw .noot a{color:var(--wit);}
/* Over mij, gestapeld: ruimte onder het portret zodat de logotegel vrij hangt van "Over mij". */
@media (max-width:860px){.pagina-index .overmij{row-gap:56px;}}

/* haakje in de hero naar de AI-assistent */
.pagina-index .hero__ai{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:16.5px;font-weight:600;color:var(--lucht);animation:opdoemen .5s var(--ease) .64s both;}
.pagina-index .hero__ai .icoon{width:18px;height:18px;rotate:90deg;}
.pagina-index .hero--home .hero__ai + .persoon{margin-top:24px;}

/* tekstversie van de film: een stille uitklapper onder het bijschrift, wit op blauw, zonder kader */
.pagina-index .film__tekst{max-width:62ch;margin:10px auto 0;font-size:15px;line-height:1.6;color:var(--wit);text-align:center;}
.pagina-index .film__tekst summary{display:inline-flex;align-items:center;gap:9px;padding:6px 4px;border-radius:6px;list-style:none;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:5px;transition:text-decoration-color var(--t-ui);}
.pagina-index .film__tekst summary::-webkit-details-marker{display:none;}
.pagina-index .film__tekst summary::after{content:"";width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;rotate:45deg;translate:0 -2px;transition:rotate var(--t-ui) var(--ease),translate var(--t-ui) var(--ease);}
.pagina-index .film__tekst[open] summary::after{rotate:225deg;translate:0 2px;}
.pagina-index .film__tekst summary:hover{text-decoration-color:var(--wit);}
.pagina-index .film__tekst p{margin:8px 0 0;text-align:left;text-wrap:pretty;}
/* filmknop op smalle schermen: 'Bekijk de film' op één regel houden; onder 360px iets minder lucht rechts */
.pagina-index .film__speel{white-space:nowrap;}
@media (max-width:360px){.js .pagina-index .film__speel{padding-right:13px;}}