@charset "UTF-8";:root{--surface000: #ffffff;--surface100: #ededed;--surface200: #eeeeee;--surface300: #e9e8e8;--surface400: #c4c4c4;--surface500: #acacac;--text-primary: #222222;--text-secondary: #4c4c4c;--text-tertiary: #7c7c7c;--inverse: #000000;--white: #ffffff;--divider: #d1d1d1;--link: #444444;--link-hover: #000000;--card-bg: #f8f8f8;--card-bg-hover: #eaeaea;--card-text: #222;--card-shadow: 0 0 1px rgba(0, 0, 0, .04);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .08);--card-border-hover: var(--surface400);--red100: #c60202;--red200: #ff8484;--red300: #ffb3b3;--gh-contrib-future: #f3f4f6;--gh-contrib-0: #ebedf0;--gh-contrib-1: #d1d5db;--gh-contrib-2: #9ca3af;--gh-contrib-3: #6b7280;--gh-contrib-4: #4b5563;--gh-contrib-green-future: #ebedf0;--gh-contrib-green-0: #ebedf0;--gh-contrib-green-1: #c6e48b;--gh-contrib-green-2: #7bc96f;--gh-contrib-green-3: #239a3b;--gh-contrib-green-4: #196127;--body-line-height: 2.05rem}.dark-theme{--surface000: #0b0b0b;--surface100: #171717;--surface200: #221b28;--surface300: #29232f;--surface400: #4e3f58;--surface500: #929292;--text-primary: #ededed;--text-secondary: #b3b3b3;--text-tertiary: #747474;--inverse: #ffffff;--divider: #444444;--link: #d1d1d1;--link-hover: #ffffff;--card-bg: #23272f;--card-bg-hover: #2c313a;--card-text: #f3f3f3;--card-shadow: 0 2px 8px rgba(0, 0, 0, .4);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .6);--card-border-hover: var(--surface500);--red100: #c60202;--red200: #ff8484;--red300: #ffb3b3;--gh-contrib-future: #111827;--gh-contrib-0: #1f2937;--gh-contrib-1: #374151;--gh-contrib-2: #4b5563;--gh-contrib-3: #6b7280;--gh-contrib-4: #9ca3af;--gh-contrib-green-future: #161b22;--gh-contrib-green-0: #161b22;--gh-contrib-green-1: #0e4429;--gh-contrib-green-2: #006d32;--gh-contrib-green-3: #26a641;--gh-contrib-green-4: #39d353}.orange-theme{--surface000: #ff6b35;--surface100: #ff7a4a;--surface200: #ff8a5f;--surface300: #ff9a74;--surface400: #ffaa89;--surface500: #ffba9e;--text-primary: #ffffff;--text-secondary: #ffffff;--text-tertiary: #ffffff;--inverse: #ffffff;--divider: #cc4400;--link: #aa3300;--link-hover: #aa3300;--card-bg: #ff7a4a;--card-bg-hover: #ff8a5f;--card-text: #ffffff;--card-shadow: 0 2px 8px rgba(204, 68, 0, .3);--card-shadow-hover: 0 4px 16px rgba(204, 68, 0, .4);--card-border-hover: #cc4400;--red100: #c60202;--red200: #ff8484;--red300: #ffb3b3;--gh-contrib-future: #ff8a5f;--gh-contrib-0: #ff7a4a;--gh-contrib-1: #ff6b35;--gh-contrib-2: #e85a2a;--gh-contrib-3: #cc4400;--gh-contrib-4: #aa3300;--gh-contrib-green-future: #ff8a5f;--gh-contrib-green-0: #ff7a4a;--gh-contrib-green-1: #c6e48b;--gh-contrib-green-2: #7bc96f;--gh-contrib-green-3: #239a3b;--gh-contrib-green-4: #196127}.orange-theme p,.orange-theme h1,.orange-theme h2,.orange-theme h3,.orange-theme h4,.orange-theme h5,.orange-theme h6{font-weight:500!important}body.orange-theme{background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.4) 1px,transparent 0),radial-gradient(circle at 6px 6px,rgba(255,200,150,.25) 1px,transparent 0),radial-gradient(circle at 10px 10px,rgba(255,180,120,.15) 1px,transparent 0);background-size:16px 16px,20px 20px,24px 24px;background-position:0 0,8px 8px,12px 12px;background-attachment:fixed}.metal-theme{--surface000: #000000;--surface100: #1a0000;--surface200: #2d0000;--surface300: #3d0000;--surface400: #5c0000;--surface500: #8b0000;--text-primary: #ff0000;--text-secondary: #cc0000;--text-tertiary: #990000;--inverse: #ffffff;--divider: #4d0000;--link: #ff3333;--link-hover: #ff6666;--card-bg: #1a0000;--card-bg-hover: #2d0000;--card-text: #ff0000;--card-shadow: 0 2px 8px rgba(255, 0, 0, .3);--card-shadow-hover: 0 4px 16px rgba(255, 0, 0, .5);--card-border-hover: #8b0000;--red100: #ff0000;--red200: #ff3333;--red300: #ff6666;--gh-contrib-future: #1a0000;--gh-contrib-0: #2d0000;--gh-contrib-1: #3d0000;--gh-contrib-2: #5c0000;--gh-contrib-3: #8b0000;--gh-contrib-4: #cc0000;--gh-contrib-green-future: #1a0000;--gh-contrib-green-0: #2d0000;--gh-contrib-green-1: #3d0000;--gh-contrib-green-2: #5c0000;--gh-contrib-green-3: #8b0000;--gh-contrib-green-4: #cc0000;--body-line-height: 2.05rem}body.metal-theme{font-family:Open Sans,sans-serif;position:relative}body.metal-theme:before{content:"";position:fixed;top:0;left:0;right:0;height:8px;background-color:var(--red100);z-index:10000;pointer-events:none}body.metal-theme:after{content:"";position:fixed;bottom:0;left:0;right:0;height:8px;background-color:var(--red100);z-index:10000;pointer-events:none}.metal-theme h1,.metal-theme h2,.metal-theme h3,.metal-theme h4{font-family:Pirata One,cursive}.metal-theme h5,.metal-theme h6,.metal-theme p,.metal-theme li,.metal-theme span,.metal-theme button,.metal-theme input,.metal-theme textarea,.metal-theme label{font-family:Open Sans,sans-serif!important}body.metal-theme{background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(255,102,102,.08) 15px,rgba(255,102,102,.08) 16px),repeating-linear-gradient(-45deg,transparent,transparent 15px,rgba(255,102,102,.08) 15px,rgba(255,102,102,.08) 16px);background-size:20px 20px,20px 20px;background-position:0 0,0 0;background-attachment:fixed}html{font-size:1.15em}@media (max-width: 768px){html{font-size:1em}}body{background-color:var(--surface000);color:var(--text-primary);font-family:Work Sans,sans-serif;margin:auto;width:100%;min-height:100vh;text-align:left;overflow-wrap:break-word;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1{color:var(--text-primary);font-size:3rem;font-weight:400}h2{color:var(--text-secondary);font-size:2rem;font-weight:400;line-height:2.75rem}h3{color:var(--text-secondary);font-size:1.5rem;font-weight:400;line-height:2rem}h4{color:var(--text-tertiary);font-size:1.2rem;font-weight:400;line-height:2rem}h5{color:var(--text-tertiary);font-size:1rem;font-weight:400;line-height:2rem}h6{font-size:1rem;font-weight:400;line-height:2rem}p{color:var(--text-tertiary);font-size:1.2rem;font-weight:400;line-height:var(--body-line-height);text-wrap:pretty}li,ul{text-wrap:pretty}micro-copy{color:var(--text-tertiary);font-size:.9rem;font-weight:400;line-height:1.4}@media (max-width: 768px){h1{font-size:2.25rem}h2{font-size:1.5rem;line-height:2.25rem}h3{font-size:1.25rem}h4{font-size:1.125rem;line-height:1.95rem}h5{font-size:.9rem}h6,p{font-size:1rem}span{font-size:.85rem}}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}ul,ol{margin:0;padding:1.25em 0;list-style-position:inside;color:var(--text-tertiary)}ul{list-style-type:square}ol{list-style-type:decimal}ul li,ol li{font-size:1.2rem;color:var(--text-tertiary);line-height:var(--body-line-height);margin-bottom:.45em;padding-left:1.5em;text-indent:-1.25em}ul li:last-child,ol li:last-child{margin-bottom:0}ul li:hover{border-color:var(--divider)}hr{border:none;border-top:1px solid var(--divider);height:0;margin:2em 0}blockquote{border-left:4px solid var(--divider);padding:.125em 1em;margin:.5em 0}blockquote p{margin:.125em 0;font-style:italic;font-weight:600}.wrapper{display:flex;justify-content:center;height:100vh;width:100vw;padding-top:5em}.root-content{width:75%;max-width:65ch}@media (max-width: 768px){.root-content{width:95%}}.root-content-md{width:75%;max-width:105ch}@media (max-width: 768px){.root-content-md{width:95%}}.sub-page-wrapper,.blog-post-wrapper{padding:6rem 0;margin-bottom:3rem;display:flex;align-items:flex-start;justify-content:center}@media (max-width: 768px){.sub-page-wrapper,.blog-post-wrapper{padding:5.25rem 1.5rem 0}}.sub-page-wrapper-media{padding:0 0 6rem;margin-bottom:3rem;display:flex;align-items:flex-start;justify-content:center;width:100%}@media (max-width: 768px){.sub-page-wrapper-media{padding:5.25rem 0 0}}.media-content-container{width:75%;max-width:70ch}@media (max-width: 768px){.media-content-container{width:95%}}.image-full-width{width:100vw;max-width:1440px;height:450px;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:3rem;background-color:var(--surface100);overflow:hidden}.image-full-width img{width:100%;height:100%;object-fit:cover}@media (min-width: 1440px){.image-full-width{left:auto;right:auto;margin-left:auto;margin-right:auto}}.image-full-width.auto-height{height:auto;max-width:1440px;margin:2rem -50vw}.image-full-width.auto-height img{height:auto;object-fit:initial}@media (min-width: 1440px){.image-full-width.auto-height{left:auto;right:auto;margin-left:auto;margin-right:auto}}.image-big{width:900px;background-color:var(--surface100);min-height:400px;margin:2rem 0;position:relative;left:50%;right:50%;margin-left:-450px}.image-big img{width:100%;height:auto;display:block}.image-inline{width:100%;margin:2rem 0;background-color:var(--surface100);min-height:300px}.image-inline img{width:100%;height:auto;display:block}.snapshot{width:100%;border:1px solid var(--divider);border-radius:.5em;padding:1.5rem;margin:2rem 0;box-sizing:border-box}.snapshot>*:first-child{margin-top:0}.snapshot>*:last-child{margin-bottom:0}.snapshot.compact{padding:1rem}.snapshot.spacious{padding:2.5rem}.snapshot.subtle{background-color:var(--surface100)}.snapshot.flat{background-color:transparent;border:1px solid var(--divider)}@media (max-width: 768px){.image-big,.image-inline{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}}.toc-container{display:none}@media (min-width: 1024px){.toc-container{display:block;position:fixed;right:2rem;top:600px;width:200px}}.section-title{font-size:1.75rem;font-weight:500;line-height:2.5rem;color:var(--text-primary);margin-top:0rem!important;margin-bottom:1.5rem;padding-top:0;padding-bottom:0;text-transform:none;letter-spacing:normal}@media (max-width: 768px){.section-title{font-size:1.5rem;line-height:2rem;margin-top:2.5rem;margin-bottom:1.25rem}}.section-title:first-of-type{margin-top:1.5rem}#internal-link{color:var(--text-tertiary)}#internal-link.active,#internal-link:hover{color:var(--link-hover)}textarea,input{font-size:16px;width:100%}.form-field{width:100%;padding:.75rem 1rem;border:2px solid var(--divider);border-radius:8px;background:var(--surface000);color:var(--text-primary);font-size:1rem;line-height:1.5;box-sizing:border-box;font-family:inherit}.form-field::placeholder{color:var(--text-secondary);opacity:.7}.form-field:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px #0000000d}.form-field:not(:placeholder-shown){border-color:var(--surface300)}.form-field.error{border-color:var(--red500);background-color:#ef44440d}.form-field.error:focus{border-color:var(--red500);box-shadow:0 0 0 3px #ef44441a}.form-field.success{border-color:var(--green500);background-color:#22c55e0d}.form-field:disabled{background-color:var(--surface100);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.form-field[readonly]{cursor:default}.form-field:not(:disabled):hover{border-color:var(--surface300)}.form-field:active{transform:scale(.995)}.form-field.loading{background-image:linear-gradient(90deg,var(--surface100) 25%,var(--surface200) 50%,var(--surface100) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-field.small{padding:.5rem .75rem;font-size:.875rem}.form-field.large{padding:1rem 1.25rem;font-size:1.125rem}content{line-height:1.6}img{max-width:100%;height:auto}button{color:inherit;background:none;font-size:100%;border:0;height:2rem;width:2rem;border-radius:32px;box-sizing:border-box}button:hover{background-color:var(--link)}::selection{background-color:var(--divider);color:var(--text-primary)}.page-section-header h2{margin:0;color:var(--text-primary);padding:0}.page-section-header p{margin:0 0 1em;padding:0}.social-link-container{background-color:var(--divider);border-radius:.5em;border:1px solid #999;padding:.5em}.tooltip-container{position:relative;display:inline-block}.tooltip-content{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:.5em;border-radius:4px;white-space:nowrap;z-index:1000;box-shadow:0 4px 6px #0000001a}.tooltip-container:hover .tooltip-content{display:block}.hero-image{width:8rem;height:8rem;object-fit:cover;object-position:center}.root-social-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding-top:1.5em;gap:2em;pointer-events:auto!important}@media (max-width: 768px){.root-social-container{padding-top:1em;flex-direction:column;gap:.5em}.root-social-container p{margin:.5em 0}}.personal-logo{width:24px;height:24px;background-color:gray}.menu{display:flex;gap:1em;font-size:1em}.overflow-menu-toggle{display:none;border:none;font-size:1.5rem}@media (max-width: 768px){.overflow-menu-toggle{display:flex;justify-content:center;align-items:center}}button{border:none;outline:none;color:inherit}button:focus,button:active{background-color:transparent!important}.root-link{color:var(--text-secondary);font-size:1.5em;text-decoration:none;cursor:pointer!important;pointer-events:auto!important}pre{padding:1.5em 1em;border-radius:.5em;white-space:pre-wrap}.project-cards{display:flex;flex-direction:column;gap:.15em}.project-card{display:block;width:100%;padding:1.5em;background:var(--surface200);border-radius:8px;box-shadow:var(--text-primary);text-decoration:none;color:var(--card-text);border:1px solid var(--divider)}.project-card:hover{background:var(--surface300);box-shadow:var(--card-shadow-hover)}.project-card h3{margin:0 0 .5em}.project-card p{margin:0;color:var(--text-tertiary)}.card-hero-content{display:flex;flex-direction:column;gap:.25em}.card-small{display:block;width:100%;padding:1em;background:var(--surface200);border-radius:8px;box-shadow:var(--card-shadow);text-decoration:none;color:var(--card-text);border:1px solid var(--divider);font-size:1em;margin-bottom:1em;transition:box-shadow .2s,background .2s}.card-small:hover{background:var(--surface300);box-shadow:var(--card-shadow-hover)}.card-small h4{margin:0 0 .5em;color:var(--text-tertiary)}.card-small p{margin:0;color:var(--card-text)}.card-mini{display:block;width:100%;padding:.5em .75em;background:var(--surface200);border-radius:6px;box-shadow:none;text-decoration:none;color:var(--card-text);border:1px solid var(--divider);font-size:.9em;transition:background .2s}.card-mini:hover{background:var(--surface300)}.card-mini h5{margin:0 0 .25em;color:var(--text-tertiary)}.card-mini p{margin:0;color:var(--card-text)}.card-hero__tag{background-color:var(--surface300);border-radius:6px;display:inline-flex;justify-content:center;align-items:center;font-size:.65em;font-weight:600;color:var(--text-secondary);padding:0 .5em;width:auto;margin-bottom:.5em;border:1px solid var(--divider)}.details-container{display:flex;gap:.5em;align-items:baseline;margin-bottom:.125em}.card-hero__date{font-size:.8em;color:var(--text-tertiary)}.tag-container{display:flex;flex-direction:row;gap:.5em;flex-wrap:wrap}.tag{color:var(--text-tertiary);letter-spacing:.025em;font-kerning:normal;font-family:monospace;font-weight:400;font-size:1.35em;line-height:1.2;text-transform:lowercase}.internal-link{position:relative;display:inline-block;cursor:pointer;color:var(--text-primary);--internal-link-height: .15em;--internal-link-height-hover: .18em;--internal-link-bottom: .05em;--internal-link-width: 100%}.internal-link:after{content:"";position:absolute;left:0;bottom:var(--internal-link-bottom);width:var(--internal-link-width);height:var(--internal-link-height);background:var(--divider);transition:height .3s cubic-bezier(.4,0,.2,1),background .4s;z-index:1}.internal-link:hover:after{height:var(--internal-link-height-hover);background:var(--text-primary)}.internal-link:hover{color:var(--text-primary)}h1 .internal-link,.internal-link--h1{--internal-link-height: .05em;--internal-link-height-hover: .09em;--internal-link-bottom: .05em}h2 .internal-link,.internal-link--h2{--internal-link-height: 0em;--internal-link-height-hover: .06em;--internal-link-bottom: .05em}h3 .internal-link,.internal-link--h3{--internal-link-height: 0em;--internal-link-height-hover: .1em;--internal-link-bottom: -.05em}h4 .internal-link,.internal-link--h4{--internal-link-height: .15em;--internal-link-height-hover: .18em;--internal-link-bottom: .04em}p .internal-link,.internal-link--p{--internal-link-height: 0em;--internal-link-height-hover: .07em;--internal-link-bottom: -.15em;font-size:1.4rem;color:var(--text-secondary)}@media (max-width: 768px){h1 .internal-link,.internal-link--h1{--internal-link-height: .04em;--internal-link-height-hover: .08em;--internal-link-bottom: .04em}h2 .internal-link,.internal-link--h2{--internal-link-height: .11em;--internal-link-height-hover: .14em;--internal-link-bottom: .04em}h3 .internal-link,.internal-link--h3{--internal-link-height: .12em;--internal-link-height-hover: .15em;--internal-link-bottom: .04em}h4 .internal-link,.internal-link--h4{--internal-link-height: .13em;--internal-link-height-hover: .16em;--internal-link-bottom: .03em}p .internal-link,.internal-link--p{--internal-link-height: 0em;--internal-link-height-hover: .06em;--internal-link-bottom: -.12em}}