/* ============================================================
   PROCES-OPTIMALISATIE — pagina-eigen composities
   Idee van de pagina: mega-druk, en toch rust in de tent — één
   platform waar alles samenkomt, van keuken tot leverancier tot gast.

   De sectievolgorde volgt de originele pagina, inclusief allebei de
   donkere secties: "Geen document, maar een ervaring" (inkt) na de
   crew-communicatie, en de fotoband "Eén proces, zodat de zon altijd
   schijnt" na de administratie-rijen.

   De gedeelde EMS-composities (kruimelpad, hero-frame, cijferbalk,
   split-rijen, card-stack, donkere fotobanden, features, demo, FAQ,
   switcher) staan in pages/ems-gedeeld.css en worden dáárvóór geladen.
   ============================================================ */

/* ---- 4. Constellation-band: het netwerk van de locatie ----
   De bronillustratie is 1920x717 en leest alleen op volle breedte; in een
   kolom valt hij weg in wit. Kop + agentic-kaart erboven, beeld als band. */
.po-connect-top { align-items: start; }
.po-connect-top .section-head { text-align: left; margin-inline: 0; margin-bottom: 0; max-width: 42rem; }
.po-connect-band { width: min(96rem, 100% - 3rem); margin: clamp(2rem, 5vw, 3.5rem) auto 0; }
.po-connect-band img { display: block; width: 100%; height: auto; }

/* ---- 10. Inkt-band: geen document, maar een ervaring ---- */
.po-ervaring { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 32rem); gap: clamp(2rem, 6vw, 4.5rem); align-items: center; }
@media (max-width: 900px) { .po-ervaring { grid-template-columns: 1fr; } }
.po-ervaring .po-ervaring-lead { max-width: 34rem; margin-bottom: var(--sp-7); }
.po-ervaring-beeld img { display: block; width: 100%; height: auto; border-radius: var(--r-card); }