/* Business Kompas – Flow montage for Sprint M. One film + three clickable services. */
.bk-hero-movie{min-height:410px;height:410px;isolation:isolate;background:#25303b;box-shadow:0 26px 66px #02091145;transform:translateZ(0)}
.bk-hero-movie video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block;z-index:0;background:#25303b}
.bk-hero-movie:after{pointer-events:none;z-index:1;background:linear-gradient(180deg,#0b14220b 15%,#0b14221a 48%,#0b1422d9 100%)}
.bk-hero-movie .bk-hero-visual-overlay{left:30px;bottom:28px;right:100px;gap:11px;pointer-events:none}
.bk-hero-movie .bk-hero-visual-overlay span{font-size:9px;color:#f1d3a9;letter-spacing:.16em;text-shadow:0 1px 8px #0005}
.bk-hero-movie .bk-hero-visual-overlay strong{font-size:clamp(26px,2.15vw,37px);font-weight:400;text-shadow:0 2px 12px #0007}
.bk-film-control{position:absolute;z-index:4;right:19px;bottom:24px;background:#101b29c7;border:1px solid #f0d1a67a;color:#fff;border-radius:30px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:background .2s ease,border-color .2s ease}
.bk-film-control:hover{background:#1e3448ed;border-color:#f0d1a6}.bk-film-control:focus-visible{outline:3px solid #e3bc81;outline-offset:3px}.bk-film-control-icon{font-size:13px;color:#edcc9c;min-width:12px;text-align:center}
/* Convert cards to complete links, retaining M's original hierarchy. */
a.bk-pillar{color:var(--text);cursor:pointer;outline-offset:5px}a.bk-pillar:focus-visible{outline:3px solid #c58e52;outline-offset:4px}a.bk-pillar .bk-pillar-link{pointer-events:none;transition:color .25s ease}
a.bk-pillar:hover .bk-pillar-link,a.bk-pillar:focus-visible .bk-pillar-link{color:#a66a40}
.bk-web-art img{transition:transform 1s cubic-bezier(.16,.78,.33,1),filter 1s ease}
a.bk-pillar:hover .bk-web-art img,a.bk-pillar:focus-visible .bk-web-art img{transform:scale(1.07);filter:contrast(1.04) saturate(1.03)}
.bk-mini-app{transition:transform .55s cubic-bezier(.16,.8,.3,1),box-shadow .55s ease}
a.bk-pillar:hover .bk-mini-app,a.bk-pillar:focus-visible .bk-mini-app{transform:rotate(0deg) translateY(-6px);box-shadow:0 30px 48px #050d19a3}
.bk-mini-stats span:last-child b{animation:bk-stat-glow 7s ease-in-out infinite}
@keyframes bk-stat-glow{0%,55%,100%{color:#1e3d55}65%,85%{color:#bf8550}}
.bk-flow-node{transition:background .35s ease,box-shadow .35s ease}
.bk-auto-art .bk-flow-node:nth-child(1){animation:bk-flow-first 7s ease-in-out infinite}
.bk-auto-art .bk-flow-node:nth-child(3){animation:bk-flow-second 7s ease-in-out infinite}
.bk-auto-art .bk-flow-node:nth-child(5){animation:bk-flow-third 7s ease-in-out infinite}
@keyframes bk-flow-first{0%,10%,40%,100%{box-shadow:none}18%,32%{box-shadow:0 0 0 3px #e3bc81aa}}
@keyframes bk-flow-second{0%,40%,75%,100%{box-shadow:none}47%,64%{box-shadow:0 0 0 3px #e3bc81aa}}
@keyframes bk-flow-third{0%,68%,100%{box-shadow:none}75%,91%{box-shadow:0 0 0 3px #e3bc81aa}}
a.bk-pillar:hover .bk-automated-result,a.bk-pillar:focus-visible .bk-automated-result{background:#366e60;color:#f3fff9}
@media(max-width:940px){.bk-hero-movie{height:390px;min-height:390px}}
@media(max-width:600px){.bk-hero-movie{display:block;min-height:255px;height:255px;margin-top:17px;border-radius:5px 5px 18px 5px}.bk-hero-movie video{object-position:center center}.bk-hero-movie .bk-hero-visual-overlay{left:17px;bottom:17px;right:80px;gap:5px}.bk-hero-movie .bk-hero-visual-overlay strong{font-size:24px}.bk-hero-movie .bk-hero-visual-overlay span{font-size:8px}.bk-film-control{bottom:17px;right:13px;padding:9px 10px}.bk-film-control-label{display:none}}
@media(max-width:370px){.bk-hero-movie{height:215px;min-height:215px}.bk-hero-movie .bk-hero-visual-overlay strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.bk-web-art img,.bk-mini-app,a.bk-pillar,.bk-film-control{transition:none!important}.bk-mini-stats span:last-child b,.bk-auto-art .bk-flow-node{animation:none!important}}