:root{--wit: #ffffff;--warm: #fbf7ec;--inkt: #141414;--geel: #fdca39;--haarlijn: #f2f0e9;--boeklijn: #e9e4d6;--tag-kleur: #8a7f5f;--serif: "PT Serif", Georgia, serif;--sans: "Instrument Sans", system-ui, sans-serif;--arabisch: "Amiri", serif;--traag: cubic-bezier(.16, 1, .3, 1);--placeholder: repeating-linear-gradient(45deg, #f1e9d6, #f1e9d6 16px, #ebe1c8 16px, #ebe1c8 32px);--hero-beeld: url(/beeld/hero.jpg);--site-max: 1440px;--gutter: 96px;--site-inner: calc(var(--site-max) - 2 * var(--gutter));--rand: max(var(--gutter), calc((100% - var(--site-max)) / 2 + var(--gutter)))}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wit);color:var(--inkt);font-family:var(--sans);font-size:19px;line-height:1.75;-webkit-font-smoothing:antialiased}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 1s ease var(--d, 0s),transform 1.1s var(--traag) var(--d, 0s)}[data-reveal].revealed{opacity:1;transform:none}[data-parallax]{transform:translateY(var(--par, 0px));transition:opacity 1.2s ease var(--d, 0s);will-change:transform}[data-reveal][data-parallax].revealed{transform:translateY(var(--par, 0px))}.maskregel{display:block;overflow:hidden}.maskregel-inner{display:block;transform:translateY(112%);transition:transform 1.2s var(--traag) var(--d, 0s)}[data-reveal].revealed .maskregel-inner{transform:translateY(0)}[data-reveal]:has(.maskregel){opacity:1;transform:none}[data-reveal][data-parallax]:has(.maskregel){transform:translateY(var(--par, 0px))}.uitmark{position:relative;display:inline-block;width:.58em;height:.58em;overflow:hidden;color:var(--geel);flex:none;vertical-align:baseline}.uitmark-pijl{position:absolute;inset:0;width:100%;height:100%;transition:transform .45s var(--traag)}.uitmark-pijl-kopie{transform:translate(-110%,110%)}.heeft-uitmark:hover .uitmark-pijl{transform:translate(110%,-110%)}.heeft-uitmark:hover .uitmark-pijl-kopie{transform:translate(0)}.site-header{background:var(--wit);border-bottom:1px solid var(--haarlijn);position:sticky;top:0;z-index:50}.site-nav{position:relative;z-index:2;background:var(--wit);display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);max-width:var(--site-max);margin:0 auto}.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}.nav-logo-beeld{height:32px;width:auto;display:block}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:10px 4px;cursor:pointer}.nav-toggle-bar{display:block;width:22px;height:1.5px;background:var(--inkt)}.nav-links{display:flex;align-items:center;gap:34px}.nav-link{font:500 13.5px/1 var(--sans);color:var(--inkt);text-decoration:none;padding-bottom:4px;background-image:linear-gradient(var(--geel),var(--geel));background-repeat:no-repeat;background-size:0% 2px;background-position:left bottom;transition:background-size .45s var(--traag)}.nav-link:hover{background-size:100% 2px}.nav-link-out{font:500 13.5px/1 var(--sans);color:var(--inkt);text-decoration:none;padding-bottom:4px;background-image:linear-gradient(var(--geel),var(--geel));background-repeat:no-repeat;background-size:0% 2px;background-position:left bottom;transition:background-size .45s var(--traag)}.nav-link-out:hover{background-size:100% 2px}.nav-link-out .uitmark{width:10px;height:10px}.nav-toggle-bar{transition:transform .45s var(--traag);transform-origin:center}.menu-open .nav-toggle-bar:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .nav-toggle-bar:last-child{transform:translateY(-3.75px) rotate(-45deg)}.menu-open,.menu-open body{overflow:hidden}.menu-overlay{display:none;position:fixed;inset:0;z-index:1;background:var(--wit);padding-top:70px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.menu-open .menu-overlay{opacity:1;visibility:visible;transition:opacity .45s ease}.menu-overlay-inner{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:28px 22px 32px;overflow-y:auto}.menu-lijst{display:flex;flex-direction:column}.menu-item{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--boeklijn);text-decoration:none;color:var(--inkt);opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .8s var(--traag)}.menu-open .menu-item{opacity:1;transform:none;transition-delay:calc(.08s + var(--i, 0) * .07s)}.menu-nr{font:600 11px/1 var(--sans);letter-spacing:.12em;color:var(--tag-kleur);width:22px;flex:none}.menu-item-label{font-family:var(--serif);font-size:clamp(28px,8.2vw,34px);line-height:1.1}.menu-item .uitmark{width:.5em;height:.5em}.menu-overlay-voet{margin-top:40px;padding-top:24px;border-top:2px solid var(--geel);display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .8s var(--traag)}.menu-open .menu-overlay-voet{opacity:1;transform:none;transition-delay:.5s}.menu-voet-label{font:600 10px/1 var(--sans);letter-spacing:.22em;color:var(--inkt);opacity:.5}.menu-mail{font-family:var(--serif);font-size:22px;color:var(--inkt);text-decoration:none}.menu-socials{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:6px}.menu-socials a{font:500 13px/1 var(--sans);color:var(--inkt);opacity:.65;text-decoration:none}.btn-outline{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--sans);letter-spacing:.06em;color:var(--inkt);text-decoration:none;border:1.5px solid var(--inkt);border-radius:6px;padding:16px 26px;margin-top:40px;background-color:transparent;cursor:pointer;transition:background-color .45s ease,border-color .45s ease,transform .55s var(--traag),box-shadow .55s var(--traag)}.btn-outline:hover{background-color:var(--geel);border-color:var(--geel);transform:translateY(-2px);box-shadow:0 12px 28px #fdca3959}.btn-outline:focus-visible{outline:2px solid var(--inkt);outline-offset:3px}.btn-arrow{font-family:var(--serif);transition:transform .45s var(--traag)}.btn-outline:hover .btn-arrow{transform:translate(5px)}.btn-geel{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--sans);letter-spacing:.06em;color:var(--inkt);background-color:var(--geel);background-image:linear-gradient(var(--inkt),var(--inkt));background-repeat:no-repeat;background-size:0% 2px;background-position:left bottom;border:none;border-radius:6px;padding:17px 30px;cursor:pointer;transition:background-size .45s var(--traag)}.btn-geel:hover{background-size:100% 2px}.section-label{font:600 11px/1.5 var(--sans);letter-spacing:.2em;color:var(--inkt);display:flex;align-items:flex-start;gap:12px;padding-top:12px}.label-tick{width:22px;height:2px;background:var(--geel);display:inline-block;margin-top:6px;flex:none;transform:scaleX(0);transform-origin:left;transition:transform .9s var(--traag) .15s}.section-label.revealed .label-tick{transform:scaleX(1)}.hero{position:relative;min-height:620px;height:82vh;overflow:hidden}.hero-achtergrond{position:absolute;inset:0;background:#f6f3ec var(--hero-beeld) no-repeat right center / cover;animation:achtergrond-zoom 3.6s var(--traag) both}@keyframes achtergrond-zoom{0%{transform:scale(1.07)}to{transform:scale(1)}}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff0,#ffffffb8 38%,#ffffff14 72%,#fff0)}.hero-content{position:absolute;left:var(--rand);top:50%;transform:translateY(-50%)}.hero-name{font-family:var(--serif);font-size:clamp(42px,5vw,68px);line-height:1.08;font-weight:400;color:var(--inkt)}.hero-roles{margin-top:22px;max-width:660px;font:400 12px/1.8 var(--sans);letter-spacing:.05em;color:var(--inkt)}.hero-scrollcue{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.scrollcue-label{font:400 9px/1 var(--sans);letter-spacing:.22em;color:var(--inkt);opacity:.5}.scrollcue-line{width:1px;height:28px;background:var(--inkt);opacity:.4;animation:cue-draw 3s var(--traag) infinite}@keyframes cue-draw{0%{clip-path:inset(0 0 100% 0)}42%{clip-path:inset(0 0 0 0)}58%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.over{display:grid;grid-template-columns:340px 1fr;gap:60px;padding:130px var(--gutter) 0;max-width:var(--site-max);margin:0 auto}.over-body{max-width:760px}.over-intro{font-family:var(--serif);font-size:clamp(23px,2.4vw,32px);line-height:1.55;color:var(--inkt)}.quote-band{margin-top:130px;background:var(--geel);padding:110px var(--gutter);text-align:center}.quote-band-inner{max-width:880px;margin:0 auto}.quote-mark{font-family:var(--serif);font-size:84px;line-height:.4;color:var(--inkt);opacity:.9}.quote-text{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.42;color:var(--inkt);margin-top:24px}.quote-attrib{margin-top:28px;font:400 12px/1 var(--sans);letter-spacing:.18em;color:var(--inkt);opacity:.6}.platform{display:grid;grid-template-columns:340px 1fr;gap:60px;padding:130px var(--gutter) 0;max-width:var(--site-max);margin:0 auto}.platform-body{display:flex;flex-direction:column;gap:56px;max-width:760px}.platform-video{display:flex;flex-direction:column;gap:12px}.video-venster{position:relative;aspect-ratio:16 / 9;background:var(--warm);border-radius:6px;overflow:hidden;isolation:isolate}.video-poster{position:absolute;inset:0;width:100%;height:100%;border:none;background:linear-gradient(180deg,#fbf7ec40,#fbf7ec8c);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;align-content:flex-end;flex-wrap:wrap;gap:16px;padding:28px;color:var(--inkt);font-family:var(--sans);transition:opacity .5s ease}.video-poster:focus-visible{outline:3px solid var(--geel);outline-offset:-3px;border-radius:6px}.video-play{flex:none;width:64px;height:64px;border-radius:50%;background:var(--geel);display:grid;place-items:center;box-shadow:0 18px 40px #14141438;transition:transform .5s var(--traag)}.video-poster:hover .video-play{transform:scale(1.08)}.video-play svg{width:22px;height:22px;margin-left:3px}.video-poster-label{font:600 11px/1 var(--sans);letter-spacing:.2em;color:var(--inkt)}.video-speler{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent;object-fit:cover}.video-venster.video-actief .video-poster{opacity:0;pointer-events:none}.video-bijschrift{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:400 12px/1.4 var(--sans);letter-spacing:.1em;color:var(--inkt);opacity:.55}.beeld-tag{font:10px/1 ui-monospace,monospace;color:var(--tag-kleur)}.platform-title{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:400;color:var(--inkt)}.platform-text{margin-top:24px;max-width:640px}.boeken{margin-top:130px;background:var(--warm);padding:110px var(--gutter)}.boeken-inner{display:grid;grid-template-columns:340px 1fr;gap:60px;max-width:var(--site-inner);margin:0 auto}.boeken-body{max-width:760px}.boeken-title{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:400;color:var(--inkt)}.boeken-text{margin-top:24px;max-width:640px}.boeken-lijst{margin-top:36px;display:flex;flex-direction:column;border-bottom:1px solid var(--boeklijn)}.boek-rij{display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--boeklijn);padding:18px 0;cursor:pointer;text-decoration:none;color:var(--inkt);transition:padding-left .5s var(--traag)}.boek-rij .uitmark{margin-left:auto;width:12px;height:12px;align-self:center;opacity:0;transition:opacity .4s ease}.boek-rij:hover .uitmark{opacity:1}.boek-rij:hover{padding-left:16px}.boek-nr{font:600 11px/1 var(--sans);letter-spacing:.08em;color:var(--inkt);opacity:.35;flex:none;transition:color .4s ease,opacity .4s ease}.boek-rij:hover .boek-nr{color:var(--tag-kleur);opacity:1}.boek-titel{font-family:var(--serif);font-size:clamp(18px,1.8vw,23px);color:var(--inkt)}.boek-preview{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .35s ease;will-change:transform}.boek-preview-zichtbaar{opacity:1}.boek-preview-img{display:none;width:224px;height:auto;box-shadow:0 30px 60px #14141438;border-radius:2px}.boek-preview-heeft-cover .boek-preview-img{display:block}.boek-preview-heeft-cover .boek-preview-cover{display:none}.boek-preview-cover{width:216px;height:300px;display:flex;flex-direction:column;gap:18px;padding:24px 22px;background:repeating-linear-gradient(45deg,#f7f1e2,#f7f1e2 10px,#f1e8d1 10px 20px);border:1px solid rgba(20,20,20,.07);box-shadow:0 30px 60px #1414142e}.boek-preview-auteur{font:600 9px/1.4 var(--sans);letter-spacing:.18em;color:var(--inkt);opacity:.55}.boek-preview-titel{font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--inkt)}.boek-preview-band{margin-top:auto;width:44px;height:6px;background:var(--geel)}.contact{background:var(--wit);padding:130px var(--gutter) 140px}.contact-inner{display:grid;grid-template-columns:340px 1fr;gap:60px;max-width:var(--site-inner);margin:0 auto}.contact-body{max-width:760px}.contact-kop{font-family:var(--serif);font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:400;color:var(--inkt)}.contact-tekst{margin-top:24px;max-width:560px}.contact-mail{display:inline-block;margin-top:44px;font-family:var(--serif);font-size:clamp(28px,4vw,54px);line-height:1.1;color:var(--inkt);text-decoration:none;overflow-wrap:anywhere;background-image:linear-gradient(var(--geel),var(--geel));background-repeat:no-repeat;background-size:100% 3px;background-position:left 94%;transition:background-size .6s var(--traag)}.contact-mail:hover{background-size:100% .42em}.contact-naam{margin-top:18px;font:600 11px/1.5 var(--sans);letter-spacing:.2em;color:var(--inkt);opacity:.55}.contact-socials{margin-top:56px;display:flex;flex-direction:column;border-top:1px solid var(--boeklijn)}.contact-social{display:grid;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:baseline;column-gap:20px;padding:18px 0;border-bottom:1px solid var(--boeklijn);text-decoration:none;color:var(--inkt);transition:padding-left .5s var(--traag)}.contact-social:hover{padding-left:16px}.contact-social-nr{font:600 11px/1 var(--sans);letter-spacing:.08em;color:var(--inkt);opacity:.35;transition:color .4s ease,opacity .4s ease}.contact-social:hover .contact-social-nr{color:var(--tag-kleur);opacity:1}.contact-social-naam{font-family:var(--serif);font-size:clamp(18px,1.8vw,23px)}.contact-social-handle{font:400 13px/1.4 var(--sans);opacity:.5}.contact-social .uitmark{width:12px;height:12px;align-self:center}.site-footer{background:var(--geel);padding:76px var(--gutter) 26px}.footer-inner{max-width:var(--site-inner);margin:0 auto}.footer-hoofd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:start}.footer-cta{display:flex;flex-direction:column;gap:16px}.footer-cta-label{font:600 11px/1 var(--sans);letter-spacing:.22em;color:var(--inkt);opacity:.55}.footer-cta-mail{font-family:var(--serif);font-size:clamp(26px,3vw,44px);line-height:1.1;color:var(--inkt);text-decoration:none;align-self:flex-start;background-image:linear-gradient(var(--inkt),var(--inkt));background-repeat:no-repeat;background-size:0% 2.5px;background-position:left 96%;transition:background-size .6s var(--traag)}.footer-cta-mail:hover{background-size:100% 2.5px}.footer-bio{margin-top:14px;max-width:380px;font:400 13.5px/1.7 var(--sans);color:var(--inkt);opacity:.75}.footer-kolommen{display:flex;gap:72px}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col-title{font:600 11px/1 var(--sans);letter-spacing:.16em;color:var(--inkt);opacity:.45;margin-bottom:4px}.footer-link{font:500 14px/1 var(--sans);color:var(--inkt);text-decoration:none;align-self:flex-start;background-image:linear-gradient(var(--inkt),var(--inkt));background-repeat:no-repeat;background-size:0% 1.5px;background-position:left bottom;padding-bottom:3px;transition:background-size .4s var(--traag)}.footer-link:hover{background-size:100% 1.5px}.site-footer .uitmark{color:var(--inkt);width:10px;height:10px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:64px;padding-top:20px;border-top:1px solid rgba(20,20,20,.22)}.footer-bottom-merk{display:flex;align-items:center;gap:12px}.footer-logo-beeld{height:26px;width:auto;display:block}.footer-bottom-arabisch{font-family:var(--arabisch);font-size:15px;color:var(--inkt);opacity:.7}.footer-bottom-rollen{font:600 10px/1.6 var(--sans);letter-spacing:.1em;color:var(--inkt);opacity:.55;text-align:center}.footer-copy{font:400 12px/1 var(--sans);color:var(--inkt);opacity:.55}.tl-opening{position:relative;min-height:680px;height:92vh;overflow:hidden}.tl-opening-achtergrond{position:absolute;inset:0;background:#f6f3ec var(--hero-beeld) no-repeat right center / cover;animation:achtergrond-zoom 3.6s var(--traag) both}.tl-opening-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff0,#ffffffb3 36%,#ffffff1a 70%,#fff0)}.tl-opening-content{position:absolute;left:var(--rand);right:var(--rand);top:50%;transform:translateY(-50%);max-width:820px}.tl-opening-naam{font-family:var(--serif);font-size:clamp(46px,5.6vw,76px);line-height:1.06;font-weight:400;color:var(--inkt)}.tl-opening-rollen{margin-bottom:22px;max-width:700px;font:400 12.5px/1.8 var(--sans);letter-spacing:.05em;color:var(--inkt)}.tl-opening-cue{position:absolute;left:var(--rand);bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tl-cue-label{display:inline-flex;align-items:center;gap:10px;font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--inkt);opacity:.6}.tl-cue-pijl{font-size:13px;line-height:1;color:var(--geel);animation:cue-wip 2.4s var(--traag) infinite}@keyframes cue-wip{0%,to{transform:translateY(0)}45%{transform:translateY(4px)}}.tl-cue-lijn{width:2px;height:64px;margin-left:104px;background:var(--geel);animation:cue-draw 3s var(--traag) infinite}.tl-verhaal{--tl-x: calc(var(--rand) + 104px);position:relative}.tl-spoor{position:absolute;left:var(--tl-x);top:0;bottom:0;width:2px;background:#14141412;z-index:2}.tl-vulling{position:absolute;left:var(--tl-x);top:0;width:2px;height:0;background:var(--geel);z-index:2}.tl-bol{position:absolute;left:var(--tl-x);top:-7px;margin-left:-6px;width:14px;height:14px;border-radius:50%;background:var(--geel);box-shadow:0 0 0 7px #fdca3938;z-index:3;opacity:0;transition:opacity .35s ease,background .35s ease,box-shadow .35s ease}.tl-bol-zichtbaar{opacity:1}.tl-bol-inkt{background:var(--inkt);box-shadow:0 0 0 7px #14141424}.tl-moment{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:64px;align-items:start;padding:150px var(--rand) 150px calc(var(--rand) + 184px);min-height:620px}.tl-anker{position:absolute;left:calc(var(--tl-x) - 6px);top:150px;display:flex;align-items:center;z-index:4}.tl-punt{width:14px;height:14px;border-radius:50%;border:2px solid var(--geel);background:var(--wit);flex:none;transition:background .45s ease,transform .45s var(--traag)}.tl-anker-actief .tl-punt{background:var(--geel);transform:scale(1.12)}.tl-jaartal{position:absolute;right:30px;width:130px;text-align:right;font:600 11px/1.2 var(--sans);letter-spacing:.14em;color:var(--inkt);opacity:.3;transition:opacity .5s ease}.tl-anker-actief .tl-jaartal{opacity:.85}.tl-inhoud{max-width:620px}.tl-kop-groot{font-family:var(--serif);font-size:clamp(44px,5.8vw,76px);line-height:1.08;font-weight:400;color:var(--inkt)}.tl-kop{font-family:var(--serif);font-size:clamp(32px,4vw,50px);line-height:1.14;font-weight:400;color:var(--inkt)}.tl-kop-soft{opacity:.45}.tl-tekst{margin-top:30px;max-width:560px}.tl-beeld{width:100%;max-width:420px;height:220px;background:repeating-linear-gradient(45deg,#f1e9d6,#f1e9d6 12px,#ebe1c8 12px 24px);display:flex;align-items:center;justify-content:center;align-self:end;justify-self:end}.tl-beeld-tag{font:10px/1 ui-monospace,monospace;color:var(--tag-kleur)}.tl-logo-beeld{display:flex;flex-direction:column;align-items:flex-end;gap:14px;align-self:end;justify-self:end;text-align:right}.tl-logo-beeld-img{width:200px;height:200px;object-fit:cover;display:block}.tl-logo-beeld-vu{position:relative;z-index:1}.tl-logo-vu-kaart{display:block;background:var(--wit);padding:26px 30px;border-radius:4px}.tl-logo-vu{display:block;width:220px;height:auto}.tl-logo-bijschrift{font:400 12px/1.5 var(--sans);letter-spacing:.1em;color:var(--inkt);opacity:.55;max-width:220px}.tl-beeld-inkt{background:repeating-linear-gradient(45deg,#1414140f,#1414140f 12px,#1414141c 12px 24px);position:relative;z-index:1}.tl-beeld-inkt .tl-beeld-tag{color:#14141499}.marokko-kaart{width:100%;max-width:400px;justify-self:end;align-self:end;color:var(--inkt)}.marokko-svg{width:100%;height:auto;display:block;overflow:visible}.marokko-pad{opacity:.75;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease .1s}.revealed .marokko-pad{stroke-dashoffset:0}.marokko-wijzer{opacity:.45;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease .9s}.revealed .marokko-wijzer{stroke-dashoffset:0}.marokko-punt{transform-origin:244px 48px;transform:scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1) .8s}.revealed .marokko-punt{transform:scale(1)}.marokko-ring{transform-origin:244px 48px;transform:scale(.4);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1) .95s,opacity .6s ease .95s}.revealed .marokko-ring{transform:scale(1);opacity:.7}.marokko-label{font:600 11px var(--sans);letter-spacing:.16em;fill:var(--inkt);opacity:0;transition:opacity .6s ease 1.1s}.revealed .marokko-label{opacity:.75}.tl-jaren{font-family:var(--serif);font-size:clamp(48px,7vw,100px);line-height:1.05;color:var(--inkt);white-space:nowrap}.tl-jaren-streep{color:var(--geel)}.tl-vakgebieden{display:flex;flex-direction:column;gap:16px;text-align:right;align-self:end;justify-self:end}.tl-vak{font-family:var(--serif);font-size:26px;color:var(--inkt)}.tl-moskeeen{display:flex;flex-direction:column;justify-self:end;align-self:start;width:100%;max-width:400px;border-top:1px solid var(--boeklijn)}.tl-moskee{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--boeklijn);text-decoration:none;color:var(--inkt);transition:padding-left .5s var(--traag)}.tl-moskee:hover{padding-left:12px}.tl-moskee-beeld{flex:none;width:116px;height:56px;display:flex;align-items:center;justify-content:center}.tl-moskee-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;mix-blend-mode:multiply}.tl-moskee-logo-vierkant{height:100%;width:auto}.tl-moskee-tekst{display:flex;flex-direction:column;gap:4px;min-width:0}.tl-moskee-naam{font-family:var(--serif);font-size:clamp(19px,1.7vw,23px);line-height:1.25}.tl-moskee-plaats{font:400 11px/1 var(--sans);letter-spacing:.14em;opacity:.5}.tl-master{background:var(--warm)}.tl-jaar-groot{font-family:var(--serif);font-size:clamp(72px,9vw,120px);line-height:1.05;color:var(--geel)}.tl-master-kop{margin-top:14px}.tl-doctoraat{position:relative}.tl-doctoraat:before{content:"";position:absolute;inset:0;background:var(--geel);transform:scaleY(0);transform-origin:bottom;transition:transform 1.3s var(--traag)}.tl-doctoraat.sectie-actief:before{transform:scaleY(1)}.tl-doctoraat .tl-inhoud{position:relative;z-index:1}.tl-doctoraat .tl-punt{border-color:var(--inkt);background:transparent}.tl-doctoraat.sectie-actief .tl-anker-actief .tl-punt{background:var(--inkt)}.tl-doctoraat .tl-jaartal{color:var(--inkt)}.tl-piek-jaar{font-family:var(--serif);font-size:clamp(72px,9vw,120px);line-height:1.05;color:var(--inkt)}.tl-piek-kop{margin-top:34px;font-family:var(--serif);font-size:clamp(24px,2.6vw,30px);line-height:1.35;font-weight:400;color:var(--inkt);max-width:460px}.tl-piek-tekst{margin-top:30px;font-size:18px;max-width:480px}.tl-proefschrift{display:flex;flex-direction:column;align-items:flex-end;gap:26px;justify-self:end;align-self:end;position:relative;z-index:1;width:100%;max-width:300px}.tl-proefschrift-cover{display:block;width:150px;max-width:100%;transition:transform .55s var(--traag),box-shadow .55s var(--traag);box-shadow:0 18px 44px #14141447}.tl-proefschrift-cover img{display:block;width:100%;height:auto}.tl-proefschrift-cover:hover{transform:translateY(-5px);box-shadow:0 26px 56px #14141457}.tl-doctoraat .btn-outline:hover{background-color:var(--inkt);border-color:var(--inkt);color:var(--geel);box-shadow:0 12px 28px #14141447}.tl-doctoraat .btn-outline .uitmark{color:var(--inkt)}.tl-doctoraat .btn-outline:hover .uitmark{color:var(--geel)}.tl-verbintenissen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;align-self:start;width:100%;max-width:400px;border-top:1px solid var(--boeklijn);border-left:1px solid var(--boeklijn)}.tl-verbintenis{display:flex;align-items:center;justify-content:center;height:124px;padding:24px 28px;border-right:1px solid var(--boeklijn);border-bottom:1px solid var(--boeklijn);background:var(--wit);transition:background-color .4s ease}.tl-verbintenis:hover{background-color:var(--warm)}.tl-verbintenis img{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain;display:block;mix-blend-mode:multiply;opacity:.9;transition:opacity .4s ease,transform .5s var(--traag)}.tl-verbintenis:hover img{opacity:1;transform:scale(1.04)}.tl-nalatenschap-kop{font-family:var(--serif);font-size:clamp(24px,2.8vw,34px);line-height:1.5;color:var(--inkt);max-width:720px}.tl-divider{margin-top:34px;width:44px;height:3px;background:var(--geel)}.tl-nalatenschap-tekst{margin-top:28px;opacity:.75;max-width:560px}.tl-publicaties-tekst{font-family:var(--serif);font-size:clamp(20px,2vw,25px);line-height:1.55;color:var(--inkt);max-width:620px}.tl-boekenwand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;justify-self:end;align-self:start;width:100%;max-width:400px}.tl-boekcover{display:block}.tl-boekcover img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;box-shadow:0 8px 20px #1414141f;transition:transform .55s var(--traag),box-shadow .55s var(--traag)}.tl-boekcover:hover img{transform:translateY(-4px);box-shadow:0 16px 30px #1414142e}.tl-citaat{position:relative;padding:190px var(--gutter);text-align:center}.tl-citaat-lijn-boven{position:absolute;left:calc(var(--rand) + 104px);top:0;height:120px;width:2px;background:var(--geel);transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--traag)}.tl-citaat-lijn-boven.sectie-actief{transform:scaleY(1)}.tl-citaat-inner{max-width:960px;margin:0 auto}.tl-citaat-mark{font-family:var(--serif);font-size:110px;line-height:.4;color:var(--geel)}.tl-citaat-tekst{font-family:var(--serif);font-size:clamp(26px,3.4vw,44px);line-height:1.42;color:var(--inkt);margin-top:32px}.tl-slot{position:relative;padding:0 var(--gutter) 110px;text-align:center}.tl-slot-afdaling{width:2px;height:96px;background:var(--geel);margin:0 auto;transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--traag)}.tl-slot-afdaling.sectie-actief{transform:scaleY(1)}.tl-zegel{position:relative;width:260px;height:260px;margin:0 auto;display:flex;align-items:center;justify-content:center}.tl-zegel-ring{position:absolute;inset:0;width:100%;height:100%;animation:zegel-draai 45s linear infinite}@keyframes zegel-draai{to{transform:rotate(360deg)}}.tl-zegel-tekst{font:600 8.6px var(--sans);letter-spacing:.06em;fill:var(--inkt);opacity:.75}.tl-zegel-monogram{width:72px;height:auto}.tl-slot-naam-blok{margin-top:40px}.tl-slot-arabisch{font-family:var(--arabisch);font-size:30px;color:var(--inkt)}.tl-slot-naam{margin-top:14px;font-family:var(--serif);font-size:clamp(28px,3vw,38px);line-height:1.3;color:var(--inkt)}.tl-routes{margin:110px auto 0;max-width:var(--site-inner);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.tl-route{border-top:2px solid var(--inkt);padding-top:18px;text-decoration:none;display:flex;flex-direction:column;gap:8px;background-image:linear-gradient(var(--geel),var(--geel));background-repeat:no-repeat;background-size:0% 2px;background-position:left top;transition:background-size .55s var(--traag)}.tl-route:hover{background-size:100% 2px}.tl-route-titel{font-family:var(--serif);font-size:24px;color:var(--inkt)}.tl-route-sub{font:400 13.5px/1.5 var(--sans);color:var(--inkt);opacity:.6}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.maskregel-inner,.uitmark-pijl,.label-tick,.tl-citaat-lijn-boven,.tl-slot-afdaling,.tl-doctoraat:before,.marokko-pad,.marokko-wijzer,.marokko-punt,.marokko-ring,.marokko-label{transition:none}.hero-achtergrond,.tl-opening-achtergrond,.scrollcue-line,.tl-cue-lijn,.tl-cue-pijl,.tl-zegel-ring{animation:none}[data-parallax]{transform:none}}@media(max-width:1100px){.tl-moment{grid-template-columns:1fr;row-gap:56px}.tl-beeld{justify-self:start;align-self:start}.tl-moskeeen{justify-self:start}.tl-vakgebieden{align-items:flex-start;text-align:left;justify-self:start;align-self:start}.tl-verbintenissen{align-items:flex-start;text-align:left;justify-self:start}}@media(max-width:860px){:root{--gutter: 22px}body{font-size:15px}.site-nav{padding:16px 22px}.nav-toggle{display:flex}.nav-links{display:none}.menu-overlay{display:flex}.hero{height:70vh;min-height:480px}.hero-scrim{background:linear-gradient(180deg,#ffffff0f,#ffffff42 44%,#ffffffd6,#fff 92%)}.hero-content{inset:auto 22px 34px;transform:none}.hero-scrollcue{display:none}.over,.platform,.boeken-inner{grid-template-columns:1fr;gap:20px}.over,.platform{padding:72px 22px 0}.boeken{margin-top:72px;padding:64px 22px}.contact{padding:72px 22px 80px}.contact-inner{grid-template-columns:1fr;gap:20px}.contact-mail{margin-top:30px}.contact-socials{margin-top:36px}.contact-social{grid-template-columns:28px minmax(0,1fr) 12px;column-gap:14px}.contact-social-handle{display:none}.quote-band{margin-top:72px;padding:64px 26px}.boek-preview{display:none}.platform-body{gap:36px}.video-poster{padding:18px;gap:12px}.video-play{width:52px;height:52px}.site-footer{padding:56px 22px 22px}.footer-hoofd{grid-template-columns:1fr;gap:44px}.footer-kolommen{flex-wrap:wrap;gap:36px}.footer-bottom{margin-top:44px}.tl-opening{height:84vh;min-height:580px}.tl-opening-scrim{background:linear-gradient(180deg,#ffffff0d,#ffffff38 40%,#ffffffd1,#fff 84%)}.tl-opening-naam{font-size:34px}.tl-opening-content{inset:auto 22px 96px;transform:none}.tl-opening-cue{left:22px;gap:10px}.tl-cue-lijn{height:36px;margin-left:2px}.tl-opening-rollen{margin-bottom:16px}.marokko-kaart{justify-self:start;max-width:340px}.tl-verhaal{--tl-x: 24px}.tl-moment{padding:96px 22px 72px 56px;min-height:0;row-gap:40px}.tl-anker{top:48px}.tl-punt{width:12px;height:12px}.tl-bol{width:12px;height:12px;margin-left:-5px;box-shadow:0 0 0 5px #fdca3938}.tl-jaartal{right:auto;left:24px;width:max-content;text-align:left}.tl-tekst{margin-top:18px}.tl-jaren+.tl-tekst{margin-top:28px}[data-parallax],[data-reveal][data-parallax].revealed,[data-reveal][data-parallax]:has(.maskregel){transform:none}.tl-slot-arabisch{font-size:24px}.tl-vak{font-size:20px}.tl-boekenwand{justify-self:start;max-width:320px;gap:12px}.tl-verbintenis{height:96px;padding:18px 20px}.tl-verbintenis img{max-height:44px}.tl-logo-beeld{align-items:flex-start;text-align:left;align-self:start;justify-self:start}.tl-proefschrift{align-items:flex-start;justify-self:start;max-width:220px;gap:20px}.tl-proefschrift-cover{width:118px}.tl-logo-beeld-img{width:150px;height:150px}.tl-moskee{gap:16px}.tl-moskee-beeld{width:92px;height:48px}.tl-logo-vu{width:170px}.tl-logo-vu-kaart{padding:18px 20px}.tl-citaat{padding:110px 22px}.tl-citaat-lijn-boven{left:24px;height:72px}.tl-slot{padding:0 22px 64px}.tl-zegel{width:210px;height:210px}.tl-zegel-monogram{width:58px}.tl-slot-afdaling{height:64px}.tl-routes{margin-top:64px;grid-template-columns:1fr;gap:10px}.tl-route{border-top:1px solid var(--boeklijn);padding:16px 0 8px;flex-direction:row;justify-content:space-between;align-items:baseline}.tl-route-titel{font-size:19px}.tl-route-sub{font-size:12px;text-align:right}}
