/* Lettertypes zelf gehost sinds 2026-10-04: anders gaat het IP-adres van elke
   bezoeker naar Google vóór er iets ingevuld is. latin + latin-ext, woff2. */
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(/assets/fonts/DMSans-400-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(/assets/fonts/DMSans-400-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 500;   font-display: swap;   src: url(/assets/fonts/DMSans-500-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 500;   font-display: swap;   src: url(/assets/fonts/DMSans-500-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(/assets/fonts/DMSans-600-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(/assets/fonts/DMSans-600-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(/assets/fonts/DMSans-700-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'DM Sans';   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(/assets/fonts/DMSans-700-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(/assets/fonts/Manrope-400-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(/assets/fonts/Manrope-400-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 500;   font-display: swap;   src: url(/assets/fonts/Manrope-500-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 500;   font-display: swap;   src: url(/assets/fonts/Manrope-500-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(/assets/fonts/Manrope-600-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(/assets/fonts/Manrope-600-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(/assets/fonts/Manrope-700-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(/assets/fonts/Manrope-700-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 800;   font-display: swap;   src: url(/assets/fonts/Manrope-800-latin-ext.woff2) format('woff2');   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {   font-family: 'Manrope';   font-style: normal;   font-weight: 800;   font-display: swap;   src: url(/assets/fonts/Manrope-800-latin.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root{color-scheme:dark;--bg:#0b1220;--text:#f1f5fb;--muted:#a5b4c8;--accent:#38bdf8;--line:#27364b;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.shell{max-width:1360px;margin:auto;padding:0 64px}.skip{position:absolute;left:20px;top:-100px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:15px}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-light{font-weight:400}.dot{color:var(--accent)}.brand-icon{font-family:var(--mono);font-size:21px;color:var(--accent);letter-spacing:-3px;margin-right:5px}nav a{font-size:14px;color:#d4dfec;display:flex;gap:26px}nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;padding:105px 0 101px}.eyebrow{font:11px var(--mono);letter-spacing:1.7px;color:var(--accent);display:flex;gap:9px;align-items:center;margin:0 0 28px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.4vw,62px);line-height:1.13;letter-spacing:-3px;font-weight:600;margin-bottom:26px}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:435px;margin-bottom:31px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--accent);color:#071523;padding:16px 21px;border-radius:5px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#7dd3fc;transform:translateY(-2px)}.hero-note{font:10px var(--mono);color:#8a9890;margin:27px 0 0;text-transform:uppercase;letter-spacing:1px}.hero-note span{color:#506054;padding:0 12px}.code-art{position:relative;padding:50px 0;min-width:0}.code-window{position:relative;background:#18231f;border:1px solid #425141;border-radius:9px;transform:rotate(-3deg);box-shadow:0 32px 70px #0003;z-index:1}.window-bar{padding:17px 20px;border-bottom:1px solid #344032;display:flex;justify-content:space-between;font:10px var(--mono);color:#83917d}.window-bar div{display:flex;gap:6px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#687063}.window-bar i:first-child{background:#a4bd83}.code-body{padding:28px 18px 30px;font:12px/2.2 var(--mono);color:#c0cfb7;white-space:pre}.line{display:block}.line b{display:inline-block;width:30px;color:#647160;font-size:10px;font-weight:400}.line em{color:#baa9d8;font-style:normal}.line strong{color:var(--accent);font-weight:400}.window-footer{padding:11px 18px;border-top:1px solid #344032;display:flex;justify-content:space-between;font:9px var(--mono);color:#83917d}.window-footer span:first-child{color:#a6c383}.orbit{position:absolute;border:1px solid #34442b;border-radius:50%;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:440px;height:440px;border-style:dashed;opacity:.4}.floating-mark{position:absolute;right:-16px;bottom:31px;color:var(--accent);font:45px var(--mono);transform:rotate(9deg);z-index:2}.art-label{position:absolute;bottom:0;left:20px;font:9px var(--mono);letter-spacing:2px;color:#7b8d71}.projects{padding:45px 0 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.section-heading .eyebrow{margin-bottom:15px;font-size:10px}h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-1px;font-size:28px;margin-bottom:0}.section-number{font:10px var(--mono);color:#8a9890;margin-bottom:7px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{padding:26px 29px;border:1px solid #3b493d;border-radius:7px;background:#1b2821;overflow:hidden;position:relative;transition:border-color .2s,transform .2s}.project-card:hover{transform:translateY(-4px);border-color:var(--accent)}.qenor{background:#20262c;border-color:#3d444c}.card-top{display:flex;justify-content:space-between;align-items:center}.project-number{font:10px var(--mono);letter-spacing:1.3px;color:#a5b3a7}.arrow{height:32px;width:32px;border-radius:50%;border:1px solid #59634e;display:grid;place-items:center;color:var(--accent)}.qenor .arrow{color:#bdc7f5;border-color:#566079}.project-symbol{height:150px;display:flex;align-items:center;justify-content:center}.project-symbol svg{width:91px;fill:none;stroke:var(--accent);stroke-width:3;transition:transform .3s}.qenor svg{stroke:#b5c1f0}.project-card:hover svg{transform:scale(1.08)}.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}h3{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:30px;font-weight:600;margin-bottom:7px}h3 span{color:var(--accent)}.qenor h3 span{color:#b5c1f0}.card-bottom p{font-size:12px;color:#a5b4c8;line-height:1.6;margin-bottom:0}.domain{font:10px var(--mono);white-space:nowrap;color:#c8d1c9;padding-bottom:3px}.domain span{margin-left:7px}.closing{display:flex;align-items:center;gap:24px;padding:53px 0}.closing-icon{font:27px var(--mono);color:#7a8c76}.closing p{font-size:15px;line-height:1.7;margin:0}.closing p span{color:var(--muted)}.closing-note{margin-left:auto;font:9px var(--mono);letter-spacing:1.6px;color:#81907f}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:27px 0 32px;font-size:11px;color:#8da1b9}footer .dot{font-size:20px;margin-left:2px}@media(min-width:1500px){.hero{padding:125px 0}}@media(max-width:1000px){.shell{padding:0 35px}.hero{gap:30px;padding:80px 0}.code-body{font-size:10px;padding-left:12px}.line b{width:24px}.orbit-two{width:330px;height:330px}.orbit-one{width:290px;height:290px}.card-bottom{display:block}.domain{display:block;margin-top:20px}h1{letter-spacing:-2px}}@media(max-width:700px){.shell{padding:0 24px}header{height:88px}.brand{font-size:19px;gap:10px}.brand-icon{font-size:18px}nav a{font-size:12px;gap:12px}.hero{grid-template-columns:1fr;padding:62px 0 45px;gap:35px}h1{font-size:clamp(38px,9vw,54px);letter-spacing:-2px}.lead{font-size:15px}.code-art{max-width:430px;width:100%;margin:0 auto;padding:20px 9px 40px}.code-body{font-size:11px;padding:23px 15px}.orbit-one{width:250px;height:250px}.orbit-two{width:290px;height:290px}.floating-mark{right:0;bottom:17px;font-size:36px}.art-label{font-size:8px}.projects{padding-top:32px}.section-heading{align-items:center}.section-number{display:none}h2{font-size:24px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:22px 24px}.project-symbol{height:125px}.card-bottom{display:flex}.domain{font-size:9px}.closing{padding:35px 0;gap:16px}.closing-note{display:none}.closing p{font-size:14px}footer{font-size:10px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

footer{display:block;padding:35px 0 26px}.footer-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding-bottom:30px}.footer-label{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:0;color:#d4dfec;margin:0 0 12px}.footer-details address,.footer-details p{font-size:12px;line-height:1.9;font-style:normal;margin-top:0}.company-number{color:#b2c4d9}.contact-email{font-size:12px;color:var(--accent);overflow-wrap:anywhere;line-height:1.9}.contact-email:hover{text-decoration:underline;text-underline-offset:4px}.contact-email span{margin-left:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px}@media(max-width:700px){.footer-details{grid-template-columns:1fr 1fr;gap:24px}.footer-details>div:last-child{grid-column:1/-1}}@media(max-width:420px){.footer-details{grid-template-columns:1fr}.footer-details>div:last-child{grid-column:auto}}