/* MeerwerkPro 5.7 — gerichte premium details. Lokaal, geen externe fonts of beeldscripts. */
@media(min-width:781px){
  /* Toegankelijke dropdown-animatie. CSS 5.5 gebruikt display:none op submenus. */
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list .sub-menu{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,8px,0);transform-origin:top center;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list li:hover>.sub-menu,
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list li:focus-within>.sub-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  body:not(.mwp-motion-off) .site-header .primary-nav>a:not(.mwp-start-link),
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list>li>a{transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
  body:not(.mwp-motion-off) .site-header .primary-nav>a:not(.mwp-start-link):hover,
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list>li>a:hover{transform:translateY(-1px)}
}
/* Hero en CTA-accenten, zonder click-through blockers */
body:not(.mwp-motion-off) .home-hero .hero-visual,
body:not(.mwp-motion-off) :is(.mwp54-story-hero,.mwp54-how-hero){position:relative;isolation:isolate}
body:not(.mwp-motion-off) :is(.mwp54-story-hero,.mwp54-how-hero)::after{
  content:"";position:absolute;right:-100px;top:-120px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,#54d6c32e,transparent 70%);pointer-events:none;z-index:-1;
}
body.mwp-motion-lively :is(.mwp54-story-hero,.mwp54-how-hero)::after{animation:mwp57-orbit 13s ease-in-out infinite alternate}
@keyframes mwp57-orbit{from{transform:translate3d(-8px,0,0)}to{transform:translate3d(38px,32px,0)}}
/* Visueel ritme in de illustratie uit het oprichtersverhaal. */
body:not(.mwp-motion-off) .mwp54-home-story-art .mwp54-art-result{
  box-shadow:0 10px 25px #0f55551d;transition:box-shadow .3s ease
}
body.mwp-motion-lively .mwp54-home-story-art:hover .mwp54-art-result{box-shadow:0 17px 32px #0f555533}
/* Premium filter: alleen hover met muis, geen automatische herschikking. */
@media(hover:hover) and (pointer:fine){
 body:not(.mwp-motion-off) .mwp56-glow-card{position:relative;overflow:hidden;isolation:isolate}
 body:not(.mwp-motion-off) .mwp56-glow-card::after{
  content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mwp57-x,50%) var(--mwp57-y,50%),rgba(41,175,150,.105),transparent 70%);
  opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:0
 }
 body:not(.mwp-motion-off) .mwp56-glow-card:hover::after{opacity:1}
 /* De kaartcontent blijft voorgrond. */
 body:not(.mwp-motion-off) .mwp56-glow-card > *{position:relative;z-index:1}
}
/* Bedieningselementen: focusvolgorde blijft ongewijzigd. */
body:not(.mwp-motion-off):not(.mwp-motion-portal-disabled) :is(.mwp-auth input:not([type=checkbox]),.mwp-auth select,.mwp-auth textarea,.mwp-app input:not([type=checkbox]),.mwp-app select,.mwp-app textarea){transition:border-color .2s ease,box-shadow .2s ease}
body:not(.mwp-motion-off):not(.mwp-motion-portal-disabled) :is(.mwp-auth input:not([type=checkbox]),.mwp-auth select,.mwp-auth textarea,.mwp-app input:not([type=checkbox]),.mwp-app select,.mwp-app textarea):focus-visible{border-color:#248e87;box-shadow:0 0 0 4px rgba(34,151,136,.11);outline:2px solid #1d8d81;outline-offset:1px}
body:not(.mwp-motion-off) .mwp54-how-tags span{transition:background-color .22s ease,border-color .22s ease}
body:not(.mwp-motion-off) .mwp54-how-tags span:hover{background:#e0f6ef;border-color:#9ad4c6}
/* Kleurcontrast blijft expliciet en kleuren worden niet met pulse/flash geanimeerd. */
@media(max-width:780px){
  body:not(.mwp-motion-off) .site-header .mwp-navigation-list .sub-menu{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  body .mwp56-glow-card::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  body .mwp54-story-hero::after,body .mwp54-how-hero::after{animation:none!important}
  body .mwp56-glow-card::after{display:none!important}
  body .site-header .mwp-navigation-list .sub-menu{transition:none!important}
}
/* Mobiel: het uitgeklapte menu verschijnt met een korte beweging, zonder een
 * tweede header, zonder verborgen links en zonder vaste hoogte. */
@media(max-width:780px) and (prefers-reduced-motion:no-preference){
 body:not(.mwp-motion-off) .site-header .primary-nav.is-open{animation:mwp57-menu-in .22s cubic-bezier(.2,.7,.2,1) both}
 @keyframes mwp57-menu-in{from{opacity:.4;transform:translate3d(0,-7px,0)}to{opacity:1;transform:none}}
}
/* Een ingevulde budgetbalk wordt één keer visueel opgebouwd zodra de sectie in beeld komt. */
@media(prefers-reduced-motion:no-preference){
 body:not(.mwp-motion-off) .dark-stripe.mwp56-visible .sample-progress span{transform-origin:left center;animation:mwp57-budget-fill .95s .18s both cubic-bezier(.2,.7,.2,1)}
 @keyframes mwp57-budget-fill{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
 body.mwp-motion-lively .home-hero .float-bubble{animation:mwp57-soft-float 5.5s ease-in-out infinite alternate}
 @keyframes mwp57-soft-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-7px,0)}}
}