/* Brünken Projectfoto's: galerij op de projectpagina */
.bk-pg{display:grid;gap:14px;}
.bk-pg a{position:relative;display:block;overflow:hidden;background:#efeae4;cursor:zoom-in;}
.bk-pg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.bk-pg a:hover img{transform:scale(1.03);}
.bk-pg a:focus-visible{outline:3px solid var(--br-orange,#e9511d);outline-offset:3px;}
.bk-pg .bk-pg__main{border-radius:16px;box-shadow:0 24px 46px -30px rgba(28,20,14,.5);}
.bk-pg .bk-pg__main img{height:auto;max-height:640px;}
/* Raster: 3 per rij; een onvolledige laatste rij wordt verdeeld over 2 bredere foto's (zelfde hoogte) */
.bk-pg__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.bk-pg .bk-pg__item{grid-column:span 2;aspect-ratio:4/3;border-radius:12px;}
@media (min-width:768px){
	.bk-pg .bk-pg__grid.is-r2 .bk-pg__item:nth-last-child(-n+2),
	.bk-pg .bk-pg__grid.is-r1 .bk-pg__item:nth-last-child(-n+4){grid-column:span 3;aspect-ratio:2/1;}
	.bk-pg .bk-pg__grid.is-one .bk-pg__item{grid-column:1 / -1;aspect-ratio:2/1;}
}
@media (max-width:767px){
	.bk-pg,.bk-pg__grid{gap:10px;}
	.bk-pg__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.bk-pg .bk-pg__item{grid-column:auto;}
	.bk-pg .bk-pg__grid.is-odd .bk-pg__item:last-child{grid-column:1 / -1;aspect-ratio:2/1;}
}

/* Fotoviewer */
html.bk-lb-open{overflow:hidden;}
.bk-lb{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;background:rgba(14,9,6,.94);opacity:0;visibility:hidden;transition:opacity .25s ease, visibility 0s linear .25s;}
.bk-lb.is-open{opacity:1;visibility:visible;transition:opacity .25s ease;}
.bk-lb__figure{display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 180px);margin:0;}
.bk-lb__img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 150px);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5);user-select:none;-webkit-user-drag:none;}
.bk-lb__caption{max-width:720px;margin-top:14px;font-size:15px;line-height:1.5;text-align:center;color:rgba(255,255,255,.85);}
.bk-lb__counter{position:absolute;top:34px;left:30px;font-size:14px;font-weight:600;color:rgba(255,255,255,.75);}
.bk-lb__btn{position:absolute;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background-color .2s;}
.bk-lb__btn:hover,.bk-lb__btn:focus-visible{background:var(--br-orange,#e9511d);outline:none;}
.bk-lb__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bk-lb__close{top:20px;right:20px;}
.bk-lb__prev,.bk-lb__next{top:50%;transform:translateY(-50%);}
.bk-lb__prev{left:24px;}
.bk-lb__next{right:24px;}
.bk-lb.is-single .bk-lb__prev,
.bk-lb.is-single .bk-lb__next,
.bk-lb.is-single .bk-lb__counter{display:none;}
@media (max-width:767px){
	.bk-lb__figure{max-width:100vw;}
	.bk-lb__img{max-height:calc(100vh - 190px);border-radius:0;}
	.bk-lb__counter{top:30px;left:20px;}
	.bk-lb__close{top:14px;right:14px;}
	.bk-lb__prev,.bk-lb__next{top:auto;bottom:28px;transform:none;}
	.bk-lb__prev{left:calc(50% - 66px);}
	.bk-lb__next{right:calc(50% - 66px);}
}