/* Sprint D5 - cinematic projectvisie. Additief: D4 projectverkenner blijft ongewijzigd. */
.formside .bk-d5-stage{position:sticky;top:20px;z-index:1;isolation:isolate;margin:clamp(30px,4vw,55px) 0 20px;min-width:0;border:1px solid #bba47d;background:#132d25;color:#f5efdf;box-shadow:0 28px 60px rgba(17,42,28,.22);overflow:hidden}
.bk-d5-stage *{box-sizing:border-box}
.bk-d5-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;background:#17372d;border-bottom:1px solid rgba(211,180,115,.36)}
.bk-d5-head .bk-d5-eyebrow,.bk-d5-count{font:800 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#e8c888}
.bk-d5-count{color:#d8e1d6;white-space:nowrap}
.bk-d5-screen{position:relative;height:clamp(390px,37vw,570px);min-height:0;overflow:hidden;background:#253b32}
.bk-d5-poster,.bk-d5-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.bk-d5-poster{display:block;filter:contrast(1.05) saturate(.9);transform:scale(1.015);transition:opacity .55s ease,transform 1.2s ease}
.bk-d5-video{opacity:0;transition:opacity .6s ease;z-index:1;object-position:center}
.bk-d5-playing .bk-d5-video{opacity:1}
.bk-d5-playing .bk-d5-poster{opacity:0}
.bk-d5-screen:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(6,20,15,.5) 0%,rgba(7,20,16,.05) 30%,rgba(7,20,16,.08) 46%,rgba(7,23,17,.91) 100%)}
.bk-d5-hud{position:absolute;z-index:4;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font:700 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e6ecde;text-shadow:0 1px 5px #10251c}
.bk-d5-hud-signal{white-space:nowrap;display:flex;align-items:center;gap:6px}
.bk-d5-hud-signal:before{content:"";width:6px;height:6px;border-radius:50%;background:#dbb66a;box-shadow:0 0 12px rgba(242,218,152,.8)}
.bk-d5-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.7;background-image:linear-gradient(to right,rgba(246,221,151,.23) 1px,transparent 1px),linear-gradient(to bottom,rgba(246,221,151,.2) 1px,transparent 1px);background-size:33.333% 33.333%;mask-image:linear-gradient(to bottom,transparent 5%,#000 25%,#000 75%,transparent 95%)}
.bk-d5-overlay:before,.bk-d5-overlay:after{content:"";position:absolute;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#f8d28a,transparent);box-shadow:0 0 16px rgba(236,194,100,.7);animation:bk-d5-scan 8s linear infinite}
.bk-d5-overlay:after{animation-delay:-4s;opacity:.35}
@keyframes bk-d5-scan{from{top:12%}to{top:86%}}
.bk-d5-reticle{position:absolute;z-index:4;inset:64px 31px 130px;pointer-events:none;border:1px solid rgba(227,199,132,.32);border-radius:2px}
.bk-d5-reticle:before,.bk-d5-reticle:after{content:"";position:absolute;width:20px;height:20px;border-color:#e9c47a;border-style:solid}
.bk-d5-reticle:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.bk-d5-reticle:after{right:-2px;bottom:-2px;border-width:0 2px 2px 0}
.bk-d5-play{position:absolute;z-index:8;top:57px;right:19px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(233,211,170,.75);background:rgba(10,33,25,.81);backdrop-filter:blur(8px);color:#fff4d8;font:700 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.bk-d5-play:hover{background:#214637}.bk-d5-play:focus-visible{outline:3px solid #f1c773;outline-offset:3px}
.bk-d5-play-symbol{font-size:14px;line-height:1}
.bk-d5-caption{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:70px clamp(20px,3vw,33px) 26px;color:#fff}
.bk-d5-type{display:block;color:#e6bf72;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;margin-bottom:12px}
.bk-d5-caption h3{font:400 clamp(33px,3.5vw,51px)/1.05 Georgia,serif;letter-spacing:-.045em;color:#fff!important;margin:0 0 12px;max-width:430px}
.bk-d5-caption h3 em{font-style:italic;color:#f4cb83}
.bk-d5-caption p{color:#e3e9df!important;font:400 13px/1.65 'DM Sans',Arial,sans-serif!important;margin:0!important;max-width:390px}
.bk-d5-foot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:21px 22px;background:#f4ede0;color:#17392c}
.bk-d5-foot-label{display:block;color:#866735;font:800 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:.15em;margin-bottom:5px}
.bk-d5-foot strong{font:500 19px/1.24 Georgia,serif;color:#1d3a2e}
.bk-d5-foot a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:12px 15px;border:1px solid #224b3b;background:#224b3b;color:#fff!important;font:800 10px/1.35 Manrope,Arial,sans-serif;letter-spacing:.03em;text-decoration:none!important;white-space:nowrap}
.bk-d5-foot a:hover{background:#306048}.bk-d5-foot a:focus-visible{outline:3px solid #ba964f;outline-offset:3px}
.bk-d5-disclaimer{margin:0!important;padding:12px 22px 17px;color:#b1c8b9!important;font:400 10px/1.5 'DM Sans',Arial,sans-serif!important}
@media(max-width:1200px){.bk-d5-screen{height:clamp(370px,44vw,540px)}.bk-d5-foot{grid-template-columns:1fr}.bk-d5-foot a{justify-self:start}}
@media(max-width:980px){.formside .bk-d5-stage{position:relative;top:auto;margin-top:30px}.bk-d5-screen{height:auto;aspect-ratio:4/3;max-height:560px;min-height:290px}.bk-d5-foot{grid-template-columns:1fr auto}.bk-d5-foot a{justify-self:stretch}}
@media(max-width:560px){.bk-d5-head{padding:14px 15px}.bk-d5-screen{aspect-ratio:4/5;min-height:370px}.bk-d5-hud{top:14px;left:14px;right:14px;font-size:8px}.bk-d5-reticle{inset:55px 20px 128px}.bk-d5-play{top:43px;right:14px}.bk-d5-caption{padding:64px 20px 23px}.bk-d5-caption h3{font-size:clamp(33px,9vw,43px)}.bk-d5-caption p{font-size:12px!important}.bk-d5-foot{padding:18px 18px 20px;grid-template-columns:1fr}.bk-d5-foot a{width:100%}.bk-d5-foot strong{font-size:21px}.bk-d5-disclaimer{padding:0 18px 15px}}
@media(prefers-reduced-motion:reduce){.bk-d5-overlay:before,.bk-d5-overlay:after{animation:none}.bk-d5-poster,.bk-d5-video{transition:none}}
@media print{.formside .bk-d5-stage{display:none!important}}