/* Brikki's reuzenverhaal. Bouwt voort op home.css. */
.reuze-main{gap:var(--between)}
.reuze-main>*{min-width:0}

/* Blauw huisje rechtsboven: terug naar home */
.reuze-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue);transition:transform .2s ease}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}

/* Eerste vlak: alleen de grote Brikki */
.reuze-main>.block:first-of-type .pic{margin-bottom:0}

/* Filmpje van Vimeo */
.pic.video{background:var(--black)}
.pic.video iframe{display:block;width:100%;height:100%;border:0}

/* Fotostrook met onderschriften: vegen of met de gele knoppen bladeren */
.strip-wrap{position:relative;margin:clamp(18px,2.4vw,26px) 0}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.strip::-webkit-scrollbar{display:none}
.strip figure{flex:0 0 auto;margin:0;scroll-snap-align:start;width:min-content}
.strip img{display:block;width:auto;height:clamp(200px,40vw,300px);background:var(--turquoise)}
.strip figcaption{margin-top:10px}
.strip-btn{position:absolute;top:calc(clamp(200px,40vw,300px) / 2);width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:var(--yellow);box-shadow:0 10px 28px -6px rgb(0 0 0 / .28);cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.strip-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}
.strip-btn.prev{left:-12px}.strip-btn.prev::before{border-right:14px solid var(--black);transform:translate(-62%,-50%)}
.strip-btn.next{right:-12px}.strip-btn.next::before{border-left:14px solid var(--black);transform:translate(-38%,-50%)}
.strip-btn:hover{transform:scale(1.08)}
.strip-btn[disabled]{opacity:0;pointer-events:none}
.strip:focus-visible{outline:4px solid var(--blue);outline-offset:4px}

/* Knop direct onder de fotostrook: geen dubbele ruimte */
.strip-wrap+.knop{margin-top:0}

@media (hover:none){.home-link:hover .home-icon,.strip-btn:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.strip{scroll-behavior:auto}}