/* Speelse details in dezelfde beeldtaal als het gele 'Mens' op de homepage. */
.bmz-progress{display:none}
.bmz-reveal{opacity:0;transform:translateY(19px) scale(.992);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.75,.25,1);transition-delay:var(--bmz-delay,0ms)}
.bmz-reveal.bmz-visible{opacity:1;transform:none}
.button,.pill{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
details>summary::after{transition:transform .22s ease}
details[open]>summary::after{transform:rotate(45deg)}
.bmz-wordplay{position:relative;display:inline-block;z-index:0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bmz-wordplay::before{content:"";position:absolute;z-index:-1;left:-.08em;right:-.08em;top:.12em;bottom:.02em;background:#f1dc79;transform:rotate(-1.5deg) scaleX(.96);border-radius:2px;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.bmz-wordplay::after{content:"";position:absolute;left:-.08em;right:-.08em;bottom:-.08em;height:4px;background:#1d1b18;border-radius:99px;transform:scaleX(0) rotate(-1deg);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.bmz-reactive{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
@media(hover:hover){
 .bmz-wordplay:hover{transform:rotate(1.6deg) scale(1.025)}
 .bmz-wordplay:hover::before{transform:rotate(1deg) scaleX(1.04)}
 .bmz-wordplay:hover::after{transform:scaleX(1) rotate(-1deg)}
 .bmz-reactive:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:7px 9px 0 rgba(241,220,121,.62)}
 .bmz-reactive:nth-of-type(even):hover{transform:translateY(-5px) rotate(.25deg)}
}
@media(max-width:760px){
 .bmz-progress{display:block;position:fixed;z-index:120;pointer-events:none;left:12px;right:12px;top:7px;height:1px;background:rgba(29,27,24,.14)}
 .bmz-progress::before{content:"";display:block;width:var(--bmz-progress,0%);height:100%;background:#d7b82f}
 .bmz-progress-dot{display:block;position:absolute;left:var(--bmz-progress,0%);top:50%;width:11px;height:11px;border:1.5px solid #1d1b18;border-radius:50%;background:#f1dc79;transform:translate(-50%,-50%);transition:left .08s linear}
 .bmz-wordplay.bmz-played{transform:rotate(1.2deg) scale(1.015)}
 .bmz-wordplay.bmz-played::before{transform:rotate(.6deg) scaleX(1.02)}
 .bmz-wordplay.bmz-played::after{transform:scaleX(1) rotate(-1deg)}
}
/* Mobiel: scroll-gestuurde beweging, zonder afhankelijkheid van JavaScript. */
@keyframes bmz-slide-left{from{opacity:0;transform:translateX(-34px) rotate(-.6deg)}to{opacity:1;transform:none}}
@keyframes bmz-slide-right{from{opacity:0;transform:translateX(34px) rotate(.6deg)}to{opacity:1;transform:none}}
@keyframes bmz-unfold{from{opacity:.15;clip-path:inset(0 0 92% 0);transform:translateY(18px) scaleY(.86)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes bmz-picture{from{opacity:0;transform:translateY(24px) scale(.94) rotate(-1deg)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
 @media(max-width:760px){
  main section h2,main section h3,.sectionHead h2,.aboutBmzConclusion h2{
   animation:bmz-slide-left linear both;animation-timeline:view();animation-range:entry 5% cover 26%;
  }
  .path,.route,.case,.dreamBridgeStep,.accordion>details,.howDetails>details,.allTopics,.topicGroup,.aboutThreadPanel,.aboutPride,.aboutYellow,.aboutInlineQuote,.aboutFinalQuote{
   animation:bmz-unfold linear both;animation-timeline:view();animation-range:entry 2% cover 30%;transform-origin:top;
  }
  .path:nth-child(even),.route:nth-child(even),.case:nth-child(even),.dreamBridgeStep:nth-child(even),.aboutThreadPanel:nth-child(even){
   animation-name:bmz-slide-right;animation-range:entry 4% cover 27%;
  }
  .topicContent>p,.aboutNarrativeText>p,.aboutPersonalLead,.aboutCredentials,.aboutRoute,.aboutBmzConclusion>p,.dreamOpening p,.dreamHouseCopy p{
   animation:bmz-slide-right linear both;animation-timeline:view();animation-range:entry 4% cover 27%;
  }
  .aboutHeroVisual,.aboutMotherFinishPhoto,.dreamStoryArt,.dreamHouseVisual,.portrait,.motherImage{
   animation:bmz-picture linear both;animation-timeline:view();animation-range:entry 3% cover 32%;
  }
 }
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .bmz-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .bmz-progress-dot,.button,.pill,details>summary::after,.bmz-wordplay,.bmz-wordplay::before,.bmz-wordplay::after,.bmz-reactive{transition:none!important}
 main section h2,main section h3,.path,.route,.case,.dreamBridgeStep,.accordion>details,.howDetails>details,.allTopics,.topicGroup,.aboutThreadPanel,.aboutPride,.aboutYellow,.aboutInlineQuote,.aboutFinalQuote,.topicContent>p,.aboutNarrativeText>p,.aboutPersonalLead,.aboutCredentials,.aboutRoute,.aboutBmzConclusion>p,.dreamOpening p,.dreamHouseCopy p,.aboutHeroVisual,.aboutMotherFinishPhoto,.dreamStoryArt,.dreamHouseVisual,.portrait,.motherImage{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
}