.b-historie__tl{--plaat:11.5rem;list-style:none;margin:0;padding:0;position:relative;
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,calc(2.2*var(--vw)),2.2rem)}
.b-historie__tl::before{content:"";position:absolute;left:5%;right:5%;top:calc(var(--plaat) + 1.25rem);height:2px;
border-radius:2px;background:linear-gradient(to right,rgba(244,204,205,.18),rgba(244,204,205,.5) 55%,var(--b-signaal))}
.b-historie__stap{position:relative}
.b-historie__fig{position:relative;margin:0 0 2.9rem}
.b-historie__plaat{height:var(--plaat);border-radius:var(--b-r-kaart);overflow:hidden;background:rgba(255,255,255,.06);
box-shadow:0 18px 34px -22px rgba(0,0,0,.85);transition:transform .5s var(--b-ease)}
.b-historie__plaat img{width:100%;height:100%;object-fit:cover;display:block}
.b-historie__stap:nth-child(odd) .b-historie__plaat{transform:rotate(-1.2deg)}
.b-historie__stap:nth-child(even) .b-historie__plaat{transform:rotate(1deg)}
.b-historie__stap--ver .b-historie__plaat img{filter:grayscale(1) sepia(.6) hue-rotate(-24deg) saturate(1.7) brightness(.9)}
.b-historie__stap--dichtbij .b-historie__plaat img{filter:saturate(.72) sepia(.18)}
.b-historie__stap--nu .b-historie__plaat img{filter:none}
.b-historie__stap--oud .b-historie__plaat img{filter:grayscale(1) contrast(1.02)}
.b-historie__bron{margin:clamp(1.4rem,1rem + calc(1*var(--vw)),2rem) 0 0;max-width:70ch;
font-size:.78rem;line-height:1.5;color:rgba(244,204,205,.66)}
.b-historie__bron a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.b-historie__stap--persoon .b-historie__plaat img{filter:saturate(.86) sepia(.08)}
.b-historie__jaar{position:absolute;left:0;top:calc(100% + .35rem);display:inline-flex;align-items:center;gap:.5rem;
font:700 clamp(1.25rem,1rem + calc(.9*var(--vw)),1.8rem)/1 var(--font-titel);letter-spacing:-.03em;
font-variant-numeric:tabular-nums;color:#fff}
.b-historie__jaar::before{content:"";flex:none;width:.7rem;height:.7rem;border-radius:50%;
background:var(--b-op-donker);box-shadow:0 0 0 .3rem var(--b-donker)}
.b-historie__stap--nu .b-historie__jaar::before{background:var(--b-signaal)}
.b-historie__stap h3{margin:0 0 .45rem;font:600 clamp(.98rem,.9rem + calc(.3*var(--vw)),1.12rem)/1.25 var(--font-titel);
letter-spacing:-.015em;color:#fff}
.b-historie__stap p{margin:0;font-size:clamp(.86rem,.83rem + calc(.16*var(--vw)),.95rem);line-height:1.58;color:var(--b-op-donker)}
.b-historie__voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;
margin-top:clamp(2.2rem,1.6rem + calc(2*var(--vw)),3.4rem);padding-top:clamp(1.4rem,1rem + calc(1.4*var(--vw)),2.2rem);
border-top:1px solid rgba(244,204,205,.22)}
.b-historie__cijfers{margin:0;max-width:46ch;font-size:.98rem;line-height:1.6;color:var(--b-op-donker)}
.b-historie__cijfers b{color:#fff;font-weight:600}
@media (hover:hover){.b-historie__stap:hover .b-historie__plaat{transform:rotate(0) translateY(-4px)}}
@media (max-width:1099px){
.b-historie__tl{--plaat:11rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem clamp(1rem,calc(3*var(--vw)),2.2rem)}
.b-historie__tl::before{display:none}
}
@media (max-width:699px){
.b-historie__tl{--plaat:10.5rem;grid-template-columns:1fr;gap:0;padding-left:2.6rem}
.b-historie__tl::before{display:block;left:.6rem;right:auto;top:1rem;bottom:2rem;width:2px;height:auto;
background:linear-gradient(to bottom,rgba(244,204,205,.18),rgba(244,204,205,.5) 55%,var(--b-signaal))}
.b-historie__stap{padding-bottom:1.9rem}
.b-historie__fig{margin:0 0 .9rem}
.b-historie__plaat{transform:none!important}
.b-historie__jaar{position:static;margin-bottom:.5rem}
.b-historie__jaar::before{position:absolute;left:-2.35rem;margin-top:.1rem}
.b-historie__voet{display:block}
.b-historie__cijfers{margin-bottom:1.2rem}
}
@media (prefers-reduced-motion:reduce){.b-historie__plaat{transition:none}}
@media print{.b-historie__plaat{transform:none;box-shadow:none}}