/* Buro Reni – site.css (showcase v3). Tokens: tokens.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.br{margin:0;background:var(--br-white);color:var(--br-black);font-family:var(--font-mono);font-size:16px;line-height:1.5}
.br a{color:var(--br-black)}.br a:hover{color:var(--br-periwinkle-ink)}
.br img,.br video{max-width:100%;display:block}
.br ::selection{background:var(--br-periwinkle);color:var(--br-black)}
.br button{font:inherit;color:inherit}
.br-label{font-size:14px;line-height:1.4;text-transform:uppercase;letter-spacing:.02em}
.br-lead{margin:0;font-size:clamp(15px,1.5vw,21px);line-height:1.35;letter-spacing:-.03em;max-width:60ch;text-wrap:pretty}
.br-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* Header */
.br-header__logo,.br-header__cta{position:fixed;top:20px;z-index:50;display:flex;align-items:center;height:clamp(28px,3vw,44px);background:var(--br-white);border:1.5px solid transparent;border-radius:0;color:var(--br-black);text-decoration:none;transition:border-color .2s,height .45s cubic-bezier(.2,.7,.2,1),padding .45s cubic-bezier(.2,.7,.2,1),left .45s,right .45s,font-size .45s}
.br-header__logo{left:12px;padding:0 2px}.br-header__logo svg{height:100%;width:auto;display:block}
.br-header__cta{right:12px;padding:0 2px;cursor:pointer;font-family:var(--font-mono);font-size:clamp(15px,1.5vw,21px);letter-spacing:.02em;text-transform:uppercase}
.br-scrolled .br-header__logo{left:26px;height:46px;padding:8px 18px;border-color:var(--br-black)}.br-scrolled .br-header__logo svg{height:28px}
.br-scrolled .br-header__cta{right:26px;height:46px;padding:0 18px;font-size:15px;border-color:var(--br-black)}
.br-header__cta:hover,.br-scrolled .br-header__cta:hover{background:var(--br-black);color:var(--br-white)}

/* Frame */
.br-home,.br-page{padding:calc(32px + clamp(28px,3vw,44px)) 12px 12px}
.br-home{min-height:100svh;display:flex;flex-direction:column}
.br-frame{border:1px solid var(--br-black);flex:1;display:flex;flex-direction:column;min-height:0}
.br-page .br-frame{padding:14px}

/* Hero */
.br-hero{flex:1 0 auto;display:grid;grid-template-rows:auto minmax(8px,1fr) auto;padding:clamp(8px,1.6svh,14px) 14px}
.br-hero__top{display:flex;justify-content:flex-end;align-items:flex-start;gap:24px}
.br-doe{margin:0;display:grid;gap:clamp(0px,.4svh,4px);font-size:clamp(13px,min(1.1vw,1.9svh),18px);line-height:1.25}.br-doe__k{margin-bottom:clamp(2px,.8svh,8px)}
.br-hero__glyph{font-size:clamp(22px,min(8.6vw,9.2svh),138px);line-height:.8}
.br-hero__txt{grid-row:3;display:grid;gap:clamp(8px,1.8svh,18px);padding-top:clamp(8px,2.4svh,24px)}
.br-h1{margin:0;font-weight:400;font-size:clamp(22px,min(8vw,8svh),138px);line-height:.95;letter-spacing:-.065em;text-wrap:balance}
.br-sub{margin:0;font-size:clamp(15px,min(2.2vw,3svh),34px);line-height:1.2;letter-spacing:-.035em;max-width:58ch;text-wrap:balance}
.br-mark{background:none;color:inherit;background-image:linear-gradient(var(--br-lime),var(--br-lime));background-repeat:no-repeat;background-position:0 60%;background-size:0 100%;transition:background-size 1.2s cubic-bezier(.45,0,.25,1);padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.br-mark.is-on{background-size:100% 100%}
.br-typing{position:relative}
.br-typed{position:absolute;inset:0}
.br-ghost{visibility:hidden}
.br-caret{position:relative;animation:brBlink 1s steps(1) infinite}.br-caret::after{content:"";position:absolute;left:.02em;bottom:-.1em;width:.08em;height:.9em;background:currentColor}.br-rest{color:transparent}.br-rest,.br-mark:not(.is-on) .br-rest{background:none}
@keyframes brBlink{50%{opacity:0}}

/* Uitgelicht */
.br-feat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--br-black);position:relative;z-index:3}
.br-feat>.br-tile{aspect-ratio:1;padding:min(2.2vw,1.6svh);border-left:1px solid var(--br-black)}
.br-feat>.br-tile:first-child{border-left:0}
.br-feat .br-tile__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:859px){.br-feat{grid-template-columns:repeat(3,minmax(0,1fr))}.br-feat>.br-tile:nth-child(3n+1){border-left:0}.br-feat>.br-tile:nth-child(n+4){border-top:1px solid var(--br-black)}}

/* Tegel = platenhoes */
.br-tile{position:relative;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--br-black);z-index:1}
.br-tile:hover{z-index:20}
.br-sleeve{position:relative;display:block;aspect-ratio:1;background:var(--br-white);box-shadow:0 2px 5px rgba(0,0,0,.16),0 14px 28px -8px rgba(0,0,0,.34);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.br-sleeve img{width:100%;height:100%;object-fit:cover}
.br-sleeve::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),inset 14px 0 22px -14px rgba(0,0,0,.20),inset -10px 0 18px -12px rgba(255,255,255,.25),inset 0 -14px 22px -16px rgba(0,0,0,.16)}
.br-tile:hover .br-sleeve{transform:scale(1.18)}
.br-feat .br-tile:hover .br-sleeve{transform:scale(1.28)}
.br-tile__t{font-size:14px;text-transform:uppercase;line-height:1.3}
.br-tile--magazine .br-sleeve{aspect-ratio:1.41}
.br-logocover{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding:6%;width:100%;height:100%;background:var(--br-white)}
.br-logocover img{aspect-ratio:1;object-fit:cover}

/* Index-rijen (01/ Werk …) */
.br-acc{border-top:1px solid var(--br-black)}
.br-acc__h{margin:0}
.br-acc__h button{display:grid;grid-template-columns:clamp(60px,10vw,180px) 1fr auto;align-items:center;width:100%;padding:clamp(7px,1.3svh,12px) 14px;border:0;background:none;text-align:left;cursor:pointer;font-size:14px;text-transform:uppercase;font-weight:400}
.br-acc__h button:hover{background:var(--br-periwinkle)}
.br-acc__i{font-size:22px;line-height:1}
.br-acc.is-open .br-acc__i{transform:rotate(45deg)}
.br-acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.7,0,.2,1)}
.br-acc__body>div{overflow:hidden}
.br-acc.is-open .br-acc__body{grid-template-rows:1fr}
.br-acc__in{padding:0 14px 14px}

/* Archief-tabbladen */
.br-stack__row{border-top:1px solid var(--br-black)}
.br-stack--cursus .br-stack__row:first-child{border-top:0}
.br-stack__btn{position:relative;display:grid;grid-template-columns:clamp(40px,10vw,180px) 1fr;align-items:start;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.br-stack__n{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;font-size:14px;line-height:1}
.br-stack__w{grid-column:2;display:flex;align-items:flex-start;overflow:hidden;padding-top:.14em;height:.62em;font-size:clamp(22px,min(8.6vw,9.2svh),138px);line-height:1;letter-spacing:-.065em;transition:height .7s cubic-bezier(.7,0,.2,1)}
.br-stack--cursus .br-stack__w{font-size:clamp(38px,10.5vw,168px)}
.br-stack__w>span{display:block;margin-top:-.05em;transition:margin .7s cubic-bezier(.7,0,.2,1)}
.br-stack__row.is-open .br-stack__w{height:1.02em}.br-stack__row.is-open .br-stack__w>span{margin-top:0}
.br-stack__btn:hover .br-stack__w,.br-stack__row.is-open .br-stack__w{color:var(--br-periwinkle-ink)}
.br-stack__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.7,0,.2,1)}
.br-stack__body>div{overflow:hidden}
.br-stack__row.is-open .br-stack__body{grid-template-rows:1fr}
@media (max-width:859px){.br-stack__w{padding-top:.42em}}
.br-kind{display:grid;grid-template-columns:clamp(40px,10vw,180px) minmax(0,1fr);gap:0;padding:14px 0 18px}
.br-kind>.br-label{padding-top:4px}

/* Carousel */
.br-car{overflow:hidden;width:100%;min-width:0;padding:22px 0 26px;margin:-22px 0 -26px}
.br-car__track{display:flex;gap:clamp(16px,2vw,32px);width:max-content;will-change:transform}
.br-car .br-tile{width:clamp(200px,17vw,320px);flex:none}
.br-car.is-static{overflow-x:auto;scrollbar-width:none}.br-car.is-static::-webkit-scrollbar{display:none}

/* Cursus */
.br-cursus-intro{display:grid;gap:24px;padding:14px 0 24px}
.br-topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.br-topics li{display:grid;gap:6px;font-size:15px;line-height:1.4}.br-topics strong{font-weight:400;text-transform:uppercase;font-size:14px}
.br-cursus{display:grid;gap:28px;padding:18px 0 24px}
.br-cursus__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px}
.br-info{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:0;font-size:14px;line-height:1.5;text-transform:uppercase;align-content:start}
.br-info dt{color:var(--br-grey-500)}.br-info dd{margin:0}
.br-row-btns{display:flex;flex-wrap:wrap;gap:12px}
.br-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;padding:28px 0 8px;border-top:1px solid var(--br-black)}
.br-quotes figure{margin:0;display:grid;gap:12px;align-content:start}
.br-quotes blockquote{margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.4;letter-spacing:-.02em}
.br-quotes figcaption{font-size:14px;text-transform:uppercase}
.br-stars{display:flex;gap:4px;font-size:24px;line-height:1}

/* Knoppen */
.br-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 18px;border:1.5px solid var(--br-black);border-radius:0;background:var(--br-white);font-family:var(--font-mono);font-size:15px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:var(--br-black)}
.br-btn--sq{height:46px;font-size:15px;padding:0 18px}
.br-btn:hover{background:var(--br-black);color:var(--br-white)}
.br-btn[disabled]{opacity:.5;pointer-events:none}

/* Contact */
.br-contact{display:grid;gap:28px;padding:18px 0 4px}
.br-contact__mail{font-size:clamp(32px,5vw,84px);line-height:1;letter-spacing:-.05em;text-decoration:none;word-break:break-all}
.br-contact__links{display:grid;gap:20px;justify-items:start}
.br-contact__social{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;text-transform:uppercase}
.br-contact__social a{text-decoration:none}

/* Case */
.br-case{padding-top:calc(32px + clamp(28px,3vw,44px))}
.br-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100svh - 32px - clamp(28px,3vw,44px));border-top:1px solid var(--br-black)}
.br-split__img{border-right:1px solid var(--br-black);overflow:hidden;display:grid}
.br-split__img>img,.br-split__img>.br-logocover{width:100%;height:100%;object-fit:cover}
.br-split__txt{display:grid;align-content:end;gap:28px;padding:14px}
.br-case__t{margin:0;font-weight:400;font-size:var(--t-display-xl);line-height:.95;letter-spacing:-.065em}
@media (max-width:859px){.br-split{grid-template-columns:1fr;min-height:0}.br-split__img{border-right:0;border-bottom:1px solid var(--br-black);aspect-ratio:1}}
.br-hs{position:relative}
.br-hs__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.br-hs__track{display:flex;height:100%;width:max-content;will-change:transform}
.br-p{flex:none;height:100%;display:flex;align-items:center}
.br-p img,.br-p video{height:100%;width:auto;max-width:none;object-fit:contain}
.br-p--multi{gap:0}
.br-p--quote,.br-p--text{width:min(80vw,900px);padding:0 6vw}
.br-p--quote blockquote{margin:0;font-size:var(--t-h2);line-height:1.05;letter-spacing:-.05em}
.br-p--quote cite{display:block;margin-top:24px;font-style:normal;font-size:14px;text-transform:uppercase}
.br-p--text{font-size:clamp(16px,1.4vw,21px);line-height:1.45}
.br-p--logos{gap:3vw;padding:0 3vw}
.br-p--logos figure{margin:0;flex:none;width:min(56vh,72vw);display:grid;gap:12px}
.br-p--logos img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.br-p--logos figcaption{font-size:14px;text-transform:uppercase}
.br-p--laptop{width:100vw;justify-content:center;padding:0 6vw;background:var(--br-white)}
.br-laptop{width:min(100%,calc((100svh - 140px) * 1.6));display:grid}
.br-laptop__screen{aspect-ratio:16/10;border:clamp(8px,1vw,14px) solid #1b1b1b;border-radius:14px 14px 0 0;overflow-y:auto;background:#fff;scrollbar-width:thin}
.br-laptop__screen img{width:100%;height:auto;max-width:100%}
.br-laptop__base{height:clamp(10px,1.3vw,18px);margin:0 -7%;background:linear-gradient(#d9d9d9,#a9a9a9);border-radius:0 0 12px 12px}
.br-hs__hud{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:20px;font-size:14px;text-transform:uppercase;color:#000;pointer-events:none}
.br-hs__bar{flex:1;height:1px;background:currentColor;opacity:.35;position:relative}.br-hs__bar i{position:absolute;left:0;top:-.5px;height:2px;width:0;background:currentColor;opacity:1}
.br-hs__live{pointer-events:auto;opacity:0;max-width:0;margin-left:-20px;overflow:hidden;white-space:nowrap;transition:opacity .4s,max-width .6s cubic-bezier(.2,.7,.2,1),margin .6s}.br-hs__live a{color:inherit}
.br-hs.is-end .br-hs__live{opacity:1;max-width:70vw;margin-left:0}
.br-hs.is-dark .br-hs__hud{color:#fff}
.br-masonry{columns:3 320px;column-gap:12px;padding:12px}
.br-masonry__i{display:block;width:100%;margin:0 0 12px;padding:0;border:0;background:none;cursor:zoom-in;break-inside:avoid}
.br-masonry__i img{width:100%;height:auto}
.br-lb{position:fixed;inset:0;z-index:120;background:rgba(255,255,255,.96);display:grid;place-items:center;padding:4vh 4vw;cursor:zoom-out}
.br-lb img{max-height:92vh;width:auto}
.br-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));border-top:1px solid var(--br-black);text-decoration:none}
.br-next__img{aspect-ratio:16/9;overflow:hidden}.br-next__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.br-next:hover .br-next__img img{transform:scale(1.05)}
.br-next__txt{display:grid;align-content:end;gap:12px;padding:14px}
.br-next__t{font-size:var(--t-display);line-height:.95;letter-spacing:-.065em}

/* Pagina's */
.br-page__t,.br-mega{margin:0 0 24px;font-weight:400;font-size:var(--t-mega);line-height:.85;letter-spacing:-.07em}
.br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:32px}
.br-blog{list-style:none;margin:0;padding:0}
.br-blog a{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--br-black);text-decoration:none}
.br-blog a:hover{background:var(--br-periwinkle)}
.br-blog__t{font-size:var(--t-h3);letter-spacing:-.04em;line-height:1.05}
.br-post{gap:20px;width:100%;max-width:calc(72ch + 30px);box-sizing:border-box;margin-bottom:clamp(40px,6vw,96px)!important;margin-left:auto!important;margin-right:auto!important;align-self:center}.br-post>*{max-width:100%;box-sizing:border-box}.br-is-post .br-page,.br-is-page .br-page,.br-is-404 .br-page{padding-bottom:clamp(40px,6vw,96px)}
.br-post__t{margin:0;font-weight:400;font-size:min(var(--t-display),calc((100vw - 60px) / 11.5));overflow-wrap:normal;word-break:normal;hyphens:manual;line-height:.95;letter-spacing:-.065em}
.br-post__c{font-size:17px;line-height:1.6}.br-post__c iframe{width:100%;aspect-ratio:16/10;border:0}

/* Modals + formulieren */
.br-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:12px;background:rgba(0,0,0,0);transition:background .35s}
.br-modal[hidden]{display:none}.br-modal.is-in{background:rgba(0,0,0,.4)}
.br-modal__box{position:relative;width:min(640px,100%);max-height:calc(100svh - 24px);overflow:auto;background:var(--br-white);border:1.5px solid var(--br-black);padding:clamp(20px,3vw,36px);display:grid;gap:18px;transform:translateY(24px);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}
.br-modal.is-in .br-modal__box{transform:none;opacity:1}
.br-modal__x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:28px;cursor:pointer;line-height:1}
.br-modal__t{margin:0;font-weight:400;font-size:var(--t-h2);line-height:1;letter-spacing:-.05em}
.br-form{display:grid;gap:16px}
.br-form label{display:grid;gap:8px}.br-form label>span{font-size:14px;text-transform:uppercase}
.br-form input,.br-form textarea{width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--br-black);border-radius:0;background:var(--br-white);color:var(--br-black);outline:none}
.br-form input:focus,.br-form textarea:focus{box-shadow:0 0 0 3px var(--br-periwinkle)}
.br-form .br-check{grid-template-columns:auto 1fr;align-items:start;gap:10px}.br-form .br-check input{width:18px;height:18px;margin:2px 0 0;accent-color:#000}.br-form .br-check span{font-size:14px;text-transform:none}
.br-form__err{margin:0;color:var(--br-error);font-size:14px;min-height:1em}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Ingelogd: WordPress-balk */
.admin-bar .br-header__logo,.admin-bar .br-header__cta{top:52px}
.admin-bar .br-home,.admin-bar .br-case{padding-top:calc(32px + clamp(28px,3vw,44px))}
.admin-bar .br-home{min-height:calc(100svh - 32px)}
.admin-bar .br-hs__sticky{top:32px;height:calc(100svh - 32px)}
.admin-bar .br-split{min-height:calc(100svh - 64px - clamp(28px,3vw,44px))}
@media (max-width:782px){.admin-bar .br-header__logo,.admin-bar .br-header__cta{top:66px}.admin-bar .br-home{min-height:calc(100svh - 46px)}.admin-bar .br-hs__sticky{top:46px;height:calc(100svh - 46px)}}
@media (max-width:600px){.admin-bar .br-header__logo,.admin-bar .br-header__cta{top:20px}#wpadminbar{position:absolute}}
.br-form textarea{min-height:240px!important;height:auto;resize:vertical}
.br-case__intro{max-width:46ch}
/* Cursuspagina – rustig, vriendelijk (Lufga) */
.brc{font-family:"Lufga",system-ui,-apple-system,sans-serif;font-weight:300;color:#1d1d1f}
.brc h1,.brc h2,.brc h3{font-family:inherit;font-weight:700;letter-spacing:-.03em;margin:0;color:#1d1d1f}
.brc-hero{background:#f6fae6;text-align:center;padding:clamp(48px,10vh,120px) 20px clamp(40px,8vh,96px);display:grid;justify-items:center;gap:20px}
.brc-hero h1{font-size:clamp(44px,7vw,96px);line-height:1}
.brc-eyebrow{margin:0;font-size:17px;color:#6e6e73}
.brc-intro{margin:0;max-width:40ch;font-size:clamp(19px,1.8vw,24px);line-height:1.4;color:#424245}
.brc-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.brc-btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:999px;border:0;background:#000;color:#fff!important;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.4,.5,1),background-color .25s,color .25s,box-shadow .25s}
.brc-btn:hover{background:var(--br-lime);color:#000!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.brc-btn:active{transform:scale(.97)}.brc-btn[disabled]{opacity:.4;pointer-events:none}
.brc-btn--ghost{background:#f5f5f7;color:#1d1d1f!important}.brc-btn--ghost:hover{background:var(--br-lime);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.brc-sec{padding:clamp(56px,9vh,104px) clamp(16px,4vw,48px)}
.brc-sec>h2,.brc-end h2{font-size:clamp(32px,4.4vw,56px);line-height:1.05;margin-bottom:clamp(24px,4vh,48px);text-align:center}
.brc-grey{background:#f5f5f7}.brc-blue{background:#e8edff}.brc-hero mark{background:linear-gradient(transparent 58%,var(--br-lime) 58%);color:inherit;padding:0 .06em}
.brc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;max-width:1200px;margin:0 auto}
.brc-card{background:#fff;border-radius:28px;padding:32px;display:grid;gap:16px;align-content:start;box-shadow:0 2px 6px rgba(0,0,0,.06),0 18px 40px -20px rgba(0,0,0,.18)}
.brc-cards .brc-card{background:#f5f5f7;box-shadow:none}
.brc-step{justify-self:start;font-size:14px;font-weight:700;padding:4px 12px;border-radius:999px;background:var(--br-periwinkle);color:#000}.brc-card h3{font-size:34px}.brc-card p{margin:0;font-size:17px;line-height:1.5;color:#424245}
.brc-facts{list-style:none;margin:0;padding:18px 20px;display:grid;gap:10px;font-size:14px;font-weight:600;background:#e8edff;border-radius:18px}.brc-facts li{display:grid;grid-template-columns:76px 1fr;gap:4px;align-items:baseline;white-space:nowrap}.brc-facts span{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--br-periwinkle-ink)}.brc-pill{justify-self:start;font-style:normal;font-size:13px;font-weight:700;color:var(--br-periwinkle-ink);border:1.5px solid var(--br-periwinkle-ink);border-radius:999px;padding:2px 10px;line-height:1.4}
.brc-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;margin-top:auto}.brc-card__foot strong{font-size:20px}
.brc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;max-width:1100px;margin:0 auto}
.brc-grid h3{font-size:21px;margin-bottom:8px}.brc-grid p{margin:0;font-size:17px;line-height:1.5;color:#424245}
.brc-how{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;max-width:1100px;text-align:center}
.brc-how b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--br-periwinkle);font-size:20px;font-weight:700;margin-bottom:14px}.brc-how h3{font-size:21px;margin-bottom:8px}.brc-how p{margin:0;font-size:17px;line-height:1.5;color:#424245}
.brc-quote{margin:0;background:#f6fae6;border-radius:24px;padding:28px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.brc-quote blockquote{margin:0;font-size:18px;line-height:1.5}.brc-quote figcaption{font-size:15px;color:#6e6e73;align-self:end;padding-top:6px}
.brc .br-car .br-tile{width:clamp(180px,16vw,260px)}
.brc-faq{max-width:560px;margin:0 auto;display:grid;gap:12px}
.brc-faq details{background:#fff;border-radius:18px;padding:20px 24px}.brc-faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none}.brc-faq summary::after{content:"+";float:right;font-weight:300}.brc-faq details[open] summary::after{content:"–"}.brc-faq p{margin:12px 0 0;font-size:17px;line-height:1.5;color:#424245}
.brc-end{text-align:center;padding:clamp(64px,12vh,140px) 20px}
.br-cursus-more{display:inline-block;margin-top:20px;font-size:14px;text-transform:uppercase}
.br-teaser{margin:0 -14px -14px}.br-teaser__in{padding:14px 14px 32px;display:grid;gap:18px}.br-teaser__p{margin:0;max-width:60ch;font-size:clamp(17px,1.8vw,26px);line-height:1.3;letter-spacing:-.03em}
.br-teaser__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--br-black)}.br-teaser__cols>div{display:grid;gap:10px;padding:16px 14px 22px;border-left:1px solid var(--br-black)}.br-teaser__cols>div:first-child{border-left:0}
.br-teaser__w{font-size:clamp(38px,5vw,84px);line-height:1;letter-spacing:-.065em}.br-muted{color:var(--br-grey-500)}
.br-teaser__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 14px 26px;border-top:1px solid var(--br-black)}
@media (max-width:859px){.br-teaser__cols{grid-template-columns:1fr}.br-teaser__cols>div{border-left:0;border-top:1px solid var(--br-black)}.br-teaser__cols>div:first-child{border-top:0}}
.brc-nav{position:sticky;top:0;z-index:40;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:"Lufga",system-ui,sans-serif}
.brc-nav svg,.brc-nav img{height:34px;width:auto;display:block}.brc-btn--sm{background:var(--br-periwinkle);color:#000!important}.brc-btn--sm:hover{background:var(--br-lime)}
.admin-bar .brc-nav{top:32px}@media (max-width:782px){.admin-bar .brc-nav{top:46px}}

.brc-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1080px;margin:0 auto}.brc-topic{flex:1 1 300px;max-width:340px;box-sizing:border-box;background:#fff;border-radius:28px;padding:36px 28px;text-align:center;display:grid;justify-items:center;align-content:start;gap:12px;opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.brc-topic.is-in{opacity:1;transform:none}.brc-topic.is-in:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.08)}.brc-topic h3{font-size:21px;margin-top:6px}.brc-topic p{margin:0;font-size:17px;line-height:1.5;color:#424245}.brc-topic__ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--br-lime);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.brc-topic:hover .brc-topic__ic{transform:rotate(-8deg) scale(1.08)}@media (prefers-reduced-motion:reduce){.brc-topic{opacity:1;transform:none}}
.brc-made{max-width:1150px;margin:0 auto;display:grid;gap:clamp(32px,5vh,56px)}.brc-made>div{display:grid;gap:14px}.brc-made__p{margin:0;text-align:center;font-size:17px;line-height:1.5;color:#424245}.brc-made__p b{font-weight:700;color:#1d1d1f}.brc-mags{display:flex;gap:24px;overflow-x:auto;padding:8px 4px 18px}.brc-made__b{display:grid;gap:14px;min-width:0}.brc-mag{appearance:none;border:0;padding:0;background:none;cursor:zoom-in;flex:none;position:relative;height:300px;border-radius:2px 6px 6px 2px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.12),0 14px 28px -12px rgba(0,0,0,.35)}.brc-mag img{height:100%;width:auto;display:block}.brc-mag::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.18) 2.5%,rgba(0,0,0,.08) 5%,transparent 9%);pointer-events:none}
.brc-page #br-signup{font-family:"Lufga",system-ui,sans-serif;font-weight:300;color:#1d1d1f;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brc-page #br-signup .br-modal__box{width:min(100%,640px);border:0;border-radius:28px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 80px rgba(0,0,0,.25)}.brc-page #br-signup .br-modal__x{width:36px;height:36px;border-radius:50%;background:#f5f5f7;border:0;font-size:20px}.br-signup__eyebrow{display:none}.brc-page .br-signup__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--br-periwinkle-ink)}.brc-page #br-signup .br-modal__t{font-family:inherit;font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.05;text-transform:none;margin:6px 0 4px}.brc-page #br-signup .br-lead{font-size:17px;line-height:1.5;color:#424245;letter-spacing:0}.brc-page #br-signup .br-form{display:grid;gap:14px}.brc-page #br-signup .br-form label>span{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--br-periwinkle-ink)}.brc-page #br-signup .br-form input:not([type=checkbox]),.brc-page #br-signup .br-form textarea{font:inherit;font-size:17px;font-weight:400;padding:14px 16px;border:1.5px solid transparent;border-radius:14px;background:#f5f5f7;color:#1d1d1f;transition:border-color .2s,background .2s}.brc-page #br-signup .br-form input:focus,.brc-page #br-signup .br-form textarea:focus{border-color:var(--br-periwinkle);background:#fff;outline:0}.brc-page #br-signup .br-check{font-size:15px;line-height:1.45;color:#424245}.brc-page #br-signup .br-check>span{font-size:15px!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important;color:#424245!important}.brc-page #br-signup .br-check input{width:20px;height:20px;accent-color:var(--br-periwinkle-ink)}.brc-page #br-signup .br-check a{color:var(--br-periwinkle-ink)}.brc-page #br-signup .br-btn--sq{justify-self:start;height:52px;padding:0 28px;border-radius:999px;border:0;background:#000;color:#fff;font:inherit;font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;transition:transform .25s cubic-bezier(.3,1.4,.5,1),background-color .25s,color .25s}.brc-page #br-signup .br-btn--sq:hover{background:var(--br-periwinkle);color:#000;transform:translateY(-2px)}.br-signup__pay{display:none}.brc-page .br-signup__pay{display:block;margin:0;font-size:13px;color:#6e6e73}.brc-page #br-signup .br-form__err{color:#c0392b;font-size:15px}
.br-rb__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.br-rb__stats{display:grid;gap:4px;text-align:right;padding-bottom:14px}.br-rb__filters{display:flex;flex-wrap:wrap;gap:6px 18px;padding:18px 0 22px}.br-rb__filters button{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--br-grey-500);transition:color .2s}.br-rb__filters button:hover,.br-rb__filters button.is-on{color:var(--br-periwinkle-ink)}.br-rb__filters sup{font-size:10px}.br-blog li[hidden]{display:none}@media (max-width:699px){.br-rb__stats{text-align:left;padding-bottom:0}}
.br-lbg{position:fixed;inset:0;z-index:150;background:rgba(255,255,255,.97);display:grid;place-items:center;padding:56px 72px;box-sizing:border-box;opacity:0;transition:opacity .3s}.br-lbg.is-in{opacity:1}.br-lbg__img{max-width:100%;max-height:calc(100vh - 112px);width:auto;height:auto;object-fit:contain;cursor:pointer;transition:opacity .25s}.br-lbg__b{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:1px solid #000;border-radius:999px;background:#fff;color:#000;font:inherit;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}.br-lbg__b:hover{background:var(--br-periwinkle,#94acff)}.br-lbg__p{left:14px;top:50%;transform:translateY(-50%)}.br-lbg__nx{right:14px;top:50%;transform:translateY(-50%)}.br-lbg__x{right:14px;top:14px}.br-lbg__n{position:absolute;left:14px;bottom:14px;font-size:14px;text-transform:uppercase;letter-spacing:.02em}@media (max-width:699px){.br-lbg{padding:64px 12px}.br-lbg__p,.br-lbg__nx{top:auto;bottom:10px;transform:none}.br-lbg__p{left:auto;right:66px}.br-lbg__n{bottom:22px}}
.br-p--video{width:100vw;justify-content:center;padding:0 6vw;box-sizing:border-box;background:var(--br-white)}.br-p--video video{height:auto;width:100%;max-height:calc(100% - 140px);object-fit:contain}
.br-case__t{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
a.br-btn:hover,a.br-btn:focus-visible,.br-btn:hover{color:var(--br-white)!important}
.brc-card__foot .brc-btn{font-weight:700}
/* Cookiemelding (Blocksy) */
.cookie-notification{position:fixed!important;left:14px!important;right:auto!important;bottom:14px!important;top:auto!important;z-index:200!important;width:min(420px,calc(100vw - 28px))!important;max-width:none!important;background:var(--br-white)!important;color:var(--br-black)!important;border:1px solid var(--br-black)!important;border-radius:0!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;padding:16px!important;box-sizing:border-box;font-family:var(--font-mono,inherit)!important}
.cookie-notification .container,.cookie-notification .ct-container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:0!important;max-width:none!important;width:auto!important}
.cookie-notification .ct-cookies-content{font-size:14px!important;line-height:1.45!important;text-align:left!important;margin:0!important}
.cookie-notification .ct-cookies-content a{color:inherit;text-decoration:underline}
.cookie-notification .ct-button-group{display:flex!important;gap:8px!important;margin:0!important;flex-wrap:wrap}
.cookie-notification button{font:inherit!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.02em;min-height:40px!important;padding:0 16px!important;border:1px solid var(--br-black)!important;border-radius:0!important;background:var(--br-white)!important;color:var(--br-black)!important;cursor:pointer;line-height:1!important;box-shadow:none!important}
.cookie-notification .ct-cookies-accept-button{background:var(--br-black)!important;color:var(--br-white)!important}
.cookie-notification button:hover{background:var(--br-periwinkle)!important;color:var(--br-black)!important}
.br-index 
.br-post__c h2{font-size:clamp(20px,2vw,28px);margin:1.6em 0 .5em}.br-post__c ul{padding-left:1.2em}.br-post__c li{margin:.3em 0}
@media (max-width:859px){.brc .br-car.is-static{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px 18px 18px;margin:0 -18px;width:auto;scroll-padding:0 18px}.brc .br-car.is-static .br-car__track{gap:12px}.brc .br-car.is-static .br-tile{width:62vw;scroll-snap-align:start}.brc-mags{scroll-snap-type:x mandatory;padding:8px 18px 18px;margin:0 -18px;gap:12px;scroll-padding:0 18px;scrollbar-width:none}.brc-mags::-webkit-scrollbar{display:none}.brc-mag{flex:none;width:62vw;scroll-snap-align:start}}

.brc-mag img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.brc-mag:hover img{transform:scale(1.03)}.brc-sp{position:fixed;inset:0;z-index:9999;background:rgba(245,245,247,.96);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.brc-sp.is-in{opacity:1}.brc-sp img{max-width:92vw;max-height:84vh;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);transition:opacity .25s}.brc-sp button{position:absolute;appearance:none;border:0;background:#1d1d1f;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer}.brc-sp .x{top:18px;right:18px}.brc-sp .p{left:18px;top:50%;margin-top:-22px}.brc-sp .n{right:18px;top:50%;margin-top:-22px}.brc-sp .c{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:13px;color:#424245}

/* Case Logo's: intro-paneel is precies schermhoog, 4×4 logo's die passen (geen verticale scroll) */
.br-split__img>.br-logocover{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,22px);padding:clamp(14px,2.4vw,34px);height:calc(100svh - 32px - clamp(28px,3vw,44px));max-height:100%;box-sizing:border-box;overflow:hidden;align-content:center}
.br-split__img>.br-logocover img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;display:block}
@media (max-width:859px){.br-split__img>.br-logocover{height:auto;aspect-ratio:1;gap:8px;padding:14px}}

/* Case-intro: precies één scherm hoog, gemeten vanaf de echte onderkant van de kop (incl. adminbalk) */
@media (min-width:860px){.br-split{height:var(--br-split-h,calc(100svh - 32px - clamp(28px,3vw,44px)));min-height:0;grid-template-rows:minmax(0,1fr)}.br-split__img{min-height:0}.br-split__img>img{min-height:0}.br-split__txt{min-height:0;overflow:hidden}.br-split__img>.br-logocover{height:100%}}

.br-post__c em,.br-post__c i{font-style:normal}




/* Juridische/tekstpagina's: strakke tekstkolom */
.br-post__c{font-size:16px;line-height:1.55;max-width:72ch}
.br-post__c>*{margin:0}
.br-post__c>*+*{margin-top:.9em}
.br-post__c h2{font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-.02em;font-weight:400;margin-top:2.2em;padding-top:.9em;border-top:1px solid var(--br-black)}
.br-post__c h2+*{margin-top:.7em}
.br-post__c ul,.br-post__c ol{list-style:none;padding:0}
.br-post__c li{position:relative;padding-left:1.4em;margin:0}
.br-post__c li+li{margin-top:.35em}
.br-post__c ul>li::before{content:"–";position:absolute;left:0}
.br-post__c ol{counter-reset:li}.br-post__c ol>li{counter-increment:li}.br-post__c ol>li::before{content:counter(li) ".";position:absolute;left:0}
.br-post__c a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.br-post__c strong,.br-post__c b{font-weight:600}
.br-post__c>p:first-child{color:var(--br-grey,#6b6b6b)}

/* Aanmelden nog dicht */
.br-signup-closed [data-signup]{opacity:.38;cursor:not-allowed;pointer-events:none}
.br-signup-note{font-size:13px;color:#6e6e73;margin:.6em 0 0}

/* Werkwijze */
.br-ww{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--br-black);border-bottom:1px solid var(--br-black)}
.br-ww li{display:grid;align-content:start;gap:10px;padding:18px 18px 22px 0}
.br-ww li+li{padding-left:18px;border-left:1px solid var(--br-black)}
.br-ww__n{font-size:14px}
.br-ww h3{margin:0;font-weight:400;font-size:clamp(24px,2.6vw,40px);line-height:1;letter-spacing:-.05em}
.br-ww p{margin:0;font-size:15px;line-height:1.45;max-width:34ch}
#werkwijze .br-row-btns{padding:6px 0 4px}
@media (max-width:859px){.br-ww{grid-template-columns:minmax(0,1fr)}.br-ww li,.br-ww li+li{padding:16px 0;border-left:0}.br-ww li+li{border-top:1px solid var(--br-black)}}

/* Terug naar home (onder elk project) */
.br-homelink{display:flex;align-items:center;gap:12px;padding:16px 14px;border-top:1px solid var(--br-black);font-size:14px;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:var(--br-black)}
.br-homelink:hover{background:var(--br-periwinkle)}
/* Mobiel */
@media (max-width:859px){
 .br-header__logo,.br-header__cta{top:12px;height:34px}
 .br-header__logo{left:12px}.br-header__cta{right:12px;font-size:13px}
 .br-scrolled .br-header__logo{left:12px;height:40px;padding:6px 12px}.br-scrolled .br-header__logo svg{height:22px}
 .br-scrolled .br-header__cta{right:12px;height:40px;padding:0 12px;font-size:13px}
 body.br::before{content:"";position:fixed;left:0;right:0;top:0;height:62px;background:var(--br-white);border-bottom:1px solid var(--br-black);z-index:49;transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
 body.br.br-scrolled::before{transform:none}
 .br-home,.br-page{padding-top:60px}.br-case{padding-top:58px}
 .br-stack__w{height:.92em}
 .br-stack__row.is-open .br-stack__w{height:1.42em}
 
 .br-next__t{font-size:clamp(32px,10vw,56px)}
}
@media (max-width:600px){.admin-bar.br::before{top:0}}

/* Kies je cursus: zinnetje gecentreerd onder de kaarten; carousel op mobiel */
#cursussen .br-signup-note{text-align:center;margin:20px auto 0;font-size:15px}
.brc-dots{display:none}
@media (max-width:859px){
 #cursussen .brc-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -18px;padding:4px 18px 8px;scroll-padding:0 18px;max-width:none}
 #cursussen .brc-cards::-webkit-scrollbar{display:none}
 #cursussen .brc-card{flex:0 0 84%;scroll-snap-align:start;padding:26px 22px}
 .brc-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
 .brc-dots i{width:8px;height:8px;border-radius:50%;background:#d2d2d7;cursor:pointer;transition:background .2s,width .3s}
 .brc-dots i.on{background:#1d1d1f;width:22px;border-radius:999px}
}

/* Carousels: statisch, zelf scrollen */
.br-car.is-static{overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.br-car.is-static::-webkit-scrollbar{display:none}
.br-car.is-static .br-car__track{transform:none!important}
@media (max-width:859px){.br-car.is-static{scroll-snap-type:x proximity}.br-car.is-static .br-tile{scroll-snap-align:start}}
/* InDesign: cover + spread verderop */
.brc-mag--duo{display:flex;gap:4px;border-radius:2px 6px 6px 2px;background:#fff}
.brc-mag--duo img{height:100%;width:auto;display:block}
.brc-mag--duo .brc-mag__sp{border-left:1px solid rgba(0,0,0,.06)}
@media (max-width:859px){.brc-mag{height:220px}}

.br-ww__geld{display:grid;grid-template-columns:clamp(40px,10vw,180px) minmax(0,1fr);gap:0 18px;padding:0 0 22px;border-bottom:1px solid var(--br-black);margin:-18px 0 18px}
.br-ww__geld .br-label{padding-top:22px;font-size:14px;text-transform:uppercase}
.br-ww__geld p{margin:0;padding-top:20px;font-size:15px;line-height:1.45;max-width:62ch}
@media (max-width:859px){.br-ww__geld{grid-template-columns:1fr}.br-ww__geld p{padding-top:8px}}

/* Gemaakt door cursisten: originele verhoudingen, meer lucht, schaduw niet afgesneden, kleine pijltjes */
.brc-made .br-car,.brc-made .brc-mags{overflow-x:auto;overflow-y:hidden;padding:24px 28px 44px;margin:-24px -28px -20px;width:auto;max-width:none;scroll-padding:0 28px}
.brc-made .br-car__track{gap:36px}
.brc-made .br-car .br-tile{width:auto;flex:none}
.brc-made .br-sleeve{aspect-ratio:auto;height:340px;width:auto}
.brc-made .br-sleeve img{width:auto;height:100%;object-fit:contain;display:block}
.brc-made .br-tile:hover .br-sleeve{transform:scale(1.04)}
.brc-made .brc-mags{gap:36px}
.brc-made .brc-mag{height:340px}
.brc-nav2{display:flex;justify-content:flex-end;gap:8px;margin-top:-4px}
.brc-nav2 button{width:36px;height:36px;border-radius:50%;border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;font:inherit;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.brc-nav2 button:hover{background:var(--br-lime);border-color:#1d1d1f}
.brc-nav2 button:disabled{opacity:.3;cursor:default;background:#fff;border-color:#d2d2d7}
@media (max-width:859px){.brc-made .br-sleeve,.brc-made .brc-mag{height:240px}.brc-made .br-car__track,.brc-made .brc-mags{gap:22px}.brc-made .br-car,.brc-made .brc-mags{padding:18px 18px 34px;margin:-18px -18px -16px;scroll-padding:0 18px}}

/* Tekst in vakjes: breder doorlopen, geen los woord op de laatste regel */
.br-ww p{max-width:none;padding-right:18px;text-wrap:pretty}
.br-ww__geld p{max-width:90ch;text-wrap:pretty}
.br p,.br li,.br dd,.br blockquote,.brc p{text-wrap:pretty}

/* Laptop met schermopname */
.br-laptop__screen--video{overflow:hidden!important;background:#fff}
.br-laptop__screen--video video{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}

/* Werk-stapel: geen marge onderin, laatste filterwoord valt weg achter de lijn van het volgende tabje */
#werk .br-acc__in{padding-bottom:0}

/* v1.3.2 – mobiele correcties */
.br-btn,.brc-btn,.br-hs__cnt,.brc-card__foot strong{white-space:nowrap}
.brc-card__foot{flex-wrap:wrap}
.br-hs__sticky{height:100vh;height:100dvh}
.admin-bar .br-hs__sticky{height:calc(100dvh - 32px)}
.brc-made .br-car.is-static .br-tile,.brc .brc-made .br-car .br-tile{width:auto!important}
.brc-made .brc-mag{width:auto!important;flex:none}
.brc-made .br-sleeve{background:transparent}
@media (max-width:859px){
 #cursussen .brc-cards{gap:12px;padding:4px 18px 8px;scroll-snap-type:x mandatory}
 #cursussen .brc-card{flex:0 0 calc(100vw - 36px);scroll-snap-align:center}
 .brc-quote{text-align:center;justify-items:center}
 .brc-quote .br-stars{justify-content:center}
 .brc-quote blockquote{margin:0;padding:0}
 @media (max-width:782px){.admin-bar .br-hs__sticky{height:calc(100dvh - 46px)}}
}

/* v1.3.3 – cursistenwerk: vaste beeldhoogte in px (geen lege vakken naast staande beelden) */
.brc-made .br-sleeve{height:auto!important;width:auto!important;display:inline-block;vertical-align:top}
.brc-made .br-sleeve img{height:340px!important;width:auto!important;max-width:none;object-fit:contain}
.brc-made .brc-mag{height:auto!important;width:auto!important}
.brc-made .brc-mag img{height:340px!important;width:auto!important;max-width:none}
@media (max-width:859px){.brc-made .br-sleeve img,.brc-made .brc-mag img{height:240px!important}}

/* v1.3.4 – cover + spread van twee pagina's */
.brc-mag--duo{gap:clamp(14px,2vw,24px)!important;background:none!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
.brc-mag--duo::after{display:none}
.brc-mag--duo>img{box-shadow:0 1px 2px rgba(0,0,0,.12),0 14px 28px -12px rgba(0,0,0,.35);border-radius:2px 6px 6px 2px}
.brc-mag__sp{display:flex;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.12),0 14px 28px -12px rgba(0,0,0,.35);background:#fff}
.brc-mag__sp img{border:0!important}
.brc-mag__sp::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:36px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.14) 48%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.14) 52%,rgba(0,0,0,0));pointer-events:none}
.brc-sp__pair{display:flex;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);transition:opacity .25s}
.brc-sp__pair img{max-width:92vw;max-height:84vh;box-shadow:none!important}

/* v1.3.6 – cover ligt speels over de spread */
.brc-made .brc-mag--duo{display:flex;align-items:center;gap:0!important;padding:18px 6px 18px 10px!important}
.brc-made .brc-mag--duo>img{position:relative;z-index:2;margin-right:-110px;transform:rotate(-5deg) translateY(10px);box-shadow:0 2px 4px rgba(0,0,0,.18),0 22px 40px -14px rgba(0,0,0,.5);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.brc-made .brc-mag--duo .brc-mag__sp{z-index:1;transform:rotate(1.5deg)}
.brc-made .brc-mag--duo:hover img{transform:none}
.brc-made .brc-mag--duo:hover>img{transform:rotate(-8deg) translate(-14px,6px)}
.brc-made .brc-mag--duo:hover .brc-mag__sp img{transform:none}
@media (max-width:859px){.brc-made .brc-mag--duo>img{margin-right:-80px}}

/* v1.3.7 – schaduw vrij, pijltjes gecentreerd */
.brc-made .br-car,.brc-made .brc-mags,.brc-made .br-car__track,.brc-made .brc-mag,.brc-made .brc-mag--duo,.brc-made .brc-mag__sp{background:transparent!important}
.brc-made .br-car,.brc-made .brc-mags{padding:30px 28px 72px!important;margin:-30px -28px -44px!important}
.brc-made .brc-mag--duo{padding:24px 10px 40px 14px!important}
.brc-nav2{justify-content:center;margin-top:0}
@media (max-width:859px){.brc-made .br-car,.brc-made .brc-mags{padding:24px 18px 60px!important;margin:-24px -18px -36px!important}}


.br-legal{display:grid;grid-template-columns:1fr auto;gap:2px 24px;margin-top:28px;padding-top:16px;border-top:1px solid currentColor;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.br-legal p{margin:0}
.br-legal__r{text-align:right}
.br-legal__sep{margin:0 .3em}
.br-legal a{color:inherit;text-decoration:none}
.br-legal a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.br-legal{font-size:11px;gap:2px 12px}.br-legal__sep{margin:0 .3em}}

.br-home>.br-legal{flex:none;margin:16px 0 6px;line-height:1.35;padding-top:0;border-top:0}

/* Home past altijd op één scherm: glyph niet meer op een eigen rij (desktop) */
@media (min-width:860px){.br-hero{position:relative}.br-hero__top{position:absolute;top:clamp(8px,1.6svh,14px);right:14px}}
@media (max-width:859px){.br-dt{display:none}}
@media (max-width:859px){.br-h1{font-size:calc((100vw - 60px)/8.9)}.br-sub{font-size:calc((100vw - 60px)/8.9*.4);max-width:none}}
.br-mark.br-mark--seg{background-image:none;padding:0;margin:0}.br-seg{background-image:linear-gradient(var(--br-lime),var(--br-lime));background-repeat:no-repeat;background-position:0 60%;background-size:0 100%;transition-property:background-size;padding:0 .08em;margin:0 -.08em}.br-seg.is-on{background-size:100% 100%}
.cookie-notification .ct-cookies-content{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:start}
.cookie-notification .ct-cookies-content::before{content:"";grid-row:1/span 9;width:2.9em;height:2.9em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5'%2F%3E%3Cpath%20d%3D'M8.5%208.5v.01'%2F%3E%3Cpath%20d%3D'M16%2015.5v.01'%2F%3E%3Cpath%20d%3D'M12%2012v.01'%2F%3E%3Cpath%20d%3D'M11%2017v.01'%2F%3E%3Cpath%20d%3D'M7%2014v.01'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5'%2F%3E%3Cpath%20d%3D'M8.5%208.5v.01'%2F%3E%3Cpath%20d%3D'M16%2015.5v.01'%2F%3E%3Cpath%20d%3D'M12%2012v.01'%2F%3E%3Cpath%20d%3D'M11%2017v.01'%2F%3E%3Cpath%20d%3D'M7%2014v.01'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.cookie-notification .ct-cookies-content>*{grid-column:2;margin:0}
/* Eigen cookiemelding (vervangt die van Blocksy) */
.cookie-notification{display:none!important}
.br-ck{position:fixed;left:14px;bottom:14px;z-index:200;width:min(440px,calc(100vw - 28px));box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;background:var(--br-white);color:var(--br-black);border:1px solid var(--br-black);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.br-ck[hidden]{display:none}
.br-ck__ico{width:2.9em;height:2.9em;font-size:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5'%2F%3E%3Cpath%20d%3D'M8.5%208.5v.01'%2F%3E%3Cpath%20d%3D'M16%2015.5v.01'%2F%3E%3Cpath%20d%3D'M12%2012v.01'%2F%3E%3Cpath%20d%3D'M11%2017v.01'%2F%3E%3Cpath%20d%3D'M7%2014v.01'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5'%2F%3E%3Cpath%20d%3D'M8.5%208.5v.01'%2F%3E%3Cpath%20d%3D'M16%2015.5v.01'%2F%3E%3Cpath%20d%3D'M12%2012v.01'%2F%3E%3Cpath%20d%3D'M11%2017v.01'%2F%3E%3Cpath%20d%3D'M7%2014v.01'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.br-ck__body{display:grid;gap:14px;min-width:0}
.br-ck__txt{margin:0;font-size:14px;line-height:1.45}
.br-ck__txt a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.br-ck__set{display:grid;gap:10px;border-top:1px solid var(--br-black);padding-top:12px}
.br-ck__set[hidden]{display:none}
.br-ck__opt{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.4;cursor:pointer}
.br-ck__opt input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--br-black)}
.br-ck__opt b{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.br-ck__btns{display:flex;flex-wrap:wrap;gap:8px}
.br-ck__b{font:inherit;font-size:13px;text-transform:uppercase;letter-spacing:.02em;min-height:40px;padding:0 14px;border:1px solid var(--br-black);border-radius:0;background:var(--br-white);color:var(--br-black);cursor:pointer;line-height:1}
.br-ck__b[hidden]{display:none}
.br-ck__b--main{background:var(--br-black);color:var(--br-white)}
.br-ck__b:hover{background:var(--br-periwinkle);color:var(--br-black)}
/* Mobiel: bovenste helft info (blijft staan), onderste helft de beelden om doorheen te scrollen */
@media (max-width:859px){
.br-casewrap.is-half .br-split{position:sticky;top:62px;z-index:2;height:calc(50svh - 62px);min-height:0;background:var(--br-white);border-top:0}
.br-casewrap.is-half .br-split__img{display:none}
.br-casewrap.is-half .br-split__txt{align-content:end;gap:16px;overflow:auto;padding:14px 14px 18px}
.br-casewrap.is-half .br-case__intro{font-size:15px}
.br-casewrap.is-half .br-hs__sticky{top:50svh!important;height:50svh!important;border-top:1px solid var(--br-black);box-sizing:border-box}
.br-casewrap.is-half .br-p--quote blockquote{font-size:clamp(20px,6vw,28px)}
}
/* Volgend project even groot als de projecttitel */
.br-next__t{font-size:var(--t-display-xl);line-height:.95;letter-spacing:-.065em}
body:not(.br-is-home) .br-legal{padding:16px 14px 14px;margin-top:0}
body:not(.br-is-home) main{margin-bottom:0!important;padding-bottom:0!important}
body:not(.br-is-home) .br-legal{margin:0!important;padding:16px 14px calc(36px + env(safe-area-inset-bottom))}
.br-home>.br-legal{margin-bottom:16px}
/* Mobiel: eerst voorvertoning + info, daarna blijft info in de bovenste helft staan */
@media (max-width:859px){
.br-casewrap.is-half .br-split{display:contents}
.br-casewrap.is-half .br-split__img{display:block;aspect-ratio:1;width:100%;overflow:hidden;border-top:1px solid var(--br-black)}
.br-casewrap.is-half .br-split__img img{width:100%;height:100%;object-fit:cover;display:block}
.br-casewrap.is-half .br-split__txt{display:grid;position:sticky;top:62px;z-index:2;height:calc(50svh - 62px);box-sizing:border-box;background:var(--br-white);border-top:1px solid var(--br-black)}
}
body:not(.br-is-home) .br-legal{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.br-header__cta:hover,.br-header__cta:focus-visible{background:var(--br-lime)!important;color:var(--br-black)!important;border-color:transparent!important}
.br-scrolled .br-header__cta:hover,.br-scrolled .br-header__cta:focus-visible{border-color:var(--br-black)!important}
body:not(.br-is-home) .br-legal{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.br-home>.br-legal{margin-bottom:0}
/* Mobiel: info + wit blok schuiven tegelijk met de laatste plaat omhoog */
@media (max-width:859px){
.br-casewrap.is-half{display:flow-root}
.br-casewrap.is-half>:last-child{margin-bottom:-50svh}
.br-casewrap.is-half+*{margin-top:50svh}
}
/* Zwarte lijn onder het intro-blok (desktop: foto + info, mobiel: onder de info) */
.br-split{border-bottom:1px solid var(--br-black)}
@media (max-width:859px){.br-casewrap.is-half .br-split__txt{border-bottom:1px solid var(--br-black)}}
/* Samenwerken-formulier past op één scherm */
#br-contact .br-modal__box{gap:12px;padding-top:clamp(18px,2.4vw,28px);padding-bottom:clamp(18px,2.4vw,28px)}
#br-contact .br-modal__t{font-size:clamp(32px,min(4.4vw,6svh),64px)}
#br-contact .br-form{gap:10px}
#br-contact .br-form label{gap:5px}
#br-contact .br-form input:not([type=checkbox]){padding:9px 12px}
#br-contact .br-form textarea{min-height:clamp(110px,18svh,190px)!important;padding:9px 12px}
#br-contact .br-form__err:empty{display:none}
#br-contact .br-form p{margin:0}

/* Laatste beeld in de slider vult altijd de volle breedte (geen witte strook rechts) */
.br-hs__track>.br-p:last-child:not(.br-p--multi):not(.br-p--laptop):not(.br-p--video):not(.br-p--quote):not(.br-p--text):not(.br-p--logos){min-width:100vw}
.br-hs__track>.br-p:last-child:not(.br-p--multi):not(.br-p--laptop):not(.br-p--video):not(.br-p--logos):not(.br-p--quote):not(.br-p--text) img{min-width:100vw;object-fit:cover;object-position:center}
.br-hs__track>.br-p--multi:last-child{min-width:100vw}
.br-hs__track>.br-p--multi:last-child img{flex:1 1 auto;min-width:0;object-fit:cover}

/* Projectinformatie lijnt boven uit (desktop en mobiel) */
.br-split__txt,.br-casewrap.is-half .br-split__txt{align-content:start}

/* Projecttitel desktop een stuk kleiner */
@media (min-width:860px){.br-case__t{font-size:clamp(40px,4.6vw,88px)!important}}

/* Logo's: kleiner, gecentreerd, naam blijft boven de voortgangslijn */
.br-p--logos{align-items:center;box-sizing:border-box;padding-top:2vh;padding-bottom:64px}
.br-p--logos figure{width:min(46vh,60vw)}
@media (max-width:859px){.br-p--logos{padding-top:12px;padding-bottom:56px}.br-p--logos figure{width:min(24svh,58vw)}.br-p--logos figcaption{font-size:12px}}

/* Vegen: verticale gebaren blijven aan de browser, horizontale pakken wij op */


/* Desktop: browser-terugveeg niet laten afgaan bij opzij swipen; rij is sleepbaar */
@media (min-width:860px){html,body{overscroll-behavior-x:none}.br-hs__sticky{cursor:grab}.br-hs__sticky img{-webkit-user-drag:none;user-select:none}}

/* Slider: verticaal vegen in de slider doet niets, horizontaal vegen schuift (via JS) */
@media (hover:hover),(pointer:fine){.br-hs__sticky{touch-action:pan-y}}
.br-hs__sticky img{-webkit-user-drag:none;user-select:none}

html{scroll-behavior:auto!important}
.br-ck .br-ck__b{background:#fff!important;color:#000!important;border:1px solid #000!important;box-shadow:none!important;text-shadow:none!important;font-family:inherit!important;font-size:13px!important;line-height:1!important}
.br-ck .br-ck__b--main{background:#000!important;color:#fff!important}
.br-ck .br-ck__b:hover,.br-ck .br-ck__b:focus-visible{background:var(--br-periwinkle,#AFAAFF)!important;color:#000!important}

/* Footer: cookie-icoon over twee regels, helemaal links */
.br-legal--ck{grid-template-columns:auto 1fr auto}
.br-legal--ck .br-legal__ck{grid-row:1 / span 2;grid-column:1;align-self:center;display:flex;color:inherit;text-decoration:none!important}
.br-legal--ck .br-legal__ck .br-ck__ico{width:2.3em;height:2.3em;font-size:13px;display:block}
.br-legal--ck .br-legal__ck:hover .br-ck__ico{background:var(--br-periwinkle,#AFAAFF)}
.br-legal--ck .br-legal__l{grid-column:2}
.br-legal--ck .br-legal__r{grid-column:3}
@media (max-width:600px){.br-legal--ck .br-legal__ck .br-ck__ico{width:2.1em;height:2.1em;font-size:11px}}

/* Projectpagina: info meer lucht aan zij- en bovenkant */
.single-project .br-split__txt,.single-project .br-casewrap.is-half .br-split__txt{padding:clamp(28px,5.5vw,96px) clamp(24px,3.6vw,64px) 28px}
@media (min-width:860px){.single-project .br-split__txt{padding-top:calc(46px + 26px + clamp(24px,3vw,56px))}}
@media (max-width:859px){.single-project .br-split__txt,.single-project .br-casewrap.is-half .br-split__txt{padding:28px 24px 22px}}

/* Touchschermen: slider = eigen opzij-scroll met snap; de pagina scrollt gewoon verder */
.is-native{height:auto!important}
.is-native .br-hs__sticky{position:relative!important;top:auto!important;touch-action:pan-x}
.is-native .br-hs__track{width:auto!important;transform:none!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.is-native .br-hs__track::-webkit-scrollbar{display:none}
.is-native .br-hs__track>*{scroll-snap-align:start;scroll-snap-stop:always}

/* Mobiel projectpagina: geen witte balk bovenin; knoppen zweven over het beeld */
@media (max-width:859px){.single-project .br-case,.br-is-case .br-case{padding-top:0!important}.single-project .br-split{border-top:0!important}.single-project .br-casewrap.is-half .br-split,.single-project .br-casewrap.is-half .br-split__txt{top:0!important;height:50svh!important}}
@media (max-width:859px){body.br.single-project::before,body.br.br-is-case::before{display:none!important}}
/* Touchschermen: slider netjes onder de info, beelden passen in het scherm */
.is-native .br-hs__sticky{height:auto!important;border-top:1px solid var(--br-black)}
.is-native .br-hs__track{height:min(78svh,125vw)}
.is-native .br-p--laptop{width:100vw!important;min-width:100vw;max-width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 4vw}
.is-native .br-p--laptop>*{max-width:100%!important;width:100%!important;height:auto!important}
/* Touch: vinger op de slider = alleen opzij; de pagina schiet er niet langs */
.is-native .br-hs__track{touch-action:pan-x;overscroll-behavior:contain}
/* Touch: snel omlaag vegen stopt eerst bij de slider, in plaats van in één keer door naar het volgende project */
@media (hover:none) and (pointer:coarse){.single-project .is-native .br-hs__sticky{scroll-snap-align:start;scroll-snap-stop:always}.single-project .br-next{scroll-snap-align:start}}
/* Touch: vinger op de slider wordt door het script afgehandeld */

/* Smal scherm (mobiel én smal desktopvenster): info begint onder logo + Samenwerken? */
@media (max-width:859px){.single-project .br-casewrap.is-half .br-split__txt{padding-top:76px!important}.single-project .br-split__txt{padding-top:76px}}
/* iPhone: soepel meeschuiven */
.br-hs__track{will-change:transform;backface-visibility:hidden}
@media (hover:none) and (pointer:coarse){html{scroll-behavior:auto!important}}
/* Touch: rij is een gewone opzij-scroller met snap; omlaag vegen = pagina */
@media (hover:none) and (pointer:coarse){.is-native .br-hs__sticky{touch-action:pan-x pan-y}.is-native .br-hs__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.is-native .br-hs__track::-webkit-scrollbar{display:none}.is-native .br-hs__track>*{scroll-snap-align:start;scroll-snap-stop:always}}
/* Touch-projectpagina: wit infoblok bovenaan, daaronder een opzij-swipebare rij op vaste hoogte */
@media (hover:none) and (pointer:coarse){
.is-touch .br-split{border-top:0!important;display:block;height:auto!important;min-height:0!important;position:relative!important}
.is-touch .br-split__img{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1;overflow:hidden;border-bottom:1px solid var(--br-black)}.is-touch .br-split__img img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.is-touch .br-split__txt{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:28px 20px 28px!important;background:var(--br-white)}
.is-touch .br-hs{height:auto!important;border-top:1px solid var(--br-black)}
.is-touch .br-hs__sticky{position:relative!important;top:auto!important;height:auto!important}
.is-touch .br-hs__track{height:68svh!important;display:flex;transform:none!important}
.is-touch .br-hs__track>.br-p{height:100%!important;flex:none}
.is-touch .br-hs__track>.br-p:not(.br-p--laptop):not(.br-p--logos) img,.is-touch .br-hs__track>.br-p video{height:100%!important;width:auto!important;min-width:0!important;max-width:none!important;object-fit:contain}
.is-touch .br-hs__track>.br-p--laptop,.is-touch .br-hs__track>.br-p--logos{width:100vw}
}
/* Touch: pagina eindigt bij de slider tot het laatste beeld bekeken is */
@media (hover:none) and (pointer:coarse){body.single-project:not(.br-hs-done) .is-touch~.br-next,body.single-project:not(.br-hs-done) .is-touch~.br-homelink,body.single-project:not(.br-hs-done) .br-case:has(.is-touch)~*,body.single-project:not(.br-hs-done) footer{display:none!important}}
/* Pijl omlaag rechts zodra het laatste beeld in beeld is (desktop + touch); weg na klik */
.br-hs__down{display:none;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;margin-top:-26px;width:52px;height:52px;padding:0;border:1px solid var(--br-black);border-radius:0;background:var(--br-white);color:var(--br-black);font:400 24px/1 var(--font-mono,monospace);z-index:6;cursor:pointer;transition:background .2s}
.br-hs.is-end:not(.is-down-used) .br-hs__down{display:flex;animation:brDownIn .4s ease both}
.br-hs__down:hover,.br-hs__down:active{background:var(--br-periwinkle,#8C9EFF)}
@keyframes brDownIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (hover:none) and (pointer:coarse){
.is-touch .br-hs__sticky{position:relative}
.is-touch .br-hs__down{right:12px;top:calc(68svh / 2);}
.single-project .br-next__img{aspect-ratio:1!important;height:auto!important;width:100%!important;display:block;overflow:hidden}
.single-project .br-next__img img{width:100%!important;height:100%!important;object-fit:cover}
}
/* Touch-projectpagina: header verdwijnt, 'Terug naar home' + footer vast onderin */
@media (hover:none) and (pointer:coarse){
body.single-project .br-header{transition:opacity .3s,transform .3s}
body.single-project .br-header{display:none!important}
#br-dock{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--br-white);color:var(--br-black)}
#br-dock .br-homelink{display:flex!important;position:static;border-top:1px solid var(--br-black)}
#br-dock .br-legal{display:grid!important;margin:0!important;padding:12px 14px calc(17px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--br-black)}
body.single-project footer{display:none!important}
}
/* Footer: 5px extra witruimte onderin */
body:not(.br-is-home) .br-legal{padding-bottom:calc(19px + env(safe-area-inset-bottom))}
@media (hover:none) and (pointer:coarse){body.single-project .br-header,body.single-project header.br-header,body.single-project .br-header__logo,body.single-project .br-header__cta{display:none!important}}
/* Touch: ruimte onder de content zo hoog als de vaste balk, zodat je alles boven de balk kunt scrollen */
@media (hover:none) and (pointer:coarse){body.single-project{padding-bottom:var(--br-dock,120px)!important}body.single-project .br-case{padding-bottom:0!important}}
/* Touch: één dunne lijn tussen info en slider */
@media (hover:none) and (pointer:coarse){.is-touch .br-hs,.is-touch .br-hs__sticky,.is-touch .br-hs__track,.is-touch .br-split{border-top:0!important}.is-touch .br-split,.is-touch .br-split__txt{border-bottom:0!important;box-shadow:none!important}.is-touch .br-hs{border-top:1px solid var(--br-black)!important}}
/* Touch: doorlopend opzij vegen, geen stop per beeld */
@media (hover:none) and (pointer:coarse){.is-native .br-hs__track,.is-touch .br-hs__track{scroll-snap-type:none!important}.is-native .br-hs__track>*,.is-touch .br-hs__track>*{scroll-snap-align:none!important;scroll-snap-stop:normal!important}}
/* Touch: kleinere laptop, pijl rechtsboven, volgend project vult het scherm boven de balk */
@media (hover:none) and (pointer:coarse){
.is-touch .br-p--laptop .br-laptop{width:78%!important;max-width:78%!important;margin:0 auto}
.is-touch .br-hs__down{top:12px!important;right:12px!important;margin-top:0!important}
body.single-project .br-next{display:flex!important;flex-direction:column;min-height:calc(100dvh - var(--br-dock,120px))!important;height:auto!important;box-sizing:border-box}
body.single-project .br-next__txt{flex:1 0 auto!important;padding-bottom:28px}
}
/* Zwarte lijn onder de thumbnail van Volgend project */
.single-project .br-next__img{border-bottom:1px solid var(--br-black)!important;box-sizing:border-box}
/* Desktop: pijl rechtsonder boven de teller-lijn, Volgend project schermhoog als twee helften (zoals de start van een project) */
@media (hover:hover),(pointer:fine){
.br-hs:not(.is-native) .br-hs__down{top:auto!important;margin-top:0!important;bottom:72px;right:16px}
body.single-project .br-next{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:100vh;min-height:100dvh}
body.single-project .br-next__img{display:block!important;position:relative!important;overflow:hidden;width:auto!important;height:auto!important;aspect-ratio:auto!important;border-right:1px solid var(--br-black);border-bottom:0!important}
body.single-project .br-next__img img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}
body.single-project .br-next__txt{display:flex!important;flex-direction:column;justify-content:flex-start;padding:clamp(120px,14vh,170px) 4vw 40px!important;background:var(--br-white)}
}
/* Desktop projectpagina: geen 'Terug naar home' en geen footer; pagina eindigt met Volgend project */
@media (hover:hover),(pointer:fine){body.single-project .br-homelink,body.single-project .br-legal,body.single-project footer.ct-footer,body.single-project #footer{display:none!important}}
/* Smal desktopvenster: Volgend project onder elkaar, zoals op mobiel */
@media (hover:hover) and (max-width:859px),(pointer:fine) and (max-width:859px){
body.single-project .br-next{display:flex!important;flex-direction:column;grid-template-columns:none!important}
body.single-project .br-next__img{aspect-ratio:1!important;width:100%!important;border-right:0!important;border-bottom:1px solid var(--br-black)!important;flex:none}
body.single-project .br-next__txt{flex:1 0 auto!important;padding:28px 20px 40px!important}
}
/* Slider Revolution in het reisblog: niet laten beïnvloeden door de thema-regels */
.br-post__c{min-width:0;width:100%}
.br-post__c rs-module-wrap,.br-post__c rs-fullwidth-wrap,.br-post__c .rev_slider_wrapper,.br-post__c sr7-module{width:100%!important;max-width:100%;margin-left:0!important;margin-right:0!important}
.br rs-module img,.br rs-module-wrap img,.br sr7-module img,.br .rev_slider img,.br rs-module video,.br sr7-module video{max-width:none}

/* Reisblog: vorige / volgende */
.br-postnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(24px,3vw,40px);padding-top:14px;border-top:1px solid var(--br-black)}
.br-postnav__a{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;padding:10px 12px;border:1px solid var(--br-black);transition:background .2s}
.br-postnav__a:hover{background:var(--br-periwinkle)}
.br-postnav__a--next{grid-column:2;text-align:right;align-items:flex-end}
.br-postnav__t{font-size:clamp(16px,1.4vw,20px);line-height:1.2;letter-spacing:-.02em;text-wrap:pretty}
@media (max-width:560px){.br-postnav{grid-template-columns:1fr}.br-postnav__a--next{grid-column:1}}

/* Reisblog: eigen fotostrook (vervangt Slider Revolution) */
.br-fl{margin:1.6em 0 0!important;display:grid;gap:10px}
.br-fl__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;height:min(62vh,560px);outline:0;overscroll-behavior-x:contain}
.br-fl__track::-webkit-scrollbar{display:none}
.br-fl__img{flex:none;height:100%;width:auto;max-width:100%;object-fit:contain;scroll-snap-align:start;display:block;background:#f2f2f2}
.br-fl__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-family:var(--font-mono,inherit);font-size:12px;letter-spacing:.08em}
.br-fl__line{height:1px;background:var(--br-black);position:relative;opacity:1}
.br-fl__line i{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--br-black);transition:width .2s}
.br-fl__nav{display:flex;gap:6px}
.br-fl__btn{appearance:none;border:1px solid var(--br-black);background:#fff;color:var(--br-black);width:36px;height:36px;font:inherit;font-size:16px;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s}
.br-fl__btn:hover{background:var(--br-periwinkle)}
@media (max-width:860px){.br-fl__track{height:min(56vh,440px)}.br-fl__img{max-width:none}}

/* Reisblog: kleine travelmap (laadt pas na klik, i.v.m. cookies van Google) */
.br-rb__head{position:relative}
.br-rb__map{margin:0;width:min(300px,100%);display:grid;gap:6px}
@media (min-width:861px){.br-rb__head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}.br-rb__head .br-mega{margin-bottom:0}.br-rb__side{display:grid;grid-template-columns:auto 300px;gap:20px;align-items:end;padding-bottom:6px}.br-rb__side .br-rb__stats{order:-1;position:static!important;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px;align-self:start}.br-rb__side .br-rb__map{width:300px}}
@media (max-width:860px){.br-rb__head{display:flex!important;flex-direction:column;align-items:stretch}.br-rb__side{display:grid;gap:14px}.br-rb__side .br-rb__map{width:100%;margin-top:0}.br-rb__side .br-rb__stats{position:static!important;display:flex;flex-direction:column;gap:4px}}
.br-rb__map iframe,.br-rb__mapbtn{width:100%;aspect-ratio:16/10;border:1px solid var(--br-black);display:block;box-sizing:border-box}
.br-rb__mapbtn{appearance:none;background:#fff;color:var(--br-black);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;text-align:left;transition:background .2s}
.br-rb__mapbtn:hover{background:var(--br-periwinkle)}
.br-rb__mapcta{font-size:clamp(18px,1.6vw,24px);letter-spacing:-.03em}
.br-rb__mapbtn small{font-size:11px;opacity:.7}
.br-rb__map figcaption{text-align:right}.br-rb__map figcaption a{color:inherit}
@media (max-width:860px){.br-rb__map{width:100%;margin-top:14px}}

.br-rb__head,.br-rb__filters,.br-blog,.br-rb__side,.br-rb__map,.br-rb__stats{flex-shrink:0}

@media (max-width:860px){.br-rb__head,.br-rb__side,.br-rb__map{display:block!important;height:auto!important}.br-rb__head .br-mega{margin:0 0 4px!important}.br-rb__map{margin:0!important}.br-rb__map figcaption{margin-top:8px;line-height:20px}.br-rb__side .br-rb__stats{margin-top:-20px;width:max-content;max-width:60%}.br-rb__map iframe,.br-rb__mapbtn{height:auto}}