/* Wereld: groeimeter (Onze opvang) */
body:has(.d-world-groeimeter) { --t-orange: #FFE3C9; --t-blue: #DCE7F5; --t-green: #E3EFD8; --t-yellow: #FFF1C7; }
body:has(.d-world-groeimeter) .d-section.has-vlak-groen-background-color,
body:has(.d-world-groeimeter) .d-section.has-vlak-blauw-background-color { background: #FFF5DD !important; }
.d-world-groeimeter { background: linear-gradient(180deg, #FFF0CF, #FBFAF1) !important; }
.d-world-groeimeter .d-play-title mark { color: #B4652A !important; }
body:has(.d-world-groeimeter) main .d-section { position: relative; }
body:has(.d-world-groeimeter) main .d-section + .d-section::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 24'%3E%3Crect x='0' y='5' width='80' height='14' fill='%23FFC94D'/%3E%3Cpath d='M0 5 H 80 M0 19 H 80' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M0 5 V 16' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M10 5 V 10' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M20 5 V 13' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M30 5 V 10' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M40 5 V 16' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M50 5 V 10' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M60 5 V 13' stroke='%231E2B45' stroke-width='2'/%3E%3Cpath d='M70 5 V 10' stroke='%231E2B45' stroke-width='2'/%3E%3C/svg%3E") left center / 80px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-groeimeter { position: absolute !important; inset: 0; height: auto !important; }
.d-groeimeter-meetlat { width: 56px; height: 300px; right: 3%; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 300'%3E%3Crect x='3' y='3' width='50' height='294' rx='10' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='38' y='232' width='10' height='54' rx='4' fill='%238EAAD5'/%3E%3Crect x='38' y='176' width='10' height='54' rx='4' fill='%23729A47'/%3E%3Crect x='38' y='120' width='10' height='54' rx='4' fill='%23FFC94D'/%3E%3Crect x='38' y='64' width='10' height='54' rx='4' fill='%23EC8B48'/%3E%3Crect x='38' y='14' width='10' height='54' rx='4' fill='%23F49AB4'/%3E%3Cpath d='M6 290 H 30' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M6 276 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 262 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 248 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 234 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 220 H 30' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M6 206 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 192 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 178 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 164 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 150 H 30' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M6 136 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 122 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 108 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 94 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 80 H 30' stroke='%231E2B45' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M6 66 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 52 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 38 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 24 H 20' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.d-groeimeter-nek { width: 64px; height: 220px; right: calc(3% + 66px); bottom: 82px; z-index: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 220'%3E %3Cpath d='M22 50 V 220 H 44 V 50 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M22 60 C 14 70 14 90 22 96 M22 120 C 14 130 14 150 22 156' stroke='%23EC8B48' stroke-width='5' fill='none' stroke-linecap='round'/%3E %3Cg fill='%23EC8B48'%3E%3Ccircle cx='34' cy='80' r='5'/%3E%3Ccircle cx='30' cy='112' r='6'/%3E%3Ccircle cx='36' cy='146' r='5'/%3E%3Ccircle cx='31' cy='178' r='6'/%3E%3Ccircle cx='35' cy='206' r='5'/%3E%3C/g%3E %3Cpath d='M24 18 L 20 4 M40 18 L 44 4' stroke='%231E2B45' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='4' r='4' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='44' cy='4' r='4' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2'/%3E %3Cellipse cx='12' cy='24' rx='9' ry='5' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' transform='rotate(-20 12 24)'/%3E %3Cpath d='M14 30 C 14 14 50 12 54 26 C 64 30 64 50 52 54 C 40 58 22 56 16 46 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Cellipse cx='52' cy='42' rx='9' ry='8' fill='%23F7C58A'/%3E%3Ccircle cx='50' cy='40' r='1.6' fill='%231E2B45'/%3E%3Ccircle cx='56' cy='40' r='1.6' fill='%231E2B45'/%3E %3Ccircle cx='34' cy='30' r='4' fill='%231E2B45'/%3E%3Ccircle cx='35.5' cy='28.5' r='1.4' fill='%23fff'/%3E %3Cpath d='M44 48 Q 50 52 56 48' stroke='%231E2B45' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='30' cy='42' r='4' fill='%23F49AB4' opacity='.65'/%3E %3C/svg%3E") center top / 64px 220px no-repeat !important; transform-origin: bottom center; }
.d-groeimeter-lijf { width: 150px; height: 120px; right: calc(3% + 52px); bottom: 0; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 120'%3E %3Cpath d='M16 44 C 4 50 4 66 8 74' stroke='%231E2B45' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='76' r='5' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cg fill='%23FFC94D' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'%3E %3Crect x='28' y='60' width='14' height='56' rx='6'/%3E%3Crect x='50' y='62' width='14' height='54' rx='6'/%3E %3Crect x='92' y='62' width='14' height='54' rx='6'/%3E%3Crect x='114' y='60' width='14' height='56' rx='6'/%3E %3Cellipse cx='76' cy='52' rx='62' ry='30'/%3E%3C/g%3E %3Cg fill='%23EC8B48'%3E%3Ccircle cx='46' cy='44' r='7'/%3E%3Ccircle cx='70' cy='60' r='6'/%3E%3Ccircle cx='96' cy='42' r='6'/%3E%3Ccircle cx='34' cy='62' r='4'/%3E%3Ccircle cx='112' cy='60' r='5'/%3E%3C/g%3E %3Cg fill='%231E2B45'%3E%3Crect x='28' y='108' width='14' height='8' rx='3'/%3E%3Crect x='50' y='108' width='14' height='8' rx='3'/%3E%3Crect x='92' y='108' width='14' height='8' rx='3'/%3E%3Crect x='114' y='108' width='14' height='8' rx='3'/%3E%3C/g%3E %3C/svg%3E") !important; }
.d-groeimeter-pijl { width: 34px; height: 26px; right: calc(3% + 56px - 30px); bottom: 274px; z-index: 3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'%3E%3Cpath d='M4 15 L 20 4 V 10 H 36 V 20 H 20 V 26 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.d-groeimeter-baby, .d-groeimeter-dreumes, .d-groeimeter-peuter { width: 66px; bottom: 0; z-index: 2; }
.d-groeimeter-baby { height: 63px; right: calc(3% + 358px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 48'%3E%3Cpath d='M25 2 C 22 0 20 4 24 5' stroke='%231E2B45' stroke-width='2' fill='none'/%3E %3Cpath d='M10 44 C 10 33 40 33 40 44 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Ccircle cx='25' cy='13' r='11' fill='%23FCE1C8' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='21' cy='12' r='1.8' fill='%231E2B45'/%3E%3Ccircle cx='29' cy='12' r='1.8' fill='%231E2B45'/%3E %3Cpath d='M21 17 Q 25 20 29 17' stroke='%231E2B45' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='18' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='32' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; }
.d-groeimeter-dreumes { height: 87px; right: calc(3% + 286px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 66'%3E %3Cpath d='M10 62 C 10 33 40 33 40 62 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Ccircle cx='25' cy='13' r='11' fill='%23FCE1C8' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='21' cy='12' r='1.8' fill='%231E2B45'/%3E%3Ccircle cx='29' cy='12' r='1.8' fill='%231E2B45'/%3E %3Cpath d='M21 17 Q 25 20 29 17' stroke='%231E2B45' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='18' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='32' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; }
.d-groeimeter-peuter { height: 111px; right: calc(3% + 212px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 84'%3E %3Cpath d='M10 80 C 10 33 40 33 40 80 Z' fill='%23729A47' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Ccircle cx='25' cy='13' r='11' fill='%23FCE1C8' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='21' cy='12' r='1.8' fill='%231E2B45'/%3E%3Ccircle cx='29' cy='12' r='1.8' fill='%231E2B45'/%3E %3Cpath d='M21 17 Q 25 20 29 17' stroke='%231E2B45' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='18' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='32' cy='16' r='2.4' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; }
.d-peek-groeimeter::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E %3Cpath d='M38 22 L 34 6 M62 22 L 66 6' stroke='%231E2B45' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='6' r='5' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2'/%3E%3Ccircle cx='66' cy='6' r='5' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2'/%3E %3Cellipse cx='18' cy='34' rx='12' ry='6' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' transform='rotate(-20 18 34)'/%3E%3Cellipse cx='82' cy='34' rx='12' ry='6' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' transform='rotate(20 82 34)'/%3E %3Cpath d='M24 80 C 22 40 32 20 50 20 C 68 20 78 40 76 80 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='36' cy='34' r='4' fill='%23EC8B48'/%3E%3Ccircle cx='66' cy='40' r='3' fill='%23EC8B48'/%3E %3Ccircle cx='40' cy='46' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='60' cy='46' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='41.5' cy='44.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='61.5' cy='44.5' r='1.5' fill='%23fff'/%3E %3Ccircle cx='32' cy='58' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='68' cy='58' r='5' fill='%23F49AB4' opacity='.65'/%3E %3Cellipse cx='50' cy='68' rx='14' ry='10' fill='%23F7C58A'/%3E%3Cpath d='M44 66 Q 50 71 56 66' stroke='%231E2B45' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E %3C/svg%3E"); width: 90px; height: 72px; top: -66px; left: 14%; }

/* Animaties: de nek groeit omhoog langs de lat, de pijl schuift mee, kinderen huppen om de beurt */
.d-groeimeter-nek { animation: d-groeimeter-groei 2.4s cubic-bezier(.3,1.25,.5,1) .4s both, d-groeimeter-rek 5s ease-in-out 3.2s infinite; }
@keyframes d-groeimeter-groei { from { height: 70px; } }
@keyframes d-groeimeter-rek { 50% { height: 204px; } }
.d-groeimeter-pijl { animation: d-groeimeter-pijl 2.4s cubic-bezier(.3,1.25,.5,1) .4s both, d-groeimeter-pijlrek 5s ease-in-out 3.2s infinite; }
@keyframes d-groeimeter-pijl { from { bottom: 124px; opacity: 0; } 30% { opacity: 1; } }
@keyframes d-groeimeter-pijlrek { 50% { bottom: 258px; } }
.d-groeimeter-baby, .d-groeimeter-dreumes, .d-groeimeter-peuter { animation: d-groeimeter-hup 4.5s ease-in-out infinite; transform-origin: bottom center; }
.d-groeimeter-baby { animation-delay: 1s; } .d-groeimeter-dreumes { animation-delay: 1.4s; } .d-groeimeter-peuter { animation-delay: 1.8s; }
@keyframes d-groeimeter-hup { 0%, 20%, 100% { transform: none; } 8% { transform: translateY(-14px); } 14% { transform: scaleY(.92); } }
.d-groeimeter-meetlat { animation: d-groeimeter-in .7s cubic-bezier(.3,1.4,.5,1) .1s both; transform-origin: bottom center; }
@keyframes d-groeimeter-in { from { transform: scaleY(.3); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .d-scene-groeimeter > * { animation: none !important; } }

@media (max-width: 781px) {
	.d-scene-groeimeter { transform: scale(.55); transform-origin: right bottom; }
	.d-groeimeter-baby, .d-groeimeter-dreumes { display: none; }
	.d-peek-groeimeter::before { width: 70px; height: 56px; top: -50px; }
}