@layer components{.tijdlijn_wrap{--_clamp:6.5rem;--_thumb:9.5rem;--_rail-inset:1.75rem;--_gutter:6rem;--_year-gap:9rem;position:relative;overflow:clip}.tijdlijn_wrap :is(.tijdlijn_clear,.tijdlijn_toggle,.tijdlijn_item,.tijdlijn_year,.tijdlijn_nothing)[hidden]{display:none}.tijdlijn_dock{bottom:var(--space-6);z-index:20;width:min(28rem, calc(100vw - var(--space-8)));position:fixed;left:50%;transform:translate(-50%)}.tijdlijn_search{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);background-color:color-mix(in srgb, var(--background) 88%, transparent);backdrop-filter:blur(.75rem);box-shadow:0 .5rem 2rem color-mix(in srgb, var(--ink-900) 14%, transparent);transition:border-color .2s,box-shadow .2s;display:flex;&:focus-within{border-color:var(--heading-accent);box-shadow:0 .5rem 2rem color-mix(in srgb, var(--ink-900) 22%, transparent)}}.tijdlijn_lens{width:1.125rem;height:1.125rem;color:color-mix(in lab, currentcolor 55%, transparent);flex:none}.tijdlijn_query{min-width:0;font:inherit;font-size:var(--text-main);color:var(--text);background:0 0;border:0;flex:auto;padding:0;&:focus{outline:none}&::-webkit-search-cancel-button{display:none}}.tijdlijn_clear{border-radius:var(--radius-round);background-color:color-mix(in lab, currentcolor 8%, transparent);width:1.5rem;height:1.5rem;color:var(--text);cursor:pointer;border:0;flex:none;place-items:center;display:grid;& svg{width:1rem;height:1rem}@media (hover:hover){&:hover{background-color:color-mix(in lab, currentcolor 16%, transparent)}}}.tijdlijn_tally{font-size:var(--text-small);font-weight:var(--primary-medium,500);letter-spacing:.02em;color:color-mix(in lab, currentcolor 45%, transparent);font-variant-numeric:tabular-nums;flex:none;margin:0}.tijdlijn_rail{top:50%;left:var(--_rail-inset);z-index:21;position:fixed;transform:translateY(-50%)}.tijdlijn_track{gap:var(--space-2);padding-block:var(--space-1);scrollbar-width:none;flex-direction:column;max-height:74vh;display:flex;overflow-y:auto;&::-webkit-scrollbar{display:none}}.tijdlijn_chapter{align-items:start;gap:var(--space-2);grid-template-columns:auto 1.5rem;display:grid}.tijdlijn_jump{font:inherit;font-size:.625rem;font-weight:var(--primary-medium,500);font-variant-numeric:tabular-nums;text-align:left;color:color-mix(in lab, currentcolor 35%, transparent);cursor:pointer;background:0 0;border:0;padding:0;line-height:.75rem;transition:color .25s;@media (hover:hover){&:hover{color:var(--heading-accent)}}&[data-tl-empty]{opacity:.3;pointer-events:none}}.tijdlijn_chapter[data-tl-current] .tijdlijn_jump{color:var(--text)}.tijdlijn_ticks{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;display:flex}.tijdlijn_tick{border-radius:var(--radius-round);width:.75rem;height:.125rem;color:var(--text);background-color:color-mix(in lab, currentcolor 25%, transparent);margin-right:auto;transition:width .25s,background-color .25s,opacity .25s;display:block;position:relative;&[data-tl-passed]{background-color:color-mix(in lab, currentcolor 55%, transparent)}&[data-tl-current]{background-color:var(--petrol-600);width:1.5rem}&[data-tl-off]{opacity:.2;pointer-events:none}&:focus-visible{background-color:var(--text);width:1.5rem}@media (hover:hover){&:hover{background-color:var(--text);width:1.5rem}}&:after{content:"";position:absolute;inset:-.1875rem -.25rem}}.tijdlijn_tip{z-index:22;gap:var(--space-1);width:max-content;max-width:min(20rem,55vw);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background-color:var(--ink-900);color:var(--light-100);font-size:var(--text-small);line-height:var(--line-height-main,1.35);text-align:left;opacity:0;pointer-events:none;flex-direction:column;transition:opacity .15s;display:flex;position:fixed;transform:translateY(-50%);&[data-tl-visible]{opacity:1}& b{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-500);font-size:.6875rem}}.tijdlijn_year{padding-block:var(--space-8) var(--space-6);position:relative;&:first-of-type{padding-top:var(--section-space-large)}&+.tijdlijn_year{padding-top:var(--_year-gap)}&:last-of-type{padding-bottom:var(--section-space-large)}}.tijdlijn_ghost{user-select:none;justify-content:center;align-items:start;display:flex}.tijdlijn_ghost span{font-size:25vw;line-height:.78;font-family:var(--secondary-family,inherit);letter-spacing:-.03em;color:color-mix(in lab, currentcolor 7%, transparent);font-variant-numeric:tabular-nums;font-weight:700;display:block;position:sticky;top:22vh}.tijdlijn_item{z-index:1;grid-template-columns:var(--_thumb) minmax(0, 1fr);align-items:start;gap:var(--space-3) var(--space-6);padding-block:var(--space-6);max-width:34rem;display:grid;position:relative;&[data-tl-side=end]{grid-template-columns:minmax(0, 1fr) var(--_thumb);text-align:right;margin-left:auto;& .tijdlijn_media{grid-area:1/2}& .tijdlijn_text{grid-area:1/1}& figcaption{text-align:right}& .tijdlijn_toggle{flex-direction:row-reverse}}}.tijdlijn_media{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex;& img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-small);background-color:var(--background-skeleton);width:100%;height:auto;transition:transform .4s;display:block}& figcaption{font-size:var(--text-small);text-align:left;color:color-mix(in lab, currentcolor 70%, transparent);flex:none;line-height:1.3}}.tijdlijn_zoom{border-radius:var(--radius-small);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;overflow:clip;&:focus-visible img{transform:scale(1.04)}@media (hover:hover){&:hover img{transform:scale(1.04)}}}.tijdlijn_date{margin-bottom:var(--space-2);color:var(--text)}.tijdlijn_item[data-tl-side=end] .tijdlijn_date{--_alignment:end;display:flex}.tijdlijn_title{color:var(--text)}.tijdlijn_prose{--_mask-stop:60%;max-height:var(--_clamp);mask-image:linear-gradient(to bottom, var(--text) var(--_mask-stop), transparent 100%);overflow:hidden;& p{margin:0 0 var(--space-4);font-size:var(--text-small);line-height:var(--line-height-huge);color:color-mix(in lab, currentcolor 88%, transparent);&:last-child{margin-bottom:0}}& a{color:var(--link-text);text-underline-offset:.15em;text-decoration:underline}}.tijdlijn_toggle{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font:inherit;font-size:var(--text-small);font-weight:var(--primary-medium,500);letter-spacing:.04em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex;@media (hover:hover){&:hover{color:var(--heading-accent)}&:hover .tijdlijn_sign{border-color:var(--heading-accent)}}}.tijdlijn_sign{border-radius:var(--radius-round);border:var(--border-width) solid color-mix(in lab, currentcolor 30%, transparent);flex:none;width:1.125rem;height:1.125rem;transition:border-color .2s;position:relative;&:before,&:after{content:"";border-top:.09375rem solid;position:absolute;inset:50% 25%;transform:translateY(-50%)}&:after{transform:translateY(-50%)rotate(90deg)}}.tijdlijn_item mark{background-color:color-mix(in srgb, var(--brand-500) 45%, transparent);color:inherit;border-radius:var(--space-1);padding:0 var(--space-1)}.tijdlijn_reader{width:100%;max-width:none;height:100%;max-height:none;padding:0 0 var(--section-space-large);background-color:var(--background);color:var(--text);overscroll-behavior:contain;border:0;margin:0;overflow-y:auto;&::backdrop{background:0 0}&:not([open]){display:none}}.tijdlijn_figure{margin:0 0 var(--section-space-medium);& img{object-fit:cover;background-color:var(--background-skeleton);width:100%;height:min(70vh,44rem);display:block}}.tijdlijn_article{width:100%}.tijdlijn_caption{font-size:var(--text-small);color:color-mix(in lab, currentcolor 60%, transparent);margin:0;line-height:1.3;&:empty{display:none}}.tijdlijn_reading{& p{margin:0 0 var(--space-4);font-size:var(--text-main);line-height:var(--line-height-huge);color:color-mix(in lab, currentcolor 88%, transparent);&:last-child{margin-bottom:0}}& a{color:var(--link-text);text-underline-offset:.15em;text-decoration:underline}}.tijdlijn_close{top:var(--space-6);right:var(--space-6);z-index:2;border-radius:var(--radius-round);background-color:color-mix(in lab, var(--background) 80%, transparent);backdrop-filter:blur(.5rem);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;border:0;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid;position:fixed;& svg{width:1.25rem;height:1.25rem}@media (hover:hover){&:hover{background-color:var(--text);color:var(--background)}}}.tijdlijn_nothing{padding:var(--section-space-medium) var(--site-margin) var(--section-space-large);text-align:center;font-size:var(--text-large);color:color-mix(in lab, currentcolor 70%, transparent);margin:0}@media (prefers-reduced-motion:no-preference){.tijdlijn_item[data-tl-out]{opacity:0;transition:opacity .6s,translate .6s;translate:0 1.5rem}.tijdlijn_item[data-tl-out][data-tl-in]{opacity:1;translate:none}}@media (width<94rem){.tijdlijn_year,.tijdlijn_nothing{padding-left:var(--_gutter)}}@media (width<62rem){.tijdlijn_item,.tijdlijn_item[data-tl-side=end]{grid-template-columns:var(--_thumb) minmax(0, 1fr);text-align:left;max-width:none;margin:0;& .tijdlijn_media{grid-column:1}& .tijdlijn_text{grid-column:2}& figcaption{text-align:left}& .tijdlijn_toggle{flex-direction:row}}.tijdlijn_ghost span{font-size:34vw;top:15vh}}@media (width<48rem){.tijdlijn_wrap{--_thumb:7rem;--_rail-inset:.75rem;--_gutter:4.25rem;--_year-gap:5rem}.tijdlijn_dock{bottom:var(--space-4)}}@media (width<30rem){.tijdlijn_item,.tijdlijn_item[data-tl-side=end]{grid-template-columns:minmax(0,1fr);& .tijdlijn_media{grid-area:1/1;max-width:14rem}& .tijdlijn_text{grid-area:2/1}}}.pswp__caption{z-index:10;padding:var(--space-4) var(--section-space-small);text-align:center;font-size:var(--text-small);color:var(--light-100);text-shadow:0 .0625rem .1875rem var(--ink-900);pointer-events:none;line-height:1.4;position:absolute;bottom:0;left:0;right:0}}