@font-face{font-family:"Fantasque Sans Mono";src:url("fonts/FantasqueSansMono-Regular.eot");src:url("fonts/FantasqueSansMono-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/FantasqueSansMono-Regular.woff2") format("woff2"),url("fonts/FantasqueSansMono-Regular.woff") format("woff"),url("fonts/FantasqueSansMono-Regular.ttf") format("truetype"),url("fonts/FantasqueSansMono-Regular.svg#FantasqueSansMono-Regular") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fantasque Sans Mono";src:url("fonts/FantasqueSansMono-BoldItalic.eot");src:url("fonts/FantasqueSansMono-BoldItalic.eot?#iefix") format("embedded-opentype"),url("fonts/FantasqueSansMono-BoldItalic.woff2") format("woff2"),url("fonts/FantasqueSansMono-BoldItalic.woff") format("woff"),url("fonts/FantasqueSansMono-BoldItalic.ttf") format("truetype"),url("fonts/FantasqueSansMono-BoldItalic.svg#FantasqueSansMono-BoldItalic") format("svg");font-weight:700;font-style:italic;font-display:swap}:root{--background-color: rgba(250, 251, 252, 1.0);--glass-bg: rgba(255, 255, 255, 0.35);--glass-bg-hover: rgba(255, 255, 255, 0.50);--glass-border: rgba(255, 255, 255, 0.6);--glass-shadow: rgba(0, 0, 0, 0.05);--font-color: #2d3748;--title-color: #1a202c;--title-color-alt: #ed8796;--link-color: #5b9dd9;--link-hover-color: #3182ce;--particle-color: rgba(91, 157, 217, 0.3);--hr-color: var(--font-color);--project-img-shadow-start: rgba(0,0,0,0.15);--project-img-shadow-end: rgba(0,0,0,0.13);--gallery-img-shadow-start: rgba(0,0,0,0.05);--gallery-img-shadow-end: rgba(0,0,0,0.03);--gallery-img-shadow-start-hover: rgba(0,0,0,0.15);--gallery-img-shadow-end-hover: rgba(0,0,0,0.13);--inline-code-color: var(--title-color-alt);--inline-code-background-color: rgba(0, 0, 0, .02)}[data-theme=dark]{--background-color: rgba(15, 20, 25, 1.0);--glass-bg: rgba(20, 25, 35, 0.35);--glass-bg-hover: rgba(25, 30, 40, 0.50);--glass-border: rgba(255, 255, 255, 0.12);--glass-shadow: rgba(0, 0, 0, 0.3);--font-color: #cbd5e0;--title-color: #e2e8f0;--title-color-alt: #ed8796;--link-color: #81e8da;--link-hover-color: #63d9c7;--particle-color: rgba(129, 232, 218, 0.2);--hr-color: var(--font-color);--project-img-shadow-start: rgba(0,0,0,0.15);--project-img-shadow-end: rgba(0,0,0,0.13);--gallery-img-shadow-start: rgba(0,0,0,0.05);--gallery-img-shadow-end: rgba(0,0,0,0.03);--gallery-img-shadow-start-hover: rgba(0,0,0,0.18);--gallery-img-shadow-end-hover: rgba(0,0,0,0.20);--inline-code-background-color: rgba(0, 0, 0, .1)}@supports not (backdrop-filter: blur(10px)){.glass-card,.blog-snippet,.project-content,.notes-tiles a,.menu-container{background:rgba(255,255,255,.85)}[data-theme=dark] .glass-card,[data-theme=dark] .blog-snippet,[data-theme=dark] .project-content,[data-theme=dark] .notes-tiles a,[data-theme=dark] .menu-container{background:rgba(20,25,35,.85)}}html{background-color:var(--background-color);min-height:100%}body::before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url("img/theme/pcb-pattern2.svg");background-repeat:repeat;background-color:var(--background-color);transform:rotate(4deg)}[data-theme=dark] body::before{z-index:-1;opacity:.5;filter:invert(1) hue-rotate(150deg)}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0) 0%, var(--background-color) 40%, var(--background-color) 60%, rgba(0,0,0,0) 100%)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:300;font-stretch:normal;font-size:18px;color:var(--font-color);margin:0;padding:8px}code{font-family:"Fantasque Sans Mono",monospace}p code,li code{color:var(--inline-code-color);white-space:pre-wrap;}h1,h2,h3,h4{color:var(--title-color);font-weight:500;margin:18px 0 8px 0}h2,h3,h4{color:var(--title-color-alt)}h2{font-variant:small-caps}h3{margin:8px 0 4px 0}p{line-height:1.5em}ul{line-height:1.5em}a,a:visited{color:var(--link-color)}a{text-decoration:none}a:hover{border-bottom:1px solid var(--link-hover-color)}.name,.name:visited{font-size:1.1em;color:var(--title-color);border-bottom-color:var(--font-color);font-variant:normal}.menu-container{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);border-radius:16px;transition:all 100ms cubic-bezier(.4, 0, .2, 1);position:sticky;top:8px;margin:8px auto 32px;padding:16px 32px;z-index:100;max-width:800px;display:flex;justify-content:space-between;transition:all 300ms}.menu-container.scrolled{padding:12px 32px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.menu{padding:0;margin:0;display:flex;align-items:center}.menu .menu-item{font-size:1.1rem;display:inline-block;font-variant:small-caps;margin:0 10px;position:relative}.menu .menu-item a{position:relative;padding:8px 4px}.menu .menu-item a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--link-color);transition:width 200ms}.menu .menu-item a:hover::after{width:100%}.container{max-width:768px;margin:auto}.content-grid{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:32px}.grid-main{grid-column:1/span 1}.grid-aside{grid-column:2/span 1}.p-note{margin-top:32px}.footer-container{min-height:64px;text-align:center;padding:16px}.footer-container a,.footer-container a:visited,.footer-container a:hover{color:var(--font-color);border-bottom:none}hr.heavy,.article-content hr{border:0;height:1px;background:var(--font-color);opacity:.2}hr.light{display:none;border:0;background:var(--font-color);opacity:.1}.article-content img{width:100%}.project-content{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);border-radius:16px;transition:all 100ms cubic-bezier(.4, 0, .2, 1);padding:32px;margin:32px 0;display:grid}.project-content:hover{background:var(--glass-bg-hover);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.15);}@media screen and (min-width: 600px){.project-content{grid-template-columns:[main] 3fr [img] 1fr;grid-template-rows:auto 1fr;grid-column-gap:32px}.project-reversed{grid-template-columns:[img] 1fr [main] 3fr}.project-tags{grid-column:main/span 1;grid-row:1/span 1}.project-description{grid-column:main/span 1;grid-row:2/span 1}.project-img{grid-column:img/span 1;grid-row:1/span 2}}.project-img img{width:100%;height:auto;margin:0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:transform 300ms cubic-bezier(.4, 0, .2, 1)}.project-img img:hover{transform:scale(1.05)}pre{padding:1.1em 1em;overflow:auto}code span{line-height:1.3em}pre mark{display:block;background-color:rgba(254,252,232,.9)}pre mark span:first-child{color:#d1d6db}.side-menu{text-align:center}.side-menu li{display:inline-block}.side-menu li:not(:first-child):before{content:" • "}.side-menu .current-item{font-weight:bold}.gallery{display:flex;flex-wrap:wrap;justify-content:center;max-width:1280px;margin:auto}.gallery .section-title{display:block;width:100%;text-align:center}.gallery .image{width:340px;height:340px;margin:8px;border-radius:12px;overflow:hidden}.gallery .image div{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all 400ms cubic-bezier(.4, 0, .2, 1)}.gallery .image div:hover{transform:scale(1.05);filter:brightness(1.05)}.gallery a{height:inherit;display:block}.gallery a:hover{border-bottom:none}@media screen and (max-width: 700px){.gallery .image{width:100%;height:auto;aspect-ratio:1;margin:4px}.gallery .image div:after{content:"";display:block;padding-bottom:100%}}#scheme-switch{display:none}#scheme-switch-label{display:inline-block;width:24px;height:24px;border-radius:12px;text-align:center;line-height:24px;cursor:pointer}.blog-list h3{margin:0}.blog-list hr{max-width:32px;margin:32px 0}.blog-snippet{background:var(--glass-bg);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);border-radius:16px;transition:all 100ms cubic-bezier(.4, 0, .2, 1);padding:20px 24px;margin:16px 0;display:flex;justify-content:space-between;align-items:center;min-height:24px}.blog-snippet:hover{background:var(--glass-bg-hover);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.15);}.blog-snippet:hover .article-title{color:var(--link-color)}.article-title{font-size:1.1rem;font-weight:500;transition:color 200ms}.article-date{font-size:.9rem;display:inline-block;opacity:.7;min-width:110px;text-align:right}.page-meta{text-align:left;display:block;margin-bottom:32px}.unpublished-tag{color:var(--title-color-alt);font-weight:500}blockquote{border-left:var(--title-color-alt) 4px solid;margin-left:4px;padding-left:1em}table{border-collapse:collapse;margin:2em 0}td,th{border:solid 1px var(--font-color);padding:4px .5em}.notes-tiles{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px;max-width:1024px;margin:auto;padding:24px 8px}.notes-tiles a{background:var(--glass-bg);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);border-radius:16px;transition:all 100ms cubic-bezier(.4, 0, .2, 1);padding:24px 20px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;font-weight:500;color:var(--font-color)}.notes-tiles a:hover{background:var(--glass-bg-hover);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.15);color:var(--link-color);text-decoration:none;border-bottom:none}.container h1 .back,h2 small{font-size:.5em}.hero-card{margin:48px 0}.hero-grid{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center}@media (max-width: 600px){.hero-grid{grid-template-columns:1fr;text-align:center}}.hero-image img{width:100%;border-radius:50%;box-shadow:0 8px 32px var(--glass-shadow)}.hero-title{margin:0 0 8px;font-size:2.5rem;letter-spacing:-.02em}.hero-tagline{font-size:1.1rem;color:var(--title-color-alt);margin:0 0 16px;letter-spacing:.02em}.hero-bio{line-height:1.6;margin:0 0 24px}.hero-links a{display:inline-block;margin-right:16px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;transition:all 200ms}.hero-links a:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.featured-gallery{margin:48px 0;text-align:center}.gallery-preview-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin:32px 0}.gallery-preview-item{aspect-ratio:1;display:block;overflow:hidden;border-radius:12px}.gallery-preview-item:hover .gallery-preview-image{transform:scale(1.05)}.gallery-preview-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 400ms cubic-bezier(.4, 0, .2, 1)}.view-all-link{display:inline-block;padding:12px 32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;font-size:1.1rem;transition:all 200ms}.view-all-link:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.site-content{position:relative;z-index:1}body{letter-spacing:.015em}h1,h2,h3,h4{letter-spacing:-.02em}h2{letter-spacing:.05em}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}a:focus,button:focus{outline:2px solid var(--link-color);outline-offset:4px;border-radius:4px}