@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-BookItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-BookItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Black.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-BlackItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Book.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Bold.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Light.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-BoldItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-BoldItalic.woff) format("woff");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Medium.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Medium.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-SemiboldItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-SemiboldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Semibold.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Semibold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-MediumItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-MediumItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-Thin.woff2) format("woff2"),url(./resources/fonts/stag/Stag-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Stag;src:url(./resources/fonts/stag/Stag-ThinItalic.woff2) format("woff2"),url(./resources/fonts/stag/Stag-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Book.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Bold.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Medium.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-LightItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-MediumItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Black.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Light.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-BoldItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-BookItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-BookItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Semibold.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-BlackItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-ThinItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-SemiboldItalic.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-SemiboldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Stag Sans;src:url(./resources/fonts/stag-sans/StagSans-Thin.woff2) format("woff2"),url(./resources/fonts/stag-sans/StagSans-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}:root{--max-width: 730px;--padding: 20px;--main-padding: max(var(--padding), calc((100% - var(--max-width)) / 2));--block-width: calc(var(--max-width) / 2);--accent: red}*{box-sizing:border-box}html,body{font-family:Stag,serif}body{background:white;color:#000;font-size:calc(20px * var(--font-scale,1))}h1,h2,h3,h4,h5,strong{font-weight:inherit}body,ul,ol,li,blockquote,h1,h2,h3,h4,h5,p{padding:0;margin:0}p{line-height:1.2em}li{list-style:none}main{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden}main>*{width:100%;box-sizing:border-box;padding:0;padding:var(--padding) var(--main-padding);min-height:100vh;display:flex;flex-direction:column;flex:0 0 auto}main>*:not(#sport){overflow:hidden}img,video,hls-video{max-width:100%;height:auto;width:100%}time{font-family:Stag Sans,sans-serif;font-weight:500;font-size:12px}hr{max-width:150px;width:100%;height:10px;border:none;margin:10vh auto;background:var(--accent,red);transition:width 1s .4s;padding:0!important}hr:not(.in-view){width:0;transition:none}blockquote{margin:var(--padding) 0;padding:0 var(--padding);padding-left:calc(var(--padding) * 2);background:url(./resources/icons/quote.svg) no-repeat 0 0 / calc(var(--padding) * 1.5) auto;font-size:calc(24px * var(--font-scale,1));font-weight:300;display:flex;flex-direction:column;grid-gap:calc(var(--padding) / 2)}blockquote small{font-weight:400;font-size:calc(16px * var(--font-scale,1))}blockquote span{line-height:1.3em}blockquote.white{background-image:url(./resources/icons/quote-white.svg)}blockquote.video-caption{display:grid;grid-template:"spans" auto "small" auto / 100%}blockquote.video-caption span.active,blockquote.video-caption b.active{transition:opacity .4s}blockquote.video-caption span{grid-area:spans;opacity:0}blockquote.video-caption span b{opacity:.8;font-weight:inherit}blockquote.video-caption span.active,blockquote.video-caption span b.active{opacity:1}hls-video{--accent: blue}hls-video::part(mute){-webkit-appearance:none;appearance:none;width:calc(var(--padding,20px) * 3);height:calc(var(--padding,20px) * 3);background:url(./resources/icons/audio.svg) no-repeat 50% 50% / auto var(--padding);cursor:pointer;right:0;top:0}hls-video::part(muted){background-image:url(./resources/icons/muted.svg)}ticker-number{transition:opacity .4s}ticker-number[hidden]{opacity:0}.read-more{display:block;font-family:Stag Sans,sans-serif;text-transform:uppercase;text-decoration:none;color:inherit;font-size:14px;font-weight:400;font-style:normal;transition:transform .4s,background-size .4s}.read-more.video{text-align:right;display:flex;padding-right:4em;min-height:52px;background:url(./resources/icons/play.svg) no-repeat 100% 50% / auto 80%;background-position:right .5em top 50%;justify-content:end;align-items:center;text-decoration:none;text-transform:none}.read-more:hover{text-decoration:underline}.white-block,.red-block,.transparent-block{--s: 0;--sn: clamp( -.5, calc(var(--s,0) / 2), 1.5 );padding:var(--padding);background:white;color:#000;max-width:var(--block-width);display:flex;flex-direction:column;grid-gap:.5em;transform:translate(calc(var(--sn,0) * var(--padding) * 2))}.red-block{background:var(--accent,red);color:#fff}.white-block .read-more,.red-block .read-more,.transparent-block .read-more{text-transform:lowercase}.transparent-block{background:transparent;color:#fff}.inline-block{display:inline-block;padding:.15em .25em;background:var(--accent,red);color:#fff;font-style:normal}.red-block .inline-block{background:white;color:var(--accent,red)}.red-block em,.white-block em,.transparent-block em{font-style:inherit;font-weight:inherit}.numbered-block{display:grid;grid-template:".      time" auto "strong content" auto "strong link" auto "strong times" auto / auto 1fr;max-width:none}.numbered-block>*{grid-area:content}.numbered-block>a{grid-area:link}.numbered-block>strong{grid-area:strong;font-size:calc(60px * var(--font-scale,1));font-weight:600}.numbered-block>time{grid-area:time}.numbered-block>.keer-bekeken{grid-area:times}[data-slug]{padding:7vh var(--padding) 7vh 25%;position:relative;font-weight:300;font-size:calc(26px * var(--font-scale,1));z-index:4;min-height:20vh}[data-slug] em,[data-slug] strong,[data-slug] ticker-number{font-weight:700;font-style:inherit}[data-slug]:before{--sn: min( 1, var(--s) );content:attr(data-slug);position:absolute;left:50%;top:5vh;font-size:calc(120px * var(--font-scale,1));white-space:nowrap;font-weight:600;opacity:.1;z-index:0;transform:translate(-100%) translate(calc(var(--sn) * 25%));width:auto;z-index:-1}@media all and (max-width:800px){[data-slug]{overflow:hidden;width:calc(100% + var(--padding));margin-left:calc(var(--padding) * -1)}[data-slug]:before{transform:translate(-50%) translate(calc(var(--sn) * 25%))}}.keer-bekeken{display:inline-flex;flex-direction:column;padding:.25em 1em;background:var(--accent);color:#fff;width:auto;text-align:center;font-weight:400;font-size:calc(20px * var(--font-scale,1));justify-self:start;line-height:1.8em}.keer-bekeken em{font-style:normal;font-weight:600;font-size:calc(35px * var(--font-scale,1))}.keer-bekeken small{font-style:normal;line-height:1em;font-size:inherit}@keyframes bounce-fine{30%{top:10px}}@keyframes bounce-coarse{30%{top:-10px}}.scroll-indicator{width:100%;height:60px;position:relative;color:transparent!important}.scroll-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(./resources/icons/scroll-desktop.svg) no-repeat 50% 50% / contain;animation:bounce-fine 5s infinite}@media (pointer:coarse){.scroll-indicator:after{animation-name:bounce-coarse;background:url(./resources/icons/scroll-mobile.svg) no-repeat 50% 50% / auto 2em}}#idle-scroll-indicator{position:fixed;bottom:var(--padding);left:50%;width:60px;height:60px;opacity:0;pointer-events:none;transition:opacity .3s;padding:0!important;z-index:200;transform:translate(-50%);min-height:0;overflow:visible!important}#idle-scroll-indicator:not([hidden]){opacity:1;transition:opacity 1s}main>#hln{position:fixed;top:0;left:0;width:100%;height:auto;background:white;display:flex;min-height:0;align-items:center;justify-content:center;z-index:100;flex-direction:row;color:#000;grid-gap:.5em;box-shadow:0 0 20px #00000040;padding:.5em 1em}#hln img{max-height:1.5em;width:auto}#hln span{font-size:1em;font-weight:400}#hln a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}body.is-app #hln{display:none!important}#intro{display:grid;grid-template:"." minmax(50px,.25fr) "logo" auto "intro" auto "." minmax(50px,1fr) "ticker" auto "." minmax(50px,1fr) "splash" auto "." minmax(50px,1fr) "cta" auto "." minmax(50px,.25fr) / 100%;font-weight:300;min-height:100vh}#intro .logo{max-height:100px;width:auto;margin:var(--padding) auto;grid-area:logo}#intro h2{font-weight:600;text-align:center;margin:0 auto;grid-area:intro}#intro h3{display:flex;flex-direction:column;grid-area:splash}#intro h3.ticker{grid-area:ticker;justify-content:center}#intro h3:not(.ticker){text-align:center;font-size:1.5em}#intro h3 span{margin:0 auto}#intro h3 span:first-child{margin:0 auto 0 0}#intro h3 span:last-child{margin:0 0 0 auto}#intro h3 ticker-number{font-size:min(8.5vw,3.23em);display:flex;flex-direction:row;font-family:Stag Sans,sans-serif;grid-gap:.1em;padding:.2em 0;margin:0 auto}#intro h3 ticker-number::part(character number){background:var(--accent,red);color:#fff;font-weight:500;padding:.25em .15em .2em;flex:0 0 auto}#intro h3 ticker-number::part(character number){width:.58em;margin:0 2px;text-align:center}#intro h3 ticker-number::part(character punctuation){color:gray;padding:.25em 0 0;font-weight:400}#intro .scroll-indicator{position:sticky;bottom:0;left:0;width:100%;grid-area:cta;color:transparent;background:linear-gradient(0deg,white 50%,transparent)}#header{background:var(--accent,red);color:#fff;align-items:center;justify-content:center;clip-path:ellipse(150% 50% at 50% 50%);grid-gap:2em;min-height:0;padding-top:15vh;padding-bottom:15vh}#header h1{grid-gap:2em;font-weight:600}#header h1,#header h1 span{display:flex;flex-direction:column;align-items:center;justify-content:center}#header h1 span{grid-gap:.25em;font-size:calc(42px * var(--font-scale,1))}#header h1 span img{max-height:100px;width:auto}#header h1 span strong{font-weight:300;font-size:calc(29px * var(--font-scale,1))}#header h2{text-align:center;max-width:60%;margin:0 auto;font-weight:600}#guess{text-align:center;justify-content:center;align-items:center}#guess h2{margin:12.5vh 0;font-weight:600;font-size:calc(26px * var(--font-scale,1))}#guess h3{margin:0;font-weight:600;font-size:calc(32px * var(--font-scale,1));max-width:75%}#guess small{margin:1em 0;transition:opacity .4s}#guess.complete small{opacity:0}#guess ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}#guess ul li{overflow:hidden;border-radius:10px;position:relative;width:100%;display:grid;padding:10px;grid-template:"before" 1fr "title" auto "." 5px "time" auto;color:#fff;cursor:pointer;transition:transform .4s,outline .4s}@media (pointer:fine){#guess ul li:not(.selected):hover{transform:scale(1.05)}}#guess ul li:before,#guess ul li:after{content:"";display:block;width:100%}#guess ul li:before{height:3em;grid-area:before;position:relative;background:url(./resources/icons/wrong.svg) no-repeat 50% 50% / auto 75%;opacity:0;z-index:2;transition:opacity .4s,transform .5s cubic-bezier(.35,1.23,1,1.19);justify-self:center;align-self:center;transform:scale(0)}#guess ul li.correct:before{background-image:url(./resources/icons/correct.svg)}#guess ul li:after{padding:0 0 65%;box-sizing:border-box;grid-row:1 /span 3;grid-column:1;background:linear-gradient(0deg,black 25%,transparent 75%);transform:scale(2)}#guess ul li>*{position:relative;z-index:2}#guess ul li>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}#guess ul li>h4{grid-area:title;font-weight:500;font-size:calc(18px * var(--font-scale,1))}#guess ul li>time{grid-area:time;font-weight:500;font-size:calc(12px * var(--font-scale,1));font-family:Stag Sans,sans-serif}#guess:not(.complete)~*{display:none}@keyframes clicked{50%{outline-offset:-5px}}#guess ul li.clicked{animation:clicked 1s!important}#guess.complete li.selected{outline:5px solid red}#guess.complete li.selected.correct{outline:5px solid #53C41A}#guess.complete li.correct:not(.selected):before{transition-delay:1s}#guess.complete li:not(.correct) img{opacity:.5}#guess.complete li.correct:before,#guess.complete li.selected:before{opacity:1;transform:scale(1)}#guess hr{transition:width .4s,background-color 1s}#guess.complete hr{transition-delay:0s;background-color:#f5f5f5}@supports (-webkit-background-clip:text){#guess small{height:auto;background:url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M 0 0 L 1 0 L 1 1 L 0 1z" fill="red" /></svg>') no-repeat 0 0 / 20px 100% black;background-position:left -20px top 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes animate-shiner{0%{background-position:left -20px top 0}50%{transform:scale(1.2);background-color:red}to{background-position:right -20px top 0}}#guess.hint small{animation:animate-shiner 1s}}#titan{padding:0!important;background:#001845}#titan>*{padding-left:var(--main-padding);padding-right:var(--main-padding)}#titan header{height:100vh;position:relative;overflow:hidden;padding:var(--padding) var(--main-padding);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;grid-gap:var(--padding)}#titan header>*{z-index:2}#titan header>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0}#titan header>h2{font-size:calc(42px * var(--font-scale,1))}#titan header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,white,transparent 25%,transparent 75%,#001845);z-index:1}#titan .red-block,#titan .white-block{position:relative;z-index:10}#titan .red-block{margin:-20% auto 0}#titan .white-block{margin-left:auto;margin-right:var(--padding);margin-top:var(--padding);margin-bottom:-20%}#bvs .white-block,#bvs .red-block,#bvs blockquote{max-width:calc(var(--max-width) * .65);margin:0 auto;z-index:10;position:relative}#bvs h2[data-slug]{padding:7vh 25%}#bvs h2[data-slug]:before{left:30%}#bvs ol{display:flex;flex-direction:column;grid-gap:var(--padding)}#bvs article{display:flex;flex-direction:column;grid-gap:var(--padding)}#bvs article strong{font-size:calc(60px * var(--font-scale,1));font-weight:700}#bvs article .white-block strong{color:var(--accent,red)}#bvs article:nth-child(1) .red-block{margin-top:-25%;max-width:75%}#bvs article:nth-child(2){display:grid;grid-template:"center" auto / 100%;justify-content:end;align-items:end}#bvs article:nth-child(2)>*{grid-area:center}#bvs article:nth-child(2)>img{margin:0 0 0 auto;max-width:calc(100% - var(--padding))}#bvs article:nth-child(2)>.white-block{justify-self:start;margin:auto auto var(--padding) 0;max-width:50%}#bvs article:nth-child(3){grid-gap:0}#bvs article:nth-child(3) img{margin-top:-5%}#bvs article:nth-child(3) strong{font-size:calc(128px * var(--font-scale,1));margin-top:10px}#bvs article:nth-child(3) .red-block{max-width:75%}#sport{--accent: #46B20F;padding:var(--padding) 0;background:var(--accent, red);clip-path:polygon(0 0,100% var(--padding),100% 100%,0 100%);position:relative;z-index:4}#sport [data-slug]{min-height:0}#sport hr{background:white}#sport:after{content:"";position:absolute;left:0;bottom:-1px;width:calc(100% + 1px);height:calc(var(--padding) * 2);background:#000238;clip-path:polygon(0 0,100% calc(100% - var(--padding)),100% 100%,0 100%);z-index:100}#sport h2[data-slug]{color:#fff;padding-right:var(--main-padding);padding-left:calc(var(--main-padding) + var(--max-width) * .25);padding-top:10vh;padding-bottom:10vh}#sport h2[data-slug]:before{top:20%;left:40%}#sport ul{width:100vw;height:max(400vh,3000px);display:grid;grid-template:"sporty" auto / 1fr;align-items:start;background:inherit;--items: 5;--item: 1;position:relative}#sport ul:before{content:"";position:relative;left:0;top:0;width:100vw;height:100vh;height:var(--vph);grid-area:sporty;background:white;z-index:1;--a: calc(-20% * var(--s,0));clip-path:polygon(0 0,100% var(--padding),100% calc(60% - var(--padding) * 2 + var(--a)),0 calc(60% + var(--a)));transform:translateY(calc(var(--padding) * -1))}#sport ul li{--l: 5;display:grid;grid-area:sporty;grid-template:"." 2fr "title" 3em "." 4px "time" auto "." 1fr "card" auto "." 4fr / 100%;justify-content:center;align-items:center;position:sticky;top:0;left:0;min-height:100vh;width:100vw;min-height:var(--vph);z-index:2;overflow:hidden;pointer-events:none}#sport ul li:after{content:"";display:block;grid-area:card;position:absolute;bottom:0;left:50%;width:100vw;height:5vh;background:orange;z-index:10;max-width:calc(var(--max-width) * .75);transform:translate(-50%) translateY(200%);background:radial-gradient(closest-side,black,transparent);opacity:0;z-index:-1;transition:opacity 2s}#sport ul li.active:after,#sport ul li.correct[hidden]:after{opacity:.5}#sport ul li.correct:after{transform:translate(-50%) translateY(200%) translateY(calc(var(--s) * 10vh)) scale(1.1)}#sport.sticky ul:before,#sport.sticky ul li{position:fixed;top:0;left:0}#sport.sticky-end ul:before,#sport.sticky-end ul li{position:absolute;top:auto;bottom:0;left:0}#sport.sticky-end ul li:after{opacity:0!important}#sport ul h4,#sport ul time{width:auto;margin:0 auto;opacity:0;transition:opacity 0s .5s;text-align:center}#sport ul h4{grid-area:title;font-size:calc(26px * var(--font-scale,1));font-weight:600;padding:0 var(--padding)}#sport ul time{grid-area:time}#sport ul li .card{grid-area:card;width:auto;width:32vh;height:auto;object-fit:cover;object-position:center center;border-radius:20px;border:10px solid white;margin:0 auto;--out: translateY(0);transition:opacity .4s}#sport ul li[hidden] .card{transition:transform 1s,opacity .4s}#sport ul li.active h4,#sport ul li.active time{opacity:1;transition:opacity 1s .5s}#sport ul li[hidden] .card{--out: translateY(100%);opacity:0}#sport ul li.active{pointer-events:all}#sport ul li:nth-of-type(1){z-index:5}#sport ul li:nth-of-type(2){z-index:4}#sport ul li:nth-of-type(3){z-index:3}#sport ul li:nth-of-type(4){z-index:2}#sport ul li[hidden]:nth-of-type(1) .card{--out: translateX(-50vw)}#sport ul li[hidden]:nth-of-type(2) .card{--out: translateX(50vw)}#sport ul li[hidden]:nth-of-type(3) .card{--out: translateX(-50vw)}#sport ul li[hidden]:nth-of-type(4) .card,#sport ul li[hidden]:nth-of-type(4) h4,#sport ul li[hidden]:nth-of-type(4) time{opacity:1!important}#sport ul li:nth-of-type(1) .card{transform:var(--out) rotate(calc(5deg * var(--s)))}#sport ul li:nth-of-type(2) .card{transform:var(--out) rotate(calc(-10deg * (1 - var(--s))))}#sport ul li:nth-of-type(3) .card{transform:var(--out) rotate(calc(-5deg * (var(--s))))}#sport ul li:nth-of-type(4) .card{--d: calc(var(--s) / .3 * .05 + 1);--y: clamp(0,calc((var(--sn) - 1)),1);--out: translateY(0);transform:var(--out) rotate(calc(10deg * (1 - var(--s)))) scale(var(--d)) translateY(calc(30% * var(--y)))}#sport ul.at-end li .card{transition:none!important}#sport nav{display:none!important}#sport>.transparent-block{margin:var(--padding) auto;max-width:calc(var(--max-width) * .75);transform:none}#sport .scroll-indicator{position:fixed;bottom:var(--padding);left:0;min-height:0!important;transition:opacity .4s;z-index:20}#sport:not(.sticky) .scroll-indicator,#sport.sticky-end .scroll-indicator{opacity:0}#nieuws{--bg: #000238;background:var(--bg);color:#fff}#nieuws h2[data-slug]{padding-right:var(--padding)}#nieuws h2[data-slug]:before{color:#000351;opacity:1}#nieuws article:nth-of-type(1) .red-block{margin-bottom:-30%;z-index:10;position:relative;margin-left:var(--padding)}#nieuws ul{display:flex;flex-direction:column;grid-gap:var(--padding)}#nieuws article.stack-over{display:grid;grid-template:"overlay" auto / 100%;position:relative}#nieuws article.stack-over>*,#nieuws article.stack-over:before{grid-area:overlay;z-index:3;position:relative}#nieuws article.stack-over>img{z-index:1;object-fit:cover}#nieuws article.stack-over>div{margin:auto auto auto 0;height:auto}#nieuws article.stack-over:before{content:"";z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--bg),transparent)}#nieuws article.stack-over:nth-of-type(2):before{background:linear-gradient(90deg,transparent,var(--bg))}#nieuws article.stack-over:nth-of-type(2)>div{margin:auto 0 0 auto}#nieuws article.scrollable>div{transform:translateY(calc(10% * var(--s)))}#nieuws hr{background:white}#grappig{background:var(--accent);color:#fff}#grappig h2[data-slug]:before{color:#ff4242;opacity:1}#grappig hr{background:white}#grappig ol{display:flex;flex-direction:column;grid-gap:10vh}#grappig ol article{display:grid;grid-template:"video" auto "cta" auto "content" auto / 100%;margin:var(--padding);box-shadow:0 0 20px #00000080}#grappig ol article img,#grappig ol article video,#grappig ol article hls-video,#grappig ol article blockquote{grid-area:video;align-self:end;justify-self:start;z-index:4}#grappig ol article blockquote{z-index:6}#grappig ol article>div{grid-area:content;max-width:100%;display:grid;grid-template:". time" auto "strong content" auto / auto 1fr}#grappig ol article>div>strong{font-size:calc(60px * var(--font-scale,1));font-weight:600}#grappig ol article blockquote{margin:var(--padding);font-weight:600;z-index:5}#grappig ol article>a{grid-area:cta;color:#00f;text-transform:none;background-color:#fff}#hors-categorie{min-height:0}#hors-categorie .white-block{max-width:none;width:100%;font-weight:300;font-size:calc(26px * var(--font-scale,1));transform:none}#hors-categorie .white-block strong{font-weight:500}#politiek{background:#000238;color:#fff}#politiek ol{display:flex;flex-direction:column;grid-gap:10vh}#politiek aside{display:grid;grid-template:"overlayed" auto / 100%;justify-content:start;align-items:start}#politiek aside>*{grid-area:overlayed}#politiek aside>.keer-bekeken{margin:var(--padding);z-index:5}#politiek article:nth-of-type(1) aside img,#politiek article:nth-of-type(3) aside img,#politiek article:nth-of-type(1) aside hls-video,#politiek article:nth-of-type(3) aside hls-video{max-width:calc(100% - var(--padding) * 2);margin-left:auto}#oorlog{background:black;color:#fff;position:relative}#oorlog h2[data-slug]:before{color:#393939;opacity:1}#oorlog ul{display:flex;flex-direction:column;grid-gap:10vh}#oorlog:before{position:absolute;bottom:100%;left:0;width:100%;height:10vh;content:"";background:linear-gradient(transparent,black)}#oorlog time{color:var(--accent)}#oorlog article{display:grid;grid-template:"." 1fr "content" auto "quote" auto "." 1fr / 100%}#oorlog article>*{position:relative;z-index:3}#oorlog article>div{grid-area:content}#oorlog article>blockquote{grid-area:quote}#oorlog article>img{grid-column:1;z-index:1;grid-row:1 / span 4}#oorlog article:before{content:"";width:100%;height:100%;grid-column:1;grid-row:1 / span 4;background:linear-gradient(90deg,black,transparent);z-index:2}#oorlog article:first-of-type:before{background:linear-gradient(180deg,black,transparent)}#oorlog article:first-of-type{grid-template:"content" auto "quote" auto "." 1fr / 100%}#oorlog article:first-of-type>div{margin-left:auto}#oorlog article blockquote{background-color:red;width:75%;max-width:calc(var(--max-width) * .5);padding:var(--padding);padding-left:calc(var(--padding) * 3);background-size:var(--padding) auto;background-position:var(--padding) var(--padding)}#video{background:var(--accent);color:#fff;padding-top:10vh}#video .keer-bekeken{color:var(--accent);background:white;margin-right:auto}#video .transparent-block{max-width:75%;transform:none}#video hr{background:white}#video h2[data-slug]:before{color:#ff4242;opacity:1}#social-media h2[data-slug]:before{white-space:wrap;max-width:10em;line-height:.8em}#social-media ol{display:flex;flex-direction:column;grid-gap:10vh}#social-media article>div strong{font-size:calc(60px * var(--font-scale,1));font-weight:700}#social-media article>div,#social-media article>blockquote{position:relative;z-index:10}#social-media article>div{max-width:70%}#social-media article:nth-of-type(1) .red-block{margin:-20% auto var(--padding) auto}#social-media article:nth-of-type(2){display:grid;grid-template:". photo" 1fr "content photo" auto ". photo" var(--padding) "blockquote photo" auto "blockquote ." auto / calc(var(--padding) * 2) 1fr}#social-media article:nth-of-type(2)>img{grid-area:photo}#social-media article:nth-of-type(2)>div{grid-area:content;grid-column:1 / span 2;max-width:50%}#social-media article:nth-of-type(2)>div strong{color:var(--accent)}#social-media article:nth-of-type(2)>blockquote{grid-area:blockquote;grid-column:1 / span 2;background-color:#fff;background-position:var(--padding) var(--padding);padding-right:var(--padding);padding-top:var(--padding);padding-left:calc(var(--padding) * 3);max-width:85%;justify-self:start;margin:0}#social-media article:nth-of-type(3)>div{margin-bottom:-20%;margin-left:auto}#social-media hr{margin-bottom:0}#footer{text-align:center;min-height:0;padding:5vh var(--main-padding)}#footer ul{max-width:75%;width:100%;display:grid;grid-template-columns:1fr 1fr;margin:var(--padding) auto}#footer a{display:block;padding:1em;color:inherit;font-family:Stag Sans,sans-serif;font-size:calc(14px * var(--font-scale,1));font-weight:500;color:#00f;font-size:14px}#footer a:not(:hover){text-decoration:none;color:inherit}#footer h2{font-size:calc(22px * var(--font-scale,1));font-weight:700;max-width:75%;margin:var(--padding) auto}#footer img{max-height:1.5em;margin:var(--padding) auto}#footer a[href="#intro"]{margin:var(--padding) auto;padding-right:1.5em;background:url(./resources/icons/up.svg) no-repeat 100% 50% / auto 1em}#copyright{min-height:0;text-align:center;background:#f5f5f5;font-size:calc(14px * var(--font-scale,1));font-family:Stag Sans,sans-serif}#footer:not(.can-share) #new-share,#footer.can-share #classic-share{display:none}#footer.can-share #new-share{display:flex;flex-direction:row;font-size:18px;justify-content:center;align-items:center;grid-gap:.5em}#footer.can-share #new-share:before{display:block;width:1em;height:1em;background:url(./resources/icons/share.svg) no-repeat 50% 50% / contain;content:""}