/* ===== wereld: album ===== */
body:has(.d-world-album) { --t-orange: #FFE3CF; --t-blue: #DDE7F5; --t-green: #E3EEDB; --t-yellow: #FFF1C9; }
body:has(.d-world-album) .d-section.has-vlak-groen-background-color,
body:has(.d-world-album) .d-section.has-vlak-blauw-background-color { background: #FFF4E8 !important; }
.d-world-album { background: linear-gradient(180deg, #FFF0E0, #FFF9F2) !important; }
.d-world-album .d-play-title mark { color: #D9662A !important; }
body:has(.d-world-album) main .d-section { position: relative; }
body:has(.d-world-album) 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 120 24'%3E %3Crect x='8' y='5' width='34' height='14' rx='2' fill='%23FFC94D' opacity='.8' transform='rotate(-6 25 12)'/%3E %3Cpath d='M52 3 H 70 L 52 21 Z' fill='%231E2B45' opacity='.85'/%3E %3Crect x='78' y='5' width='34' height='14' rx='2' fill='%23F49AB4' opacity='.8' transform='rotate(5 95 12)'/%3E %3C/svg%3E") left center / 120px 24px repeat-x; z-index: 2; pointer-events: none; }
.d-scene-album { position: absolute !important; inset: 0; height: auto !important; }
.d-peek-album::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E %3Crect x='40' y='4' width='28' height='16' rx='4' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='8' y='16' width='104' height='84' rx='16' fill='%238EAAD5' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='60' cy='62' r='24' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3'/%3E%3Ccircle cx='60' cy='62' r='15' fill='%231E2B45'/%3E%3Ccircle cx='55' cy='57' r='4' fill='%23fff'/%3E %3Ccircle cx='26' cy='40' r='4.5' fill='%231E2B45'/%3E%3Ccircle cx='94' cy='40' r='4.5' fill='%231E2B45'/%3E %3Ccircle cx='27.5' cy='38.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='95.5' cy='38.5' r='1.5' fill='%23fff'/%3E %3Ccircle cx='22' cy='54' r='5' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='98' cy='54' r='5' fill='%23F49AB4' opacity='.65'/%3E %3C/svg%3E"); width: 110px; height: 74px; top: -64px; left: 10%; }
.d-peek-right.d-peek-album::before { left: auto; right: 12%; }
@media (prefers-reduced-motion: reduce) { .d-scene-album > *, .d-scene-album::after { animation: none !important; } }

.d-album-hoofd { width: 240px; height: 180px; right: 4%; bottom: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E %3Crect x='60' y='22' width='56' height='28' rx='8' fill='%23FFC94D' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='168' y='26' width='36' height='22' rx='7' fill='%23F07A2B' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='16' y='42' width='208' height='130' rx='26' fill='%238EAAD5'/%3E %3Crect x='16' y='78' width='208' height='16' fill='%237593C4'/%3E %3Crect x='16' y='42' width='208' height='130' rx='26' fill='none' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='120' cy='106' r='46' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3'/%3E %3Ccircle cx='120' cy='106' r='32' fill='%231E2B45'/%3E %3Ccircle cx='120' cy='106' r='18' fill='%235B7FB8'/%3E %3Ccircle cx='108' cy='94' r='7' fill='%23fff' opacity='.9'/%3E %3Ccircle cx='48' cy='118' r='6' fill='%231E2B45'/%3E%3Ccircle cx='192' cy='118' r='6' fill='%231E2B45'/%3E %3Ccircle cx='50' cy='116' r='2' fill='%23fff'/%3E%3Ccircle cx='194' cy='116' r='2' fill='%23fff'/%3E %3Ccircle cx='44' cy='136' r='7' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='196' cy='136' r='7' fill='%23F49AB4' opacity='.65'/%3E %3Cpath d='M108 160 Q 120 168 132 160' stroke='%231E2B45' stroke-width='3' fill='none' stroke-linecap='round'/%3E %3C/svg%3E") !important; z-index: 4; transform-origin: 50% 100%;
  animation: d-album-in .9s cubic-bezier(.3,1.5,.5,1) .2s both, d-album-klik 4s ease-in-out 1.4s infinite; }
.d-album-flits { width: 110px; height: 110px; right: calc(4% + 97px); bottom: 120px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E %3Cg stroke='%23FFC94D' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M50 4V22M50 78V96M4 50H22M78 50H96M17 17L30 30M70 70L83 83M17 83L30 70M70 30L83 17'/%3E%3C/g%3E %3Ccircle cx='50' cy='50' r='20' fill='%23fff' stroke='%23FFC94D' stroke-width='5'/%3E %3C/svg%3E") !important; z-index: 5; opacity: 0;
  animation: d-album-flits 4s ease-out 1.4s infinite; }
.d-scene-album::after { content: ""; position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none; animation: d-album-glans 4s ease-out 1.4s infinite; }
.d-album-pola { width: 80px; height: 92px; z-index: 2; transform: rotate(var(--r));
  animation: d-album-dwarrel 2.6s ease-out both, d-album-schommel 5s ease-in-out 3s infinite; }
.d-album-pola-1 { --r: -9deg; right: 31%; top: 6%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 92'%3E %3Crect x='3' y='3' width='74' height='86' rx='4' fill='%23fff' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='11' y='11' width='58' height='52' fill='%23CFE0F3'/%3E%3Ccircle cx='54' cy='24' r='7' fill='%23FFC94D'/%3E%3Cpath d='M11 63 L11 50 Q 26 36 40 50 Q 52 40 69 52 L69 63 Z' fill='%23729A47'/%3E %3Crect x='11' y='11' width='58' height='52' fill='none' stroke='%231E2B45' stroke-width='1.5'/%3E %3C/svg%3E") !important; animation-delay: 1.8s, 4.4s; }
.d-album-pola-2 { --r: 11deg; right: 3%; top: 5%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 92'%3E %3Crect x='3' y='3' width='74' height='86' rx='4' fill='%23fff' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='11' y='11' width='58' height='52' fill='%23FCE0CF'/%3E%3Cpath d='M40 54 C 22 42 20 28 30 24 C 35 22 39 25 40 29 C 41 25 45 22 50 24 C 60 28 58 42 40 54 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2'/%3E %3Crect x='11' y='11' width='58' height='52' fill='none' stroke='%231E2B45' stroke-width='1.5'/%3E %3C/svg%3E") !important; animation-delay: 2.6s, 5.2s; }
.d-album-pola-3 { --r: -5deg; left: 47%; bottom: 7%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 92'%3E %3Crect x='3' y='3' width='74' height='86' rx='4' fill='%23fff' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='11' y='11' width='58' height='52' fill='%23E3EEDB'/%3E%3Cpath d='M26 63 V 40 L 40 28 L 54 40 V 63 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2'/%3E%3Crect x='35' y='48' width='10' height='15' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='1.5'/%3E%3Ccircle cx='22' cy='22' r='5' fill='%23FFC94D'/%3E %3Crect x='11' y='11' width='58' height='52' fill='none' stroke='%231E2B45' stroke-width='1.5'/%3E %3C/svg%3E") !important; animation-delay: 3.4s, 6s; }

@keyframes d-album-in { from { transform: translateY(120px) scale(.6) rotate(-10deg); opacity: 0; } }
@keyframes d-album-klik {
  0%, 100% { transform: rotate(0) scale(1); }
  40% { transform: rotate(-2deg) translateY(-4px); }
  60%, 84% { transform: rotate(0) scale(1); }
  88% { transform: rotate(-3deg) scale(1.05, .93); }
  93% { transform: rotate(2deg) scale(.97, 1.04); }
}
@keyframes d-album-flits {
  0%, 86% { opacity: 0; transform: scale(.2) rotate(0); }
  90% { opacity: 1; transform: scale(1.1) rotate(20deg); }
  97%, 100% { opacity: 0; transform: scale(1.4) rotate(35deg); }
}
@keyframes d-album-glans { 0%, 87%, 100% { opacity: 0; } 90% { opacity: .22; } }
@keyframes d-album-dwarrel {
  0% { transform: translate(-30px, -460px) rotate(-35deg); opacity: 0; }
  15% { opacity: 1; }
  35% { transform: translate(40px, -300px) rotate(22deg); }
  65% { transform: translate(-24px, -120px) rotate(-14deg); }
  100% { transform: translate(0, 0) rotate(var(--r)); }
}
@keyframes d-album-schommel { 0%, 100% { transform: rotate(var(--r)); } 50% { transform: rotate(calc(var(--r) + 5deg)) translateY(-4px); } }

@media (max-width: 781px) {
  .d-album-hoofd { width: 150px; height: 112px; right: 3%; bottom: 16px; }
  .d-album-flits { width: 70px; height: 70px; right: calc(3% + 60px); bottom: 70px; }
  .d-album-pola-1, .d-album-pola-3 { display: none; }
  .d-album-pola-2 { width: 56px; height: 64px; right: 4%; top: 2%; }
}