:root{--bg-color-glass:#0a64fa66;--bg-color-blue:#000032;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#fff;background:#000;font-family:Goudy Old Style,Georgia,serif}a{color:inherit;text-decoration:none}.portfolio-page{background:#000;min-height:100vh;overflow:clip}.background-video{z-index:0;object-fit:cover;opacity:.4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.site-header,.profile-links,.main-content,.desktop-footer,.mobile-footer,.timeline{z-index:1;position:relative}.site-header{z-index:4;background:var(--bg-color-glass);min-height:225px;padding:20px;display:flex;position:fixed;top:0;left:0;right:0}.identity{max-width:calc(100% - 220px)}.wille-name{color:#fff;text-shadow:2px 2px 10px #fff;margin:0 0 4px;font-family:Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;font-size:80px;font-weight:500;line-height:1.1}.title-profession{color:#fff;text-shadow:2px 2px 10px #fff;margin:0 0 -6px 20px;position:relative;top:-12px}.skills-container{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.skills-container img{object-fit:contain;width:auto;height:50px}.skill-ellipsis{align-items:center;display:inline-flex}.header-profile-link{border-radius:50%;width:180px;height:180px;display:block;position:absolute;top:28px;right:40px}.header-profile-image,.header-email-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-email-image{opacity:0;transition:opacity .16s;position:absolute;inset:0}.header-profile-link:hover .header-email-image,.header-profile-link:focus-visible .header-email-image{opacity:1}.mobile-profile-image{display:none}.profile-links{z-index:3;gap:4px;width:205px;display:grid;position:fixed;top:252px;right:20px}.profile-link{color:#f5f5f5;align-items:center;min-height:60px;transition:color .16s,background-color .16s;display:flex}.profile-link:hover,.profile-link:focus-visible{background:var(--bg-color-glass);color:#87ceeb;border-radius:12px 0 0 12px}.profile-link-label,.profile-link-short{text-align:right;flex:1;padding:8px}.profile-link-icon{object-fit:contain;order:2;width:50px;height:50px;margin-left:auto}.profile-link-short,.mobile-profile-link-label{display:none}.main-content{min-height:100vh;padding-top:220px}.portfolio-cards{width:min(100% - 40px,800px);margin:0 auto;padding:50px 0 20px}.portfolio-card{background:var(--bg-color-glass);color:#f1f4ff;text-align:left;border:1px solid #ffffff1f;border-radius:4px;margin:0 40px 40px;font-family:monospace;overflow:hidden}.card-header{background:var(--bg-color-blue);align-items:center;gap:10px;min-height:62px;margin:0;padding:8px 14px;font-size:1.15rem;font-weight:400;display:flex}.card-header img{object-fit:contain;width:auto;max-width:130px}.card-image{object-fit:cover;width:100%;height:auto;display:block}.card-subtitle{margin:0;padding:12px 14px 0;font-size:1rem;font-weight:500}.card-body{padding:10px 14px 16px;line-height:1.5}.card-body p{margin:0 0 12px}.card-body p:last-child{margin-bottom:0}.quote{color:#e8e8e8;margin:14px 0 0;font-style:italic}.card-separator{background:var(--bg-color-blue);text-align:center;padding:9px}.light-link{color:#fff;text-decoration:underline}.customer-card{text-align:center}.customer-heading{justify-content:center;gap:12px;min-height:60px;font-family:Goudy Old Style,Georgia,serif;font-size:1rem}.customer-heading img{max-height:42px}.customer-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;min-height:82px;padding:10px;display:flex}.customer-logo{object-fit:contain;max-width:min(100%,160px)}.article-heading{flex-wrap:wrap}.article-heading img{width:32px;height:32px}.quote-down{color:#b0c4de;font-style:italic}.article-box{background:linear-gradient(#ffffff2e,#ffffff03);border:1px inset #ffffffb3;border-radius:5px;margin:10px 0 20px;padding:8px}.article-box:last-child{margin-bottom:0}.article-box a{display:block}.article-box a:hover .bold,.article-box a:focus-visible .bold{text-decoration:underline}.article-box img{vertical-align:middle;object-fit:contain;width:auto;height:36px;margin-right:8px;display:inline-block}.bold{color:#fff;font-weight:700}.description{color:#d3d3d3;margin:8px 0 0;padding-left:40px;font-style:italic;line-height:1.5}.mobile-profile-links{display:none}.desktop-footer{background:linear-gradient(to right, #000, var(--bg-color-blue), #000);text-align:center;min-height:42px;margin:14px 20px 0;padding:10px 20px}.mobile-footer{display:none}.timeline{z-index:5;background:#010101f0;border-radius:8px 8px 0 0;height:48px;position:sticky;bottom:0;overflow:visible}.timeline-years{grid-template-columns:repeat(var(--timeline-year-count), minmax(15px, 1fr));width:100%;height:48px;padding:4px;display:grid}.timeline-year{background-image:var(--timeline-wood);opacity:.82;background-position:50%;background-size:cover;border-radius:3px;justify-content:center;align-items:center;gap:1px;min-width:0;height:40px;margin:2px;padding:1px;display:flex;position:relative}.timeline-year-label{color:#000;font-family:Arial,sans-serif;font-size:clamp(7px,.65vw,10px);font-weight:700}.timeline-short-image{object-fit:contain;width:14px;height:20px}.timeline-popover{z-index:6;color:#17120d;text-align:center;white-space:normal;background-image:url(/images/pergamino1.png);background-position:50%;background-size:cover;border:1px solid #fff9;border-radius:4px;width:min(220px,70vw);padding:12px;font-family:Georgia,serif;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #000}.timeline-year:hover .timeline-popover,.timeline-year:focus-within .timeline-popover{display:block}.timeline-popover-images{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:34px;margin:5px 0;display:flex}.timeline-popover-images img{object-fit:contain;width:auto;height:30px}.timeline-popover p{margin:0;font-size:.84rem;line-height:1.35}.document-page{background:linear-gradient(#000000c7,#000000eb),url(/images/Background-wille.png) 50%/cover fixed,#000;min-height:100vh;padding:24px}.document-content{width:min(100%,1000px);margin:20px auto}.document-profile-link{background:var(--bg-color-glass);opacity:.8;border-radius:50%;width:70px;height:70px;padding:5px;display:block;position:fixed;top:15px;right:30px}.document-profile-link:hover,.document-profile-link:focus-visible{opacity:1}.document-profile-link img{object-fit:cover;border-radius:50%;width:100%;height:100%}.document-title{align-items:center;gap:12px;max-width:calc(100% - 100px);margin:0 0 20px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;display:flex}.document-title img{object-fit:contain;flex:none;width:50px;height:50px}.markdown-body{color:#eee;overflow-wrap:anywhere;background:#000000b3;border:1px solid #ffffff24;border-radius:5px;margin:0 auto;padding:24px clamp(16px,4vw,40px);line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#fff;margin:1.4em 0 .55em;line-height:1.25}.markdown-body h1:first-child,.markdown-body h2:first-child{margin-top:0}.markdown-body a{color:#8bd2ff;text-decoration:underline}.markdown-body li{margin:.3em 0;padding-left:.25em}.markdown-body blockquote{color:#ddd;background:#ffffff14;border-left:3px solid #87ceeb;margin:1em 0;padding:.5em 1em}.markdown-body pre{background:#111827;border-radius:4px;padding:14px;overflow-x:auto}.markdown-body code{font-family:Consolas,Courier New,monospace}.markdown-body :not(pre)>code{background:#ffffff1f;border-radius:3px;padding:.12em .35em}.markdown-body img{max-width:100%;height:auto}@media (max-width:1200px){.site-header{background:var(--bg-color-blue);min-height:220px}.profile-links:not(.mobile-profile-links){display:none}.main-content{padding-top:220px}.portfolio-cards{padding-top:30px}.mobile-profile-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;width:min(100% - 40px,760px);margin:0 auto 30px;display:grid;position:static}.mobile-profile-links .profile-link{background:var(--bg-color-blue);border-radius:5px;min-height:62px;padding:6px 10px}.mobile-profile-links .profile-link:hover,.mobile-profile-links .profile-link:focus-visible{background:var(--bg-color-glass)}.mobile-profile-links .profile-link-icon{order:0;margin:0 10px 0 0}.mobile-profile-link-label{display:block}.desktop-footer{display:none}.mobile-footer{z-index:1;background:var(--bg-color-blue);text-align:center;min-height:50px;padding:14px 10px;display:block;position:relative}.timeline{display:none}}@media (max-width:767.98px){.document-page{padding:20px 15px}.document-profile-link{width:56px;height:56px;top:12px;right:12px}.document-title{gap:8px;max-width:calc(100% - 60px)}.document-title img{width:40px;height:40px}.markdown-body{padding:16px}.site-header{border-radius:5px;min-height:138px;padding:14px 16px}.identity{max-width:calc(100% - 100px)}.wille-name{color:#d3d3d3;margin-bottom:0;font-size:32px;line-height:1.2}.title-profession{margin:0 0 6px 4px;font-size:.82rem;top:0}.skills-container{gap:8px}.skills-container img{max-width:34px;height:30px}.medium-skill,.desktop-skill,.skill-ellipsis{display:none!important}.header-profile-link{display:none}.mobile-profile-image{border-radius:50%;width:90px;height:90px;display:block;position:absolute;top:10px;right:10px}.mobile-profile-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.main-content{padding-top:138px}.portfolio-cards{width:calc(100% - 30px);padding:15px 0 10px}.portfolio-card{margin:10px -5px 20px}.card-header{gap:8px;padding:8px 10px;font-size:1rem}.card-body{padding:10px}.documentation-subtitle{display:none}.mobile-profile-links{grid-template-columns:1fr;width:calc(100% - 30px);margin-bottom:20px}.mobile-profile-links .profile-link{min-height:56px}.mobile-footer{min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}