.cursor-dot{position:fixed;top:0;left:0;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(closest-side,rgba(194,65,12,.1),transparent 70%);transform:translate(-50%,-50%);will-change:transform;transition:opacity .3s}@media (max-width:900px){.cursor-dot{display:none}}.underline-ink{background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.2rem;border-radius:999px;font-weight:500;font-size:14px;letter-spacing:-.005em;transition:transform .25s ease,background .25s,color .25s,border-color .25s,box-shadow .25s}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{transform:translateY(-1px);box-shadow:0 14px 30px -16px rgba(14,15,18,.5)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--ink)}.btn .arrow{transition:transform .25s}.btn:hover .arrow{transform:translateX(3px)}.hairline{border-color:var(--line)}.hairline-soft{border-color:var(--line-soft)}.rule{height:1px;background:var(--line)}.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.rv-l{opacity:0;transform:translateX(-32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv-l.in{opacity:1;transform:none}.rv-r{opacity:0;transform:translateX(32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv-r.in{opacity:1;transform:none}[data-d="1"]{transition-delay:.08s}[data-d="2"]{transition-delay:.16s}[data-d="3"]{transition-delay:.24s}[data-d="4"]{transition-delay:.32s}[data-d="5"]{transition-delay:.4s}[data-d="6"]{transition-delay:.48s}.split .word{display:inline-block;overflow:hidden;vertical-align:top}.split .word>span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.split.in .word>span{transform:translateY(0)}.split .word>span{transition-delay:calc(var(--i,0) * 50ms)}.stat-num{display:inline-block}.row{position:relative;transition:background .35s}.row:before{right:0;background:var(--line)}.row:after,.row:before{content:"";position:absolute;left:0;bottom:0;height:1px}.row:after{width:0;background:var(--ink);transition:width .6s cubic-bezier(.2,.7,.2,1)}.row:hover:after{width:100%}.row:hover{background:rgba(14,15,18,.025)}.row .num{font-variant-numeric:tabular-nums}.row .arrow-row{transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s}.row:hover .arrow-row{transform:translateX(8px)}.caret{display:inline-block;width:.06em;height:.9em;background:currentColor;transform:translateY(.08em);margin-left:4px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.marq{display:flex;gap:4rem;animation:scroll 42s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.fade-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.plan circle,.plan line,.plan path,.plan rect{stroke:var(--ink);fill:none}.plan .draw{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000);transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}.plan.in .draw{stroke-dashoffset:0}.plan .fade{opacity:0;transition:opacity .8s ease;transition-delay:1s}.plan.in .fade{opacity:1}.compass-needle{transform-origin:50% 50%;animation:needle 18s linear infinite}@keyframes needle{to{transform:rotate(1turn)}}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;font-size:12px;color:var(--dim);background:hsla(0,0%,100%,.5)}.chip,.plate{border:1px solid var(--line)}.plate{background:#fbfaf6;border-radius:4px}.pulse{position:relative;width:8px;height:8px;border-radius:999px;background:var(--accent)}.pulse:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.7);opacity:0}}.field{width:100%;padding:.85rem 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:16px;transition:border-color .25s}.field:focus{outline:none;border-color:var(--ink)}.field::placeholder{color:var(--mute)}.scroll-soft::-webkit-scrollbar{width:6px}.scroll-soft::-webkit-scrollbar-thumb{background:rgba(14,15,18,.15);border-radius:99px}.typing-dot{width:5px;height:5px;border-radius:99px;background:var(--ink);display:inline-block;opacity:.5;animation:tdot 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes tdot{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-3px);opacity:.9}}.label-mark{display:inline-flex;align-items:center;gap:.55rem;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-family:var(--font-jetbrains-mono),monospace}.label-mark .tick{width:18px;height:1px;background:var(--ink)}.scramble{display:inline-block}.frame{background:var(--paper-2);border:1px solid var(--line)}.roman{font-family:var(--font-instrument-serif),serif;font-style:italic}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.rv-l,.rv-r{opacity:1!important}.rv,.rv-l,.rv-r,.split .word>span{transform:none!important}.plan .draw{stroke-dashoffset:0!important}.plan .fade{opacity:1!important}}.cal-cell{aspect-ratio:1/1;display:grid;place-items:center;font-size:13px;border:1px solid transparent;border-radius:2px;transition:background .2s,color .2s,border-color .2s}.cal-avail{background:rgba(14,15,18,.04);color:var(--ink);cursor:pointer}.cal-avail:hover{background:var(--ink);color:var(--paper)}.cal-booked{color:var(--mute)}.cal-today{outline:1px solid var(--accent);outline-offset:-2px;color:var(--accent)}.ledger{font-variant-numeric:tabular-nums}.nav-link{color:var(--ink);position:relative}.nav-link:after{content:attr(data-num);position:absolute;top:-8px;right:-10px;font-size:9px;font-family:var(--font-jetbrains-mono),monospace;color:var(--mute)}.social-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:12px;color:var(--dim);transition:border-color .2s,color .2s,background .2s,transform .2s}.social-icon:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-1px)}.form-chip{display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-size:13px;color:var(--dim);transition:border-color .2s,background .2s,color .2s;user-select:none;background:transparent}.form-chip:hover{color:var(--ink);border-color:var(--ink)}.form-chip:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary{outline:none}.faq:hover summary span.serif,.faq[open] summary span.serif{color:var(--ink)}.case{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.case:hover{transform:translateY(-3px);box-shadow:0 24px 60px -36px rgba(14,15,18,.35)}.browser-mock{background:#fbfaf6}.browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(14,15,18,.025)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:999px;background:rgba(14,15,18,.18);display:inline-block}.browser-dots span:first-child{background:#e07a6a}.browser-dots span:nth-child(2){background:#e0bb5a}.browser-dots span:nth-child(3){background:#6fb48a}.browser-url{flex:1;max-width:320px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:var(--dim);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-body,.browser-url{background:var(--paper)}.browser-pattern{position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 90%)}.portal-mock{background:#fbfaf6;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 30px 80px -50px rgba(14,15,18,.35)}.portal-shell{display:grid;grid-template-columns:200px 1fr;min-height:460px}@media (max-width:760px){.portal-shell{grid-template-columns:1fr}.portal-side{display:none}}.portal-side{border-right:1px solid var(--line);background:rgba(14,15,18,.025);padding:18px 0;display:flex;flex-direction:column;gap:2px}.portal-side .brand{padding:0 18px 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.portal-side .brand .name{font-family:var(--font-instrument-serif),serif;font-size:18px;line-height:1}.portal-side .brand .tag{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:4px}.portal-tab{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:13px;color:var(--dim);border-left:2px solid transparent;cursor:default;transition:background .25s,color .25s,border-color .25s}.portal-tab .pico{width:14px;height:14px;opacity:.55;transition:opacity .25s}.portal-tab .badge{margin-left:auto;font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;background:var(--accent);color:var(--paper);border-radius:999px;padding:1px 7px}.portal-tab.active{color:var(--ink);background:var(--paper);border-left-color:var(--ink)}.portal-tab.active .pico{opacity:1}.portal-main{padding:22px 26px 26px;position:relative}.portal-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}.portal-crumb{font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.portal-user{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim)}.portal-avatar{width:22px;height:22px;border-radius:999px;background:var(--ink);display:grid;place-items:center;color:var(--paper);font-family:var(--font-instrument-serif),serif;font-size:12px;font-style:italic}.portal-pane{position:absolute;inset:22px 26px 26px;opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.portal-pane.show{opacity:1;transform:none}.portal-pane h4{font-family:var(--font-instrument-serif),serif;font-size:26px;line-height:1.05;margin-top:28px}.portal-pane h4 em{color:var(--ink-2)}.portal-pane .sub-line{color:var(--dim);font-size:13px;margin-top:6px}.portal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.portal-stat{border:1px solid var(--line);border-radius:3px;padding:12px 14px;background:var(--paper)}.portal-stat .num{font-family:var(--font-instrument-serif),serif;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.portal-stat .lab{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:6px}.portal-progress{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}.portal-progress .lab{display:flex;justify-content:space-between;font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.portal-progress .bar{position:relative;height:4px;margin-top:8px;background:rgba(14,15,18,.07);border-radius:99px;overflow:hidden}.portal-progress .bar>span{position:absolute;top:0;left:0;bottom:0;background:var(--ink);width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.portal-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.portal-item{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}.portal-item .marker{width:18px;height:18px;border-radius:999px;border:1px solid var(--ink);display:grid;place-items:center;font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px}.portal-item .marker.done{background:var(--ink);color:var(--paper)}.portal-item .marker.pending{background:transparent;color:var(--dim);border-color:var(--line)}.portal-item .ttl{font-size:13.5px}.portal-item .ttl small{display:block;color:var(--dim);font-size:11.5px;margin-top:2px}.portal-item .when{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.portal-chat{display:flex;flex-direction:column;gap:10px;margin-top:14px}.portal-msg{max-width:78%;padding:9px 12px;border-radius:4px;font-size:13px;line-height:1.45}.portal-msg.them{background:rgba(14,15,18,.05);border:1px solid var(--line);align-self:flex-start}.portal-msg.me{background:var(--ink);color:var(--paper);align-self:flex-end}.portal-msg .who{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:4px}.portal-approve{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:3px;background:var(--paper);margin-top:14px}.portal-approve .ttl{font-family:var(--font-instrument-serif),serif;font-size:19px;line-height:1.2}.portal-approve .actions{display:flex;gap:8px}.portal-approve button{font-size:12px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:default}.portal-approve button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.portal-file{grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;background:var(--paper)}.portal-file,.portal-file .ico{display:grid;border:1px solid var(--line);border-radius:3px}.portal-file .ico{width:28px;height:28px;place-items:center;font-family:var(--font-jetbrains-mono),monospace;font-size:9px;color:var(--dim)}.portal-file .nm{font-size:13px}.portal-file .dl,.portal-file .sz{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--dim)}.portal-file .dl{letter-spacing:.14em;text-transform:uppercase}.rag-mock{border:1px solid var(--line);border-radius:4px;background:#fbfaf6;box-shadow:0 30px 80px -50px rgba(14,15,18,.35);overflow:hidden}.rag-head{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.rag-head .tag{display:inline-flex;align-items:center;gap:8px}.rag-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line)}@media (max-width:860px){.rag-grid{grid-template-columns:1fr}}.rag-col{background:var(--paper);padding:18px 18px 22px;min-height:340px;position:relative}.rag-col h5{font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;display:flex;align-items:center;gap:8px}.rag-col h5 .step{width:18px;height:18px;border:1px solid var(--ink);border-radius:999px;display:grid;place-items:center;color:var(--ink);font-size:10px}.rag-doc{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:3px;background:#fbfaf6;margin-bottom:8px;transition:border-color .35s,background .35s,transform .35s}.rag-doc.active{border-color:var(--ink);background:var(--paper);transform:translateY(-1px)}.rag-doc .icn{width:22px;height:22px;border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;font-family:var(--font-jetbrains-mono),monospace;font-size:9px;color:var(--dim);background:var(--paper)}.rag-doc .ttl{font-size:12.5px;line-height:1.3}.rag-doc .ttl small{display:block;color:var(--dim);font-size:10.5px;margin-top:1px}.rag-doc .pct{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--dim)}.rag-doc.active .pct{color:var(--accent)}.rag-vec{margin-top:14px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.rag-vec span{height:14px;background:rgba(14,15,18,.08);border-radius:2px;transition:background .4s,transform .4s}.rag-vec span.lit{background:var(--ink)}.rag-vec span.warm{background:var(--accent)}.rag-q{background:#fbfaf6;border:1px solid var(--line);border-radius:3px;padding:11px 12px;font-size:13px;min-height:44px}.rag-q .caret-rag{display:inline-block;width:1px;height:1em;background:var(--ink);margin-left:2px;transform:translateY(2px);animation:blink 1s steps(2) infinite}.rag-frag{margin-top:12px;padding:10px 11px;border:1px solid var(--line);border-left:2px solid var(--ink);border-radius:3px;background:var(--paper);font-size:12px;line-height:1.5;color:var(--ink-2);opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.rag-frag.show{opacity:1;transform:none}.rag-frag .lbl{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;display:block}.rag-frag mark{background:rgba(194,65,12,.14);color:var(--ink);padding:0 2px;border-radius:2px}.rag-answer{margin-top:12px;font-size:13px;line-height:1.5;color:var(--ink);min-height:80px}.rag-cite{justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:9.5px;margin:0 2px;vertical-align:1px}.rag-cite,.rag-replay{display:inline-flex;align-items:center;font-family:var(--font-jetbrains-mono),monospace}.rag-replay{position:absolute;top:14px;right:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:var(--paper);cursor:pointer;transition:color .25s,border-color .25s}.rag-replay:hover{color:var(--ink);border-color:var(--ink)}.site-preview{overflow:hidden;background:var(--paper-2)}.site-preview-frame{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:0 0;pointer-events:none;background:#fff}.site-preview{container-type:inline-size}@container (min-width: 0px){.site-preview-frame{transform:scale(calc(100cqw / 1440))}}@supports not (container-type:inline-size){.site-preview-frame{transform:scale(.5);width:200%;height:200%}}html{timeline-scope:--sec-folio,--sec-diensten,--sec-geheugen,--sec-werk,--sec-portaal,--sec-skills,--sec-woorden,--sec-faq,--sec-contact}#folio{view-timeline:--sec-folio block}#diensten{view-timeline:--sec-diensten block}#geheugen{view-timeline:--sec-geheugen block}#werk{view-timeline:--sec-werk block}#portaal{view-timeline:--sec-portaal block}#skills{view-timeline:--sec-skills block}#woorden{view-timeline:--sec-woorden block}#faq{view-timeline:--sec-faq block}#contact{view-timeline:--sec-contact block}.home-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;color:var(--ink);contain:none}.hb-flow,.hb-flow-fine{position:absolute;left:-6%;right:-6%;top:-10%;height:120%}.hb-flow{background-image:linear-gradient(var(--accent-2) 1px,transparent 1px),linear-gradient(90deg,var(--accent-2) 1px,transparent 1px);background-size:88px 88px;opacity:.05;mask-image:radial-gradient(ellipse 85% 80% at 55% 42%,#000 35%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 85% 80% at 55% 42%,#000 35%,transparent 88%)}.hb-flow-fine{background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:22px 22px;opacity:.022}.home-spine{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;color:var(--ink)}.home-spine svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.spine-trace{fill:none;stroke:var(--accent-2);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.5;stroke-dasharray:1;stroke-dashoffset:1}.spine-halo,.spine-head{opacity:0}.spine-halo{fill:var(--accent-2);opacity:0}.spine-head{fill:var(--accent)}.spine-node .draw{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.spine-node .pad{fill:currentColor;stroke:none}.spine-node{--sn-peak:0.58}.sn-faq,.sn-folio,.sn-geheugen,.sn-portaal{color:var(--ink)}.sn-diensten,.sn-skills{color:var(--accent-2)}.sn-contact,.sn-werk,.sn-woorden{color:var(--accent)}.spine-node{opacity:.06}.spine-node .draw{stroke-dashoffset:0}@supports ((animation-timeline:view()) and (animation-range:cover)){.spine-node{opacity:0}.spine-node .draw{stroke-dashoffset:1}.spine-trace{animation-name:spine-draw;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:0 100%}.hb-flow,.spine-trace{animation-duration:1ms}.hb-flow{animation-name:hbm-grid-drift;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:0 100%}.hb-flow-fine{animation-name:hbm-grid-drift-fine;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:0 100%}.sn-contact,.sn-diensten,.sn-faq,.sn-folio,.sn-geheugen,.sn-portaal,.sn-skills,.sn-werk,.sn-woorden{animation-name:spine-node-pass;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear}.sn-folio{animation-timeline:--sec-folio;animation-range:cover}.sn-diensten{animation-timeline:--sec-diensten;animation-range:cover}.sn-geheugen{animation-timeline:--sec-geheugen;animation-range:cover}.sn-werk{animation-timeline:--sec-werk}.sn-portaal,.sn-werk{animation-range:cover}.sn-portaal{animation-timeline:--sec-portaal}.sn-skills{animation-timeline:--sec-skills;animation-range:cover}.sn-woorden{animation-timeline:--sec-woorden}.sn-faq,.sn-woorden{animation-range:cover}.sn-faq{animation-timeline:--sec-faq}.sn-contact{animation-timeline:--sec-contact;animation-range:cover}.sn-contact .draw,.sn-diensten .draw,.sn-faq .draw,.sn-folio .draw,.sn-geheugen .draw,.sn-portaal .draw,.sn-skills .draw,.sn-werk .draw,.sn-woorden .draw{animation-name:spine-node-draw;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:ease-out}.sn-folio .draw{animation-timeline:--sec-folio}.sn-diensten .draw,.sn-folio .draw{animation-range:cover 10% cover 48%}.sn-diensten .draw{animation-timeline:--sec-diensten}.sn-geheugen .draw{animation-timeline:--sec-geheugen;animation-range:cover 10% cover 50%}.sn-werk .draw{animation-timeline:--sec-werk;animation-range:cover 10% cover 48%}.sn-portaal .draw{animation-timeline:--sec-portaal;animation-range:cover 10% cover 50%}.sn-skills .draw{animation-timeline:--sec-skills;animation-range:cover 10% cover 52%}.sn-woorden .draw{animation-timeline:--sec-woorden;animation-range:cover 10% cover 48%}.sn-faq .draw{animation-timeline:--sec-faq}.sn-contact .draw,.sn-faq .draw{animation-range:cover 10% cover 50%}.sn-contact .draw{animation-timeline:--sec-contact}}@supports ((animation-timeline:scroll()) and (offset-path:path("M0 0"))){.spine-halo,.spine-head{animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:0 100%}.spine-head{animation-name:spine-ride}.spine-halo{animation-name:spine-ride-halo}}@keyframes spine-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes spine-node-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes spine-node-pass{0%{opacity:0}22%{opacity:var(--sn-peak,.42)}70%{opacity:var(--sn-peak,.42)}to{opacity:0}}@keyframes spine-ride{0%{opacity:0;offset-distance:0}6%{opacity:.9}94%{opacity:.9}to{opacity:0;offset-distance:100%}}@keyframes spine-ride-halo{0%{opacity:0;offset-distance:0}6%{opacity:.22}94%{opacity:.22}to{opacity:0;offset-distance:100%}}@keyframes hbm-grid-drift{0%{transform:translateY(0)}to{transform:translateY(-58px)}}@keyframes hbm-grid-drift-fine{0%{transform:translateY(0)}to{transform:translateY(-28px)}}.sn-live{transform-box:fill-box;transform-origin:center;animation:sn-breathe 5s ease-in-out infinite}.spine-node .pad{animation:sn-twinkle 2.6s ease-in-out infinite}.spine-node .pad:nth-of-type(2){animation-delay:.35s}.spine-node .pad:nth-of-type(3){animation-delay:.7s}.spine-node .pad:nth-of-type(4){animation-delay:1.05s}.spine-node .pad:nth-of-type(5){animation-delay:1.4s}.spine-node .pad:nth-of-type(6){animation-delay:1.75s}.spine-node .pad:nth-of-type(7){animation-delay:2.1s}@keyframes sn-twinkle{0%,to{opacity:.4}50%{opacity:1}}@keyframes sn-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.home-backdrop *,.home-spine *{animation:none!important}.spine-trace{stroke-dashoffset:0!important}.spine-node,.spine-trace{opacity:.1!important}.spine-node .draw{stroke-dashoffset:0!important}.spine-halo,.spine-head{opacity:0!important}.hb-flow,.hb-flow-fine{transform:none!important}}@media (max-width:820px){.home-backdrop,.home-spine{display:none}}.vcloud{position:relative;width:100%;aspect-ratio:16/8.4;background:radial-gradient(ellipse 120% 105% at 52% 38%,#0c0e14 0,#06070b 68%,#040406 100%);border:1px solid rgba(200,210,230,.1);border-radius:14px;overflow:hidden;box-shadow:0 26px 64px -34px rgba(0,0,0,.65),inset 0 0 0 1px hsla(0,0%,100%,.02)}.vcloud canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vcloud-title{position:absolute;top:14px;left:16px;z-index:2;display:flex;align-items:center;gap:8px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(226,230,240,.8)}.vcloud-title .dot{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px 1px rgba(239,68,68,.7);animation:vcloud-blink 1.8s ease-in-out infinite}@keyframes vcloud-blink{0%,to{opacity:1}50%{opacity:.35}}.vcloud-legend{position:absolute;top:14px;right:16px;z-index:2;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:10.5px;color:rgba(210,215,228,.62)}.vcloud-legend li{display:flex;align-items:center;gap:7px}.vcloud-legend li span{width:7px;height:7px;border-radius:50%;display:inline-block}.vcloud-legend li.q{color:hsla(0,100%,82%,.92);margin-top:4px}.vcloud-cap{position:absolute;left:16px;bottom:12px;z-index:2;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:10.5px;letter-spacing:.03em;color:rgba(200,206,220,.5)}@media (max-width:640px){.vcloud{aspect-ratio:4/5}.vcloud-legend{font-size:9px;gap:2px}.vcloud-cap{display:none}}@media (prefers-reduced-motion:reduce){.vcloud-title .dot{animation:none}}