/* MuseumBooqi, 13 okt 2026 (Nout: "de herofoto is nog erg druk, daar hadden we afspraken over"; "het beige zouden we eruit
   halen"). Zoals themepark (assets/css/markets/themepark.css), maar stoffig voor een volwassen publiek: een rustige lege zaal
   zonder mensen (Pexels 19968245, Filipp Romanovski), een lichte waas links en donkere tekst, en lichtgrijs en wit in plaats van
   crème #faf8f3 en steen #f3efe7. Dezelfde tinten als het museumverhaal (parkscroll, .ps--museum). */
body.market-museum .hbstory{--papier:#F1F2F4;--wit:#FFFFFF;--rand:#DDE0E6;background:#FFFFFF}
body.market-museum .hbstory .topnav{background:rgba(255,255,255,.94) !important}
body.market-museum .hbstory section#top,
body.market-museum .hbstory section#who,
body.market-museum .hbstory section#how,
body.market-museum .hbstory section#pricing{background:#FFFFFF !important}
body.market-museum .hbstory section#pijler-1,
body.market-museum .hbstory section#opbrengst,
body.market-museum .hbstory section#fits,
body.market-museum .hbstory section#faq{background:#F1F2F4 !important}

/* De hero: rustige zaal, lichte waas links, donkere tekst */
body.market-museum .hbstory .h3kader{background:#E6E9EC}
body.market-museum .hbstory .h3kader .h3beeld::before{
  background:linear-gradient(90deg,rgba(244,245,247,.92) 0%,rgba(244,245,247,.74) 34%,rgba(244,245,247,.16) 60%,rgba(244,245,247,0) 72%) !important}
body.market-museum .hbstory .h3tekst,
body.market-museum .hbstory .h3tekst h1,
body.market-museum .hbstory .h3tekst .h3voor,
body.market-museum .hbstory .h3tekst .h3pk,
body.market-museum .hbstory .h3tekst .h3bewijs{color:#232A36 !important;text-shadow:none !important}
body.market-museum .hbstory .h3tekst .h3sub{color:rgba(35,42,54,.84) !important;text-shadow:none !important}
body.market-museum .hbstory .h3knoppen .btn.o{color:#232A36 !important;background:rgba(255,255,255,.74) !important;border-color:rgba(35,42,54,.28) !important}

/* Het dagverhaal is weg (het museumverhaal bovenaan vertelt het nu), dus ook de links "See it in the day" */
body.market-museum .hbstory .hnaar{display:none !important}
/* 13 okt: de hero vult het eerste scherm (onder de kopbalk), zodat de bezoeker eerst alleen de hero ziet */
@media (min-width:821px){body.market-museum .hbstory .h3kader{min-height:clamp(560px,calc(100svh - 65px),900px) !important}}