:root{--ink:#0d0a0f;--ink-soft:#141217;--surface:#171519;--surface-raised:#1e1c21;--white-1:#d7ccce;--white-2:#bfb8cc;--muted:#90899a;--glow-color:#d8adff;--glow-spread-color:rgba(181,102,255,.48);--enhanced-glow-color:#ebd6ff;--link-color:#623b87;--light-soft:rgba(206,153,255,.12);--green:#4fee94;--line:#38313f;--radius-large:1.8rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;min-width:19rem}body{min-height:100vh;color:var(--white-2);text-align:center;background:radial-gradient(circle at 73% 10%,rgba(56,21,76,.26),transparent 27rem),radial-gradient(circle at 12% 45%,rgba(16,25,50,.22),transparent 34rem),linear-gradient(160deg,#0d0a0f,#0a090c 62%);margin:0;padding-top:4em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body:before{z-index:-1;content:"";opacity:.25;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.01) 3px 4px),radial-gradient(circle,transparent 35%,rgba(0,0,0,.6) 130%);position:fixed;inset:0}::selection{color:#0d260e;background:var(--glow-color)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--white-2);letter-spacing:-.035em}p{line-height:1.75}div{color:var(--white-1)}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}hr.solid{border:0;border-top:3px solid var(--white-2)}.site-main{min-height:calc(100vh - 4em)}.old-page{width:100%;min-height:calc(100vh - 4em);padding:0 1rem 7rem}.decorated{z-index:2;overflow-wrap:break-word;border-radius:var(--radius-large);max-width:75rem;box-shadow:1rem 1rem 2.4rem rgba(0,0,0,.45), -.55rem -.55rem 1.8rem var(--light-soft);background:linear-gradient(145deg,rgba(25,23,28,.96),rgba(17,17,19,.96));border:1px solid rgba(49,37,60,.72);margin:0 auto;padding:2rem;position:relative}.decorated_2{z-index:20;background:rgba(28,26,30,.92);border:1px solid rgba(56,49,63,.6);border-radius:1.15rem;box-shadow:inset 1px 1px rgba(255,255,255,.024),0 1rem 2rem rgba(0,0,0,.18)}.eyebrow{color:var(--glow-color);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;line-height:1.4}.empty-state{margin-top:4rem}.empty-state p{margin-bottom:2rem}.contact-placeholder{text-align:left;width:min(90%,48rem)}.contact-placeholder>div{grid-template-columns:7rem 1fr;gap:1rem;padding:.5rem;display:grid}.contact-placeholder p{color:#898395;margin:1.5rem 0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}footer{z-index:1;color:rgba(150,143,163,.1);text-align:right;pointer-events:none;width:100%;padding:.2rem 4rem;font-family:Arial,sans-serif;font-size:.7em;transition:all .3s;position:fixed;bottom:0;left:0}footer p{margin:.5em 0}@media (width<=670px){.old-page{padding-inline:.5rem}footer{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,.button-link{border:.1em solid var(--glow-color);color:var(--glow-color);background-color:var(--link-color);box-shadow:0 0 .5em .1em var(--glow-color), 0 0 2em .5em var(--glow-spread-color), inset 0 0 .4em .1em var(--glow-color);text-shadow:0 0 .3em var(--glow-color);border-radius:.5em;outline:none;padding:.5em 1.5em;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}button:hover,.button-link:hover{color:var(--link-color);background-color:var(--glow-color);box-shadow:0 0 .8em .15em var(--glow-color), 0 0 2.5em 1em var(--glow-spread-color), inset 0 0 .6em .15em var(--glow-color)}button:active,.button-link:active{box-shadow:0 0 .4em .1em var(--glow-color), 0 0 1.5em 1em var(--glow-spread-color), inset 0 0 .3em .1em var(--glow-color)}button:focus-visible{outline:2px solid var(--enhanced-glow-color);outline-offset:3px}a:focus-visible{outline:2px solid var(--enhanced-glow-color);outline-offset:3px}input:focus-visible{outline:2px solid var(--enhanced-glow-color);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--enhanced-glow-color);outline-offset:3px}.site-header{z-index:100;pointer-events:none;position:fixed;inset:0 0 auto}.navbar{backdrop-filter:blur(16px);pointer-events:auto;background:repeating-linear-gradient(88deg,rgba(255,255,255,.016) 0 2px,transparent 2px 7px),rgba(15,13,15,.94);border:1px solid rgba(46,40,51,.85);border-top:0;border-radius:0 0 1rem 1rem;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,83rem);min-height:4rem;margin:0 auto;padding:0 1rem;display:grid;position:relative;box-shadow:0 1rem 2rem rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035)}.navbar:after{content:"";background:linear-gradient(90deg, transparent, var(--glow-spread-color), transparent);filter:blur(1px);pointer-events:none;height:1px;position:absolute;inset:auto 20% 0}.brand{width:fit-content;color:var(--white-2);letter-spacing:.18em;align-items:center;gap:.65rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:2rem;height:2rem;color:var(--glow-color);letter-spacing:0;background:#17131b;border:1px solid #5a367d;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 .7rem rgba(181,102,255,.12),0 0 1rem rgba(181,102,255,.08)}.nav-links{align-items:center;gap:clamp(.15rem,1.5vw,1rem);display:flex}.navlink{color:#6c6675;padding:.85rem clamp(.45rem,1.4vw,.9rem);font-size:.91rem;font-weight:700;text-decoration:none;transition:color .22s,text-shadow .22s;position:relative}.navlink:hover,.navlink:active,.nb-active,.navlink[aria-current=page]{color:var(--glow-color);text-shadow:0 0 .55em var(--glow-spread-color)}.navlink:focus-visible{color:var(--glow-color);text-shadow:0 0 .55em var(--glow-spread-color)}.nb-active,.navlink[aria-current=page]{isolation:isolate}.nb-active:after,.navlink[aria-current=page]:after{content:"";background:var(--glow-color);height:1px;box-shadow:0 0 .55rem .14rem var(--glow-color), 0 0 1.2rem .38rem var(--glow-spread-color);pointer-events:none;position:absolute;bottom:.32rem;left:20%;right:20%}.nb-active:before,.navlink[aria-current=page]:before{z-index:102;content:"";filter:blur(.45rem);opacity:.82;transform-origin:top;pointer-events:none;background:radial-gradient(at 50% 0,rgba(181,102,255,.58) 0,rgba(181,102,255,.22) 36%,transparent 74%);width:7rem;height:1.8rem;position:absolute;top:calc(100% + 1rem);left:calc(50% - 3.5rem);transform:perspective(1.5rem)rotateX(50deg)scale(1.35,.82)}.login-slot{justify-self:end;position:relative}.login-toggle{all:unset;color:#655f6d;box-shadow:none;letter-spacing:.12em;text-transform:uppercase;text-shadow:none;cursor:pointer;align-items:center;gap:.5rem;padding:.65rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;font-weight:400;transition:color .22s;display:inline-flex}.login-toggle:hover,.login-toggle[aria-expanded=true]{color:var(--white-2);box-shadow:none;text-shadow:none;background:0 0}.login-toggle:active{box-shadow:none;background:0 0}.login-toggle:focus-visible{outline-offset:.25rem;color:var(--white-2);box-shadow:none;text-shadow:none;background:0 0;outline:1px dashed #7445a1}.status-light{background:var(--green);border-radius:50%;flex:none;width:.48rem;height:.48rem;display:inline-block;box-shadow:0 0 .8rem rgba(79,238,148,.72)}.hover-element{z-index:7;color:#fff;width:23em;min-height:12.5em;box-shadow:5px 5px 15px rgba(0,0,0,.1), -5px -2px 15px var(--light-soft), 15px 15px 15px rgba(0,0,0,.82);background:linear-gradient(320deg,#14141f 0%,#19141f 10%,#1a141f 19% 29%,#1a141f 38% 47%,#1a141f 56% 64%,#1b141f 72% 80%,#1b141f 87% 94%,#1b141f 100%);border-radius:.8em;padding:1.75em;font-family:Arial,sans-serif;position:absolute;top:calc(100% + 1.15rem);right:-.35rem;overflow:hidden}.hover-element form{flex-direction:column;align-items:center;display:flex}.hover-element input{color:#b1b4b4;background:#171a1c;border:0;border-radius:.3em;outline:none;width:100%;min-height:2.45em;margin-bottom:.15em;padding:.3em .65em;font-size:1em;display:block;box-shadow:inset 2px 2px 5px #0e0e11,inset -5px -5px 10px #24222a}.hover-element .sign-in-button{border:.1em solid var(--glow-color);min-width:7.8em;min-height:3.25em;color:var(--white-2);box-shadow:0 0 .35em .06em var(--glow-color), 0 0 1.15em .18em var(--glow-spread-color), inset 0 0 .32em .06em var(--glow-color);text-shadow:0 0 .3em var(--glow-color);background:#1f1d20;border-radius:999px;margin-top:1.35em;padding:.65em 1.6em;transition:box-shadow .3s,color .3s,transform 80ms}.hover-element .sign-in-button:hover{color:var(--white-2);box-shadow:0 0 .7em .13em var(--glow-color), 0 .75em 2.7em .95em var(--glow-spread-color), inset 0 0 .5em .12em var(--glow-color);background:#1f1d20}.hover-element .sign-in-button:active{color:var(--white-2);box-shadow:0 0 .8em .2em var(--glow-color), 0 0 3em 1.25em var(--glow-spread-color), inset 0 0 .75em .2em var(--glow-color);background:#1f1d20;transform:translateY(1px)}.local-login-message{color:#a39fad;margin:.65em 0 0;font-size:.75em;line-height:1.4}.hover-element.from-hiding{opacity:0;animation:.4s cubic-bezier(.68,-.55,.27,1.55) forwards fadeIn;transform:translateY(-40px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-40px)}70%{opacity:1}to{opacity:1;transform:translateY(0)}}@media (width<=670px){.navbar{border-radius:0 0 .8rem .8rem;grid-template-columns:auto 1fr auto;min-height:3.7rem;padding-inline:.65rem}.brand{gap:0}.brand-mark{width:1.75rem;height:1.75rem;font-size:.7rem}.brand-name,.login-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.nav-links{justify-self:center;gap:0}.navlink{padding:.75rem clamp(.25rem,1.55vw,.45rem);font-size:clamp(.67rem,3.3vw,.78rem)}.login-toggle{padding-inline:.4rem}.hover-element{width:min(23em,100vw - 1.3rem);right:-.2rem}}@media (width<=83rem){.navbar{border-radius:0}}.home-page{padding-top:.35em}.portf_container{z-index:1;align-items:flex-start;gap:.72rem;width:min(100%,76rem);height:14rem;margin:0 auto;display:flex;position:relative;top:-2.65em}.portfolio-panel{background:var(--panel-art);min-width:0;box-shadow:.35rem .7rem 1.5rem rgba(0,0,0,.42), -.2rem -.25rem 1rem var(--light-soft);cursor:pointer;border:1px solid #3b3045;border-radius:.65rem;flex:1 1 0;height:14rem;padding:1.3rem;text-decoration:none;transition:flex .48s cubic-bezier(.2,.75,.2,1),transform .48s cubic-bezier(.2,.75,.2,1),box-shadow .48s;display:flex;position:relative;overflow:hidden}.portfolio-panel:before{content:"";background:repeating-linear-gradient(115deg,transparent 0 13px,rgba(255,255,255,.024) 13px 14px),linear-gradient(transparent 28%,rgba(10,9,12,.92));position:absolute;inset:0}.portfolio-panel:after{content:"";opacity:0;background:radial-gradient(circle at 55% 42%,rgba(255,255,255,.12),transparent 35%);transition:opacity .38s;position:absolute;inset:0}.panel-number{display:none}.panel-content{z-index:2;opacity:0;text-align:left;min-width:0;transition:opacity .28s 80ms,transform .32s 80ms;position:absolute;bottom:1.6rem;left:1.3rem;right:1.3rem;transform:translateY(1rem)}.panel-content h2{color:#f5f5f5;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.panel-content p{color:rgba(255,255,255,.66);max-width:23rem;margin:0 0 .4rem;font-size:.78rem;line-height:1.5}.panel-action{color:var(--glow-color);margin-top:1.15rem;font-size:.74rem;font-weight:750;display:block}.portfolio-panel:hover,.portfolio-panel[aria-current=page]{z-index:2;flex:3.5 1 0;transform:none;box-shadow:.4rem 1.3rem 3.8rem rgba(0,255,106,.16),0 0 2.8rem rgba(181,102,255,.12)}.portfolio-panel:focus-visible{z-index:2;flex:3.5 1 0;transform:none;box-shadow:.4rem 1.3rem 3.8rem rgba(0,255,106,.16),0 0 2.8rem rgba(181,102,255,.12)}.portfolio-panel:hover:after,.portfolio-panel[aria-current=page]:after{opacity:1}.portfolio-panel:focus-visible:after{opacity:1}.portfolio-panel:hover .panel-content,.portfolio-panel[aria-current=page] .panel-content{opacity:1;transform:translateY(0)}.portfolio-panel:focus-visible .panel-content{opacity:1;transform:translateY(0)}.home-hero{width:min(100%,76rem);margin:clamp(6rem,3vw,10rem) auto 0}.hero{text-align:left;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:center;min-height:clamp(32rem,70vh,47rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:59rem;position:relative}.hero-copy h1{margin:0 0 1.8rem;font-size:clamp(3.4rem,9vw,8.7rem);font-weight:620;line-height:.83}.hero-copy h1 span{color:transparent;background:linear-gradient(100deg, var(--white-2), var(--glow-color) 55%, #95bff9);-webkit-background-clip:text;background-clip:text;display:block}.hero-copy>p:last-child{max-width:38rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.75}.hero-orbit{aspect-ratio:1;justify-self:end;place-items:center;width:min(29rem,36vw);display:grid;position:relative}.hero-orbit:before{aspect-ratio:1;content:"";filter:blur(1px);background:rgba(99,39,155,.44);border-radius:50%;width:36%;position:absolute;box-shadow:0 0 5rem 1.5rem rgba(181,102,255,.29),inset 0 0 2rem rgba(255,255,255,.12)}.hero-orbit>span{z-index:2;color:rgba(235,214,255,.74);letter-spacing:.25em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:800}.orbit{border:1px solid rgba(140,77,199,.29);border-radius:50%;position:absolute}.orbit:after{content:"";background:var(--glow-color);width:.55rem;height:.55rem;box-shadow:0 0 1rem var(--glow-color);border-radius:50%;position:absolute;top:50%;left:-.28rem}.orbit--outer{animation:22s linear infinite turn;inset:8%}.orbit--inner{border-style:dashed;animation:15s linear infinite reverse turn;inset:25%}@keyframes turn{to{transform:rotate(1turn)}}.portfolio-detail-page>h1{margin-bottom:2em}.portfolio-placeholder{text-align:left;width:min(90%,60rem)}.portfolio-placeholder>p{color:#8d8896;line-height:1.7}.project-frame{aspect-ratio:16/7;color:#645f6d;border:1px dashed #45424d;border-radius:1em;place-items:center;margin-top:2em;display:grid}.related-posts{text-align:left;width:min(90%,60rem);margin:5em auto 0}.related-post{color:var(--white-2);border-bottom:1px solid #2d2b31;grid-template-columns:16rem 1fr;padding:1em 0;text-decoration:none;display:grid}.related-post small{color:#736e7c}.related-post:hover span{color:var(--glow-color)}@media (width<=760px){.hero{grid-template-columns:1fr;min-height:37rem}.hero-orbit{opacity:.68;width:20rem;position:absolute;bottom:0;right:-8rem}.portf_container{height:auto;display:grid}.portfolio-panel{flex:none;height:auto;min-height:10rem}.portfolio-panel:hover,.portfolio-panel[aria-current=page]{min-height:17rem;transform:none}.portfolio-panel:focus-visible{min-height:17rem;transform:none}.panel-content{opacity:1;transform:none}.related-post{grid-template-columns:1fr;gap:.4em}}@media (width<=480px){.hero-copy h1{font-size:clamp(3rem,18vw,5rem)}.hero-orbit{right:-10rem}}.tag-buttons{min-height:2.4em}.post-list-posts{scrollbar-color:#555 transparent;scrollbar-width:thin;justify-content:flex-start;gap:1rem;width:47rem;max-width:90vw;margin:0 auto;padding:1rem 1rem 1rem 2rem;display:flex;overflow-x:auto}.post-list-posts::-webkit-scrollbar{height:8px}.post-list-posts::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.post-list-posts::-webkit-scrollbar-track{background:0 0}.post-list-posts a{color:#fcfaff;white-space:nowrap;flex-shrink:0;min-width:auto;font-size:18px;text-decoration:none;transition:color .75s}.post-list-posts a:focus,.post-list-posts a:hover,.post-list-posts a:active,.post-list-posts a[aria-current=page]{color:gold}button.tags{all:unset;color:#827788;cursor:pointer;flex-shrink:0;margin:.7rem;display:inline-block}button.tags:hover{color:#9b92a0}button.tags:focus-visible{color:#9b92a0}button.tags.selected{color:#9b92a0;background-color:#20052e;border-radius:.5rem;margin:.2rem;padding:.2rem .5rem;display:inline-block}.article-page{text-align:left;width:min(100% - 2.5rem,67rem);min-height:calc(100vh - 4em);margin:0 auto;padding:0 0 8rem}.article-navigation{text-align:center;margin-bottom:clamp(3.5rem,7vw,6rem)}.article-navigation .post-list-posts{max-width:100%}.article-header{max-width:57rem;margin-bottom:3rem}.article-header h1{max-width:55rem;margin-bottom:1.4rem;font-size:clamp(3rem,8vw,6.7rem);font-weight:650;line-height:.94}.article-header>p:not(.eyebrow){max-width:43rem;color:var(--muted);margin-bottom:1rem;font-size:1.12rem}.article-header>span{color:#6d6675;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.article-content.decorated{text-align:left;flex-direction:column;width:100%;max-width:none;margin:0;padding:clamp(1.5rem,7vw,5.5rem);display:flex}.text_section{text-align:left;justify-content:flex-start;align-items:flex-start;gap:1em;width:47rem;max-width:90vw;max-height:70rem;margin:0 auto;padding:1em;display:flex;overflow:auto}.article-page .text_section{margin-top:2em}.skrijver_in{flex-direction:column;flex:30em;max-width:50em;padding:2em 2.5em 1em 1em;display:flex}.skrijver_out{overflow-wrap:break-word;text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:50rem;min-height:65em;margin:0 auto;padding:2em;display:flex}.skrijver_out>*{max-width:100%}.blog_title{width:100%}.blog-post-heading{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.blog-post-heading .preview-tags{text-align:right;margin:.65rem 0 0}.preview-tags{color:#827788;font-size:.8em}.editor-page.page-shell{text-align:left;width:min(100% - 4rem,76rem);margin:0 auto;padding:8.75rem 0 8rem}.editor-page .section-heading{max-width:55rem;margin-bottom:3.5rem}.editor-page .section-heading h1{max-width:52rem;margin-bottom:1.1rem;font-size:clamp(2.65rem,7vw,5.9rem);font-weight:650;line-height:.96}.editor-page .section-copy{max-width:44rem;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem)}.editor-page .local-only-note{color:var(--muted);align-items:center;gap:.65rem;margin:-1.5rem 0 1.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;display:flex}.editor-page .status-light{background:#4fee94;border-radius:50%;flex:none;width:.48rem;height:.48rem;display:inline-block;box-shadow:0 0 .8rem rgba(79,238,148,.72)}.editor-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;padding:1rem;display:grid}.editor-shell.decorated{max-width:none;margin:0}.editor-pane,.preview-pane{min-width:0;min-height:46rem;padding:clamp(1rem,3vw,2rem)}.editor-pane{flex-direction:column;display:flex}.editor-pane label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:1rem 0 .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700}.editor-pane label:first-child{margin-top:0}.editor-pane input,.editor-pane textarea{color:#cac7d1;background:#111014;border:1px solid #2e2833;border-radius:.55rem;width:100%;box-shadow:inset .2rem .2rem .7rem rgba(0,0,0,.52),inset -.15rem -.15rem .7rem rgba(43,37,50,.25)}.editor-pane textarea.summary-input{flex:none;min-height:6.8rem}.publish-post{align-self:flex-start;margin-top:1.25rem}.publish-status,.blog-post-status{color:var(--muted);font-size:.85rem}.preview-summary,.blog-summary{max-width:48rem;color:var(--muted);margin:-.7rem 0 1.8rem;font-size:1.05rem;line-height:1.6}.edit-post-link,.edit-post-link:hover,.edit-post-link:active{all:unset;color:var(--muted);cursor:pointer;font-size:.85rem;text-decoration:none;display:inline}.edit-post-link:focus-visible{all:unset;color:var(--muted);cursor:pointer;font-size:.85rem;text-decoration:none;display:inline}.edit-post-link:hover,.edit-post-link:active{color:var(--muted);text-decoration:underline}.edit-post-link:focus-visible{color:var(--muted);text-decoration:underline}.post-actions{align-self:flex-end;gap:.65rem;margin-top:auto;padding-top:2rem;font-size:.85rem;display:flex}.delete-post-button,.delete-post-button:hover,.delete-post-button:active{all:unset;color:#f58f8f;cursor:pointer;font:inherit;display:inline}.delete-post-button:focus-visible{all:unset;color:#f58f8f;cursor:pointer;font:inherit;display:inline}.delete-post-button:hover,.delete-post-button:active{color:#ffd6d6;text-decoration:underline}.delete-post-button:focus-visible{color:#ffd6d6;text-decoration:underline}.editor-pane input{min-height:2.65rem;padding:.65rem .8rem}.editor-pane textarea{resize:vertical;flex:1;min-height:30rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6}.preview-meta{color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;display:flex}.preview-pane>h1{margin-bottom:2rem;font-size:clamp(2rem,4vw,3.7rem)}.preview-pane .markdown-body{border-top:1px solid var(--line);padding-top:.5rem}.editor-page .markdown-body{color:#b8b5c0;overflow-wrap:anywhere;line-height:1.8}.editor-page .markdown-body h1,.editor-page .markdown-body h2,.editor-page .markdown-body h3{color:var(--white-2);margin:2.25em 0 .7em;line-height:1.15}markdown-fragment div *{color:initial!important}.editor-page .markdown-fragment:first-child>:first-child{margin-top:0}.editor-page .markdown-body h2{font-size:clamp(1.7rem,4vw,2.7rem)}.editor-page .markdown-body h3{font-size:1.35rem}.editor-page .markdown-body p{max-width:48rem;margin:0 0 1rem}.editor-page .markdown-body a{color:var(--glow-color)}textarea{color:#e6e6e6;resize:none;background-color:#242429;border:0 solid #666;border-radius:5px;outline:none;padding:10px;font-size:16px;transition:border-color .3s;overflow:auto;box-shadow:0 2px 5px rgba(0,0,0,.5)}textarea.title{width:75%}textarea.tags_in{width:88%;height:2.5em}textarea.blog_area{width:100%;max-width:100%;min-height:42em}.markdown-body{color:#b8b5c0;overflow-wrap:anywhere;width:100%;line-height:1.8}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--white-2);margin:2.25em 0 .7em;line-height:1.15}.markdown-body h2{font-size:clamp(1.7rem,4vw,2.7rem)}.markdown-body h3{font-size:1.35rem}.markdown-body p,.markdown-body ul,.markdown-body ol{max-width:48rem}.markdown-body img{max-width:100%;height:auto;margin:0 auto;display:block}.markdown-body pre{white-space:pre-wrap;scrollbar-width:none;border-radius:1em;max-width:94%;margin:0;padding:2.5em;overflow-x:auto}.markdown-body pre::-webkit-scrollbar{display:none}.markdown-body pre,.markdown-body code{white-space:pre-wrap}.markdown-body pre code{display:block}.markdown-body p{margin:0 0 1rem}.markdown-body a{color:var(--glow-color);text-decoration:none}.markdown-body blockquote{border-left:2px solid var(--glow-color);color:var(--white-2);margin:2rem 0;padding:.5rem 0 .5rem 1.5rem;font-size:1.1rem}.code-block-shell{background:#0c0b0f;border:1px solid #38313f;border-radius:.8rem;max-width:100%;margin:2rem 0;overflow:hidden;box-shadow:inset 0 0 1.5rem rgba(0,0,0,.35)}.code-block-toolbar{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;min-height:1.9rem;padding:.35rem .55rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;display:flex}.code-block-language{color:#6c6873;padding-left:.3rem}.code-block-actions{align-items:center;gap:.15rem;margin-left:auto;display:flex}.code-block-toolbar .code-block-action,.code-block-toolbar .code-block-action:hover,.code-block-toolbar .code-block-action:active{all:unset;color:#8d8994;cursor:pointer;border-radius:.35rem;place-items:center;width:1.8rem;height:1.8rem;display:grid}.code-block-toolbar .code-block-action:hover{color:#c0bec6;background:#252329}.code-block-toolbar .code-block-action.is-copied{color:#82c9a1}.code-block-toolbar .code-block-action svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.code-block-toolbar .code-block-action:focus-visible{outline:1px solid var(--enhanced-glow-color);outline-offset:1px}.code-block-shell pre.syntect-code{max-width:100%;max-height:500px;box-shadow:none;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:0;border-radius:0;margin:0;padding:.65rem 1.4rem 1.4rem;overflow:auto}.code-block-expanded pre.syntect-code{max-height:none}.code-block-shell pre.syntect-code::-webkit-scrollbar{display:none}.markdown-body pre.syntect-code,.markdown-body pre.syntect-code code,.markdown-body pre.syntect-code span{white-space:pre}@media (width<=1200px){.skrijver_in,.skrijver_out{width:90%;max-width:none}}@media (width<=820px){.editor-shell{grid-template-columns:1fr}.editor-pane,.preview-pane{min-height:34rem}}@media (width<=670px){.article-page{width:min(100% - 1.4rem,67rem);padding-bottom:5rem}.article-navigation{margin-bottom:3rem}.article-content.decorated{padding:1.5rem}.editor-page.page-shell{width:min(100% - 1.4rem,76rem);padding-top:1.5rem}.text_section{padding-inline:.35em}.skrijver_out{padding:1.2em}.post-list-posts{padding-left:.7rem}}.people-list{width:min(90%,75rem)}.people_card{text-align:left;justify-content:flex-start;align-items:flex-start;gap:1em;width:80%;margin:0 auto;padding:1em;display:flex}.HUUMAN{border:1px solid #ccc;border-radius:7px;grid-template-areas:"header header header header header header""image description description description socials socials""image description description description socials socials""info info info info socials socials";align-items:flex-start;width:100%;padding:1em 2em;display:grid}.HUUMAN>div{padding:10px}.username{text-align:left;grid-area:header;padding:.5em 0;font-size:1.2em;font-weight:700}.description{text-align:center;grid-area:description;justify-content:center;align-items:center;width:23rem;padding:.5em 0;display:flex}.plain_info{overflow-wrap:break-word;border-radius:4px;grid-area:info;grid-template-columns:repeat(4,max-content);justify-content:flex-start;column-gap:15px;width:100%;max-width:100%;padding:4px;display:grid;transform:translateY(-20px)}.info_type{color:#555;font-weight:700}.value{color:#333;overflow-wrap:break-word}.profile_pic{width:8rem;height:8rem;color:var(--white-2);background:linear-gradient(145deg,#3d2e4c,#141217);border-radius:50%;grid-area:image;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 2em rgba(204,163,245,.15)}.profile_pic:before{z-index:2;content:"";border:5px solid #8ca7d9;border-radius:50%;animation:1.5s ease-in-out infinite glowing;position:absolute;inset:0}@keyframes glowing{0%,to{box-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.5)}50%{box-shadow:0 0 20px #e6ccff,0 0 30px #8152e0}}.socials_main{z-index:2;cursor:pointer;flex-wrap:wrap;grid-area:socials;justify-content:center;align-items:center;width:14em;height:14em;transition:transform .3s ease-in-out;display:flex;position:relative;overflow:visible;transform:translateY(-20px)}.socials{z-index:2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:auto;display:grid;position:relative}.main_back{z-index:3;opacity:1;pointer-events:none;background:linear-gradient(270deg,#970265,#750080,#60c);border-radius:10px;width:11em;height:11em;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute;box-shadow:inset 0 0 180px 5px #fff}.socials_main .text{z-index:4;color:#000;letter-spacing:.33em;text-align:center;pointer-events:none;margin:0;font-size:.7em;font-weight:700;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute}.socials_main .social-card{color:#525655;z-index:1;backdrop-filter:blur(5px);background:rgba(31,18,43,.596);border:1px solid transparent;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .4s ease-in-out,background-color .2s ease-in-out,background-image .2s ease-in-out;display:flex}.socials_main .social-card:first-child{border-radius:10px 0 0}.socials_main .social-card:nth-child(2),.socials_main .social-card:nth-child(4),.socials_main .social-card:nth-child(5),.socials_main .social-card:nth-child(6),.socials_main .social-card:nth-child(8){border-radius:0}.socials_main .social-card:nth-child(3){border-radius:0 10px 0 0}.socials_main .social-card:nth-child(7){border-radius:0 0 0 10px}.socials_main .social-card:nth-child(9){border-radius:0 0 10px}.social-icon{fill:currentColor;opacity:0;width:30px;height:30px;transition:opacity .2s ease-in-out,fill .2s ease-in-out,color .2s ease-in-out}.instagram{fill:none;stroke:#cc39a4;stroke-width:2px}.instagram .social-icon-fill{fill:#cc39a4;stroke:none}.github,.codepen{color:#050505}.artstation{color:#26bbff}.linkedin{color:#0a66c2}.vimeo{color:#01aced}.youtube{color:#f03}.discord{color:#8c9eff}.uiverse{color:#9b66ff}.socials_main:hover .main_back{z-index:-1;opacity:0;transform:scale(.82)}.socials_main:focus-within .main_back{z-index:-1;opacity:0;transform:scale(.82)}.socials_main:hover .text{z-index:-3;opacity:0;transform:scale(.82)}.socials_main:focus-within .text{z-index:-3;opacity:0;transform:scale(.82)}.socials_main:hover .social-icon{opacity:1}.socials_main:focus-within .social-icon{opacity:1}.socials_main:hover .social-card{background:rgba(255,255,255,.067);border:1px solid rgba(26,0,102,.1);border-radius:10px;margin:.2em;box-shadow:0 4px 30px #000}.socials_main:focus-within .social-card{background:rgba(255,255,255,.067);border:1px solid rgba(26,0,102,.1);border-radius:10px;margin:.2em;box-shadow:0 4px 30px #000}.social-card:focus-visible{background:rgba(255,255,255,.067);border:1px solid rgba(26,0,102,.1);border-radius:10px;margin:.2em;box-shadow:0 4px 30px #000}.social-card.c_instagram:hover{background:#cc39a4}.social-card.c_instagram:hover .instagram{stroke:#fff}.social-card.c_instagram:hover .instagram .social-icon-fill{fill:#fff}.social-card.c_github:hover{color:#fff;background:#000}.social-card.c_artstation:hover{color:#000;background:#26bbff}.social-card.c_linkedin:hover{color:#fff;background:#0a66c2}.social-card.c_vimeo:hover{color:#fff;background:#01aced}.social-card.c_youtube:hover{color:#fff;background:#f03}.social-card.c_discord:hover{color:#fff;background:#8c9eff}.social-card.c_codepen:hover{color:#fff;background:#03a9f4}.social-card.c_uiverse:hover{color:#fff;background-image:linear-gradient(#bf66ff,#6248ff,#00ddeb)}@media (width<=820px){.people_card{width:100%}.HUUMAN{grid-template-columns:9rem 1fr;grid-template-areas:"header header""image description""info info""socials socials"}.socials_main{justify-self:center}}@media (width<=670px){.HUUMAN{grid-template-columns:1fr;grid-template-areas:"header""image""description""info""socials";padding-inline:.75em}.description{width:auto}.plain_info{grid-template-columns:repeat(2,max-content);transform:none}.profile_pic{justify-self:center}}.big_void{margin-bottom:6em}.small_void{margin-bottom:2em}