.brul-grid{grid-template-columns:1fr}
.brul-grid .video-card{width:100%}
@media(max-width:599px){.brul-grid{grid-template-columns:1fr}}

/* Alleen een kop in het eerste blok: geen extra ruimte eronder */
.video-intro h1:last-child{margin-bottom:0}

/* Brul zelf: camera met Brikki's hoofd eroverheen */
.brul-doe[hidden]{display:none}
.brul-zelf h1:has(+ .brul-doe[hidden]){margin-bottom:0}
.brul-doe>p:first-child{margin:0 0 35px}
.brul-beeld{position:relative;overflow:hidden;background:var(--white)}
.brul-beeld canvas{display:block;width:100%;height:auto}
.brul-terug{display:none;position:absolute;inset:0;width:100%;height:100%;background:var(--black)}
.heeft-opname .brul-terug{display:block}
.brul-tel{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;color:var(--white);font:700 min(40cqw,220px)/1 'Futura Bold BT','Futura','Century Gothic',sans-serif;text-shadow:0 4px 24px rgb(0 0 0 / .35)}
.telt .brul-tel{display:flex}
.brul-tel.tik{animation:brul-tik 1s ease-out}
@keyframes brul-tik{0%{transform:scale(1.6);opacity:0}20%{transform:scale(1);opacity:1}80%{opacity:1}100%{opacity:0}}
.neemt-op .brul-beeld::after{content:'';position:absolute;top:16px;left:16px;width:18px;height:18px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--white);animation:brul-knipper 1s steps(2,start) infinite}
@keyframes brul-knipper{to{visibility:hidden}}

.brul-knoppen{display:flex;justify-content:center;margin-top:22px}
.brul-knoppen .knop{margin-top:0;border:0;cursor:pointer}
.brul-opnemen,.brul-na{display:none}
.camera-aan .brul-camera{display:none}
.camera-aan .brul-opnemen{display:block}
.kan-niet-opnemen .brul-opnemen,.heeft-opname .brul-opnemen{display:none}
.heeft-opname .brul-na{display:flex;align-items:center;gap:22px}
.brul-opnemen{position:relative;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:var(--red);cursor:pointer;box-shadow:0 10px 28px -6px rgb(0 0 0 / .28);transition:transform .2s ease;-webkit-tap-highlight-color:transparent}
.brul-opnemen::before{content:'';position:absolute;inset:22px;border-radius:50%;background:var(--white);transition:inset .2s ease,border-radius .2s ease}
.neemt-op .brul-opnemen::before{inset:26px;border-radius:3px}
.brul-opnemen:hover{transform:scale(1.06)}
.brul-opnemen:disabled{cursor:default;opacity:.6;transform:none}
.brul-bewaar{display:block;width:64px;height:64px;border-radius:50%;background:var(--blue);box-shadow:0 10px 28px -6px rgb(0 0 0 / .28);transition:transform .2s ease;-webkit-tap-highlight-color:transparent}
.brul-bewaar svg{display:block;width:30px;height:30px;margin:17px auto}
.brul-bewaar:hover{transform:scale(1.08)}
.brul-melding:empty{display:none}
.brul-melding{margin:18px 0 0;text-align:center}
.brul-privacy{margin:18px 0 0;font-size:.85em;opacity:.7;text-align:center;max-width:none;text-wrap:balance}   /* regels even lang */
@media (hover:none){.brul-opnemen:hover,.brul-bewaar:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.brul-tel.tik{animation:none}.neemt-op .brul-beeld::after{animation:none}}

/* Eigen filmpjes (geen Vimeo meer) */
.video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--black)}