:root{--color-page-bg:#000318;--color-text-on-dark:#fff;--color-accent-heading:#b17e2c;--color-content-bg:#fff;--color-content-text:#000;--color-h2-bar:#774000;--color-h3-bar:#ead583}@media screen{@-ms-viewport{width:device-width}html{width:100%;height:100%;font-family:sans-serif;overflow:hidden}body{width:100%;height:100%;margin:0;position:absolute;top:0;left:0;overflow:hidden}.site-header{clip:auto;width:calc(100% - 10vh);max-width:500px;margin:5vh;position:absolute;overflow:hidden}@media (-webkit-device-pixel-ratio>=2) and (width>=48rem),(-moz-device-pixel-ratio>=2) and (width>=48rem),(-o-device-pixel-ratio:2) and (width>=48rem),(min-device-pixel-ratio:2) and (width>=48rem){.site-header,#menu{max-width:200px}}.site-header>h1{margin:0;font-size:9%;display:inline-block;overflow:hidden}.site-header>h2{margin:0;font-size:30px;display:inline-block;overflow:hidden}menu#menu{transition:opacity 1s}.hidden-while-loading{opacity:0}#udgy{object-fit:cover;object-position:top center;box-sizing:border-box;opacity:0;pointer-events:none;z-index:0;border:0;width:100%;height:100%;margin:0;padding:0;position:fixed;top:0;left:0}#speed{opacity:0;pointer-events:none;z-index:0;border:0;width:1px;height:1px;margin:0;padding:0;position:fixed;top:0;left:-10000px;overflow:hidden}#particles{z-index:0;pointer-events:none;box-sizing:border-box;width:100%;height:100%;position:fixed;top:0;left:0}.print{display:none!important}#cv{box-sizing:border-box;position:fixed;inset:253px 5vh 5vh}.content{box-sizing:border-box;border-radius:6px;width:100%;height:0;margin:0;transition:opacity .5s,height .5s;display:block;position:absolute;overflow-y:auto}.content:target{height:100%}section.content#not-found,.content#not-found,section.content#privacy,.content#privacy,article.content#note,.content#note{opacity:1;height:100%}.content h2{z-index:2;margin:0;padding:1vh 2vh;position:sticky;top:0}.content h3{clear:both;margin:0 0 1vh;padding:0 3vh}.content h4{float:left;width:28%;margin:0;padding:1vh 0 0}#blog.content h4{float:none;clear:both;box-sizing:border-box;background:0 0;border-left:3px solid #c6933f;border-radius:0;width:70%;max-width:none;margin:1.4vh auto .4vh;padding:.15em 0 .2em .85em;font-size:1.02rem;font-style:normal;font-weight:600;line-height:1.25}html.typo1 #blog.content h4,html.typo2 #blog.content h4{text-align:left;width:70%;margin:1.4vh auto .4vh;padding:.18em 0 .22em .85em;font-size:12pt;font-style:normal;font-weight:600;line-height:1.25}.content p{width:70%;margin:2vh auto 4vh;padding:0}.content p.archive-hint{opacity:.88;width:70%;margin:.5vh auto 2.5vh;font-size:.86em}.content address{margin-left:30%;padding:1vh 0;display:block}.content img{vertical-align:top;float:left;display:block}#menu{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;align-items:flex-start;width:calc(100% - 10vh);max-width:500px;margin:0;padding:0;display:flex;position:absolute;left:5vh}#menu a{vertical-align:top;box-sizing:border-box;text-align:center;flex:1 1 0;width:auto;min-width:0;max-width:none;margin:0;display:block;position:relative}#menu a:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #b17e2c}#menu img,#menu svg{width:80%;max-width:48px;height:80%;max-height:48px;padding-bottom:21%;transition:height .5s,width .5s,max-height .5s,max-width .5s,padding-bottom .5s}#menu a:hover img,#menu a:hover svg,#menu a:focus-visible img,#menu a:focus-visible svg,:is(body:has(#aboutme:target) #menu a[href$=\#aboutme] img,body:has(#aboutme:target) #menu a[href$=\#aboutme] svg,body:has(#showcase:target) #menu a[href$=\#showcase] img,body:has(#showcase:target) #menu a[href$=\#showcase] svg,body:has(#experience:target) #menu a[href$=\#experience] img,body:has(#experience:target) #menu a[href$=\#experience] svg,body:has(#skills:target) #menu a[href$=\#skills] img,body:has(#skills:target) #menu a[href$=\#skills] svg,body:has(#lab:target) #menu a[href$=\#lab] img,body:has(#lab:target) #menu a[href$=\#lab] svg,body:has(#blog:target) #menu a[href$=\#blog] img,body:has(#blog:target) #menu a[href$=\#blog] svg,body:has(#education:target) #menu a[href$=\#education] img,body:has(#education:target) #menu a[href$=\#education] svg){width:100%;max-width:64px;height:100%;max-height:64px;padding-bottom:0%}#menu h3{margin:0;padding:0 0 2.2vh;transition:color .5s,font-size .5s,opacity .5s,padding-bottom .5s}@media (width<=48rem){.site-header{width:72vw;max-width:none;margin:2vh 2vw}#menu{box-sizing:border-box;justify-content:space-between;width:100%;max-width:none;padding:0 1vw;left:0;right:0}#menu h3{left:var(--label-alignment);width:max-content;transform:translateX(calc(0% - var(--label-alignment)));position:relative;margin-inline:0!important}#menu img,#menu svg{max-width:56px;max-height:56px;padding-bottom:14%}#cv{bottom:2vh;left:2vh;right:2vh}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:3px}::-webkit-scrollbar-thumb{border-radius:3px}@media only screen{html.typo1 html{font-family:Ubuntu,sans-serif}}html.typo1 .site-header{text-align:center;text-shadow:2px 2px 8px #000}html.typo1 .site-header>h1{font-size:42.9px;font-weight:500}html.typo1 .site-header>h2{font-size:21.7px;font-style:italic;font-weight:300}html.typo1 .content h4{text-align:right}html.typo1 .content p{font-weight:400}html.typo1 #menu a{text-align:center;vertical-align:top;text-decoration:none}html.typo1 #menu h3{margin:auto;font-size:12px}html.typo1 #menu a:hover h3,html.typo1 #menu a:focus-visible h3,:is(html.typo1 body:has(#aboutme:target) #menu a[href$=\#aboutme] h3,html.typo1 body:has(#showcase:target) #menu a[href$=\#showcase] h3,html.typo1 body:has(#experience:target) #menu a[href$=\#experience] h3,html.typo1 body:has(#skills:target) #menu a[href$=\#skills] h3,html.typo1 body:has(#lab:target) #menu a[href$=\#lab] h3,html.typo1 body:has(#blog:target) #menu a[href$=\#blog] h3,html.typo1 body:has(#education:target) #menu a[href$=\#education] h3){font-size:16px}@media only screen{html.typo2{font-family:Ubuntu,sans-serif}}html.typo2 .site-header{text-align:center;text-shadow:2px 2px 8px #000}html.typo2 .site-header>h1{word-break:keep-all;line-break:strict;font-size:42.9px;font-weight:400}html.typo2 .site-header>h2{word-break:keep-all;line-break:strict;font-size:21.7px;font-style:italic;font-weight:200}html.typo2 .content h2{font-weight:400}html.typo2 .content h3{font-weight:300}html.typo2 .content h4{text-align:right;font-size:8pt;font-weight:400}html.typo2 .content address{font-size:12pt}html.typo2 .content p{font-size:12pt;font-style:italic;font-weight:200}html.typo2 .content address{font-size:2vh;font-style:italic;font-weight:200}html.typo2 #menu a{text-align:center;vertical-align:top;text-decoration:none}html.typo2 #menu h3{word-break:keep-all;font-size:0}html.typo2 #menu a:hover h3,html.typo2 #menu a:focus-visible h3,:is(html.typo2 body:has(#aboutme:target) #menu a[href$=\#aboutme] h3,html.typo2 body:has(#showcase:target) #menu a[href$=\#showcase] h3,html.typo2 body:has(#experience:target) #menu a[href$=\#experience] h3,html.typo2 body:has(#skills:target) #menu a[href$=\#skills] h3,html.typo2 body:has(#lab:target) #menu a[href$=\#lab] h3,html.typo2 body:has(#blog:target) #menu a[href$=\#blog] h3,html.typo2 body:has(#education:target) #menu a[href$=\#education] h3){word-break:keep-all;text-align:center;margin:auto;padding-bottom:0;font-size:2vh}html.headers .content h2{margin-bottom:4vh}html.headers .content h3{border-radius:6px;width:80%;margin:6vh auto 1vh;padding:0 3vh}@media only screen{html.headers .content{padding-bottom:4vh}html:not(.headers) .content{padding-bottom:2vh}}html.drk1{color:#fff;background:#000318}html.drk1 .site-header>h2{color:#b17e2c}html.drk1 .content{color:#000;opacity:0;background:#ffffffbf;border:10px solid #500000}html.drk1 .content:target{opacity:1}html.drk1 .content h2{color:#fff;background:#171c44}html.drk1 .content h3{color:#000;background:#c6933f}html.drk1 #menu a:visited{color:#fff}html.drk1 #menu h3{color:#fff;opacity:0}html.drk1 #menu a:hover h3,html.drk1 #menu a:focus-visible h3,:is(html.drk1 body:has(#aboutme:target) #menu a[href$=\#aboutme] h3,html.drk1 body:has(#showcase:target) #menu a[href$=\#showcase] h3,html.drk1 body:has(#experience:target) #menu a[href$=\#experience] h3,html.drk1 body:has(#skills:target) #menu a[href$=\#skills] h3,html.drk1 body:has(#lab:target) #menu a[href$=\#lab] h3,html.drk1 body:has(#blog:target) #menu a[href$=\#blog] h3,html.drk1 body:has(#education:target) #menu a[href$=\#education] h3){color:#b17e2c;opacity:1}html.drk1 #menu path{fill:#fff}html.drk1 ::-webkit-scrollbar{background:0 0}html.drk1 ::-webkit-scrollbar-track{background:#0000001a}html.drk1 ::-webkit-scrollbar-thumb{background:#00000080;border-radius:3px}html.drk1 ::-webkit-scrollbar-thumb:hover{background:#000000bf}html.drk2{color:#fff;background:#000318}html.drk2 .site-header>h2{color:#b17e2c}html.drk2 .content{color:#c7b9a2;opacity:0;background:#282828bf;border-color:#500000}html.drk2 .content:target{opacity:1}html.drk2 .content h2{color:#9e6517;background:#000318}html.drk2 .content h3{color:#000;background:#c6933f}html.drk2 #menu a:visited,html.drk2 .content a{color:#fff}html.drk2 #menu h3{color:#fff;opacity:0}html.drk2 #menu a:hover h3,html.drk2 #menu a:focus-visible h3,:is(html.drk2 body:has(#aboutme:target) #menu a[href$=\#aboutme] h3,html.drk2 body:has(#showcase:target) #menu a[href$=\#showcase] h3,html.drk2 body:has(#experience:target) #menu a[href$=\#experience] h3,html.drk2 body:has(#skills:target) #menu a[href$=\#skills] h3,html.drk2 body:has(#lab:target) #menu a[href$=\#lab] h3,html.drk2 body:has(#blog:target) #menu a[href$=\#blog] h3,html.drk2 body:has(#education:target) #menu a[href$=\#education] h3){color:#b17e2c;opacity:1}html.drk2 #menu path{fill:#fff}html.drk2 ::-webkit-scrollbar{background:0 0}html.drk2 ::-webkit-scrollbar-track{background:0 0}html.drk2 ::-webkit-scrollbar-thumb{background:#775000ab;border-radius:3px}html.drk2 ::-webkit-scrollbar-thumb:hover{background:#775000e6}html.drk3{color:#fff;background:#000318}html.drk3 .site-header>h2{color:#b17e2c}html.drk3 .content{color:#000;opacity:0;background:#fff}html.drk3 .content:target{opacity:1}html.drk3 .content h2{color:#fff;text-shadow:2px 2px 4px #000;background:#774000}html.drk3 .content h3{color:#000318;background:#ead583}html.drk3 #blog.content h4{border-left-color:#ead583}html.drk3 #menu a:visited{color:#fff}html.drk3 .content a{color:#000}html.drk3 #menu h3{color:#fff;opacity:0}html.drk3 #menu a:hover h3,html.drk3 #menu a:focus-visible h3,:is(html.drk3 body:has(#aboutme:target) #menu a[href$=\#aboutme] h3,html.drk3 body:has(#showcase:target) #menu a[href$=\#showcase] h3,html.drk3 body:has(#experience:target) #menu a[href$=\#experience] h3,html.drk3 body:has(#skills:target) #menu a[href$=\#skills] h3,html.drk3 body:has(#lab:target) #menu a[href$=\#lab] h3,html.drk3 body:has(#blog:target) #menu a[href$=\#blog] h3,html.drk3 body:has(#education:target) #menu a[href$=\#education] h3){color:#b17e2c;opacity:1}html.drk3 #menu path{fill:#fff}html.drk3 ::-webkit-scrollbar{background:0 0}html.drk3 ::-webkit-scrollbar-track{background:0 0}html.drk3 ::-webkit-scrollbar-thumb{background:#775000ab;border-radius:3px}html.drk3 ::-webkit-scrollbar-thumb:hover{background:#775000e6}@media (prefers-reduced-motion:reduce){menu#menu,.content,#menu img,#menu svg,#menu h3{transition:none!important}}html[data-motion=reduced] menu#menu,html[data-motion=reduced] .content,html[data-motion=reduced] #menu img,html[data-motion=reduced] #menu svg,html[data-motion=reduced] #menu h3{transition:none!important}:is(#menu:has(a:hover:not([aria-current=page])) a[aria-current=page] h3,#menu:has(a:focus-visible:not([aria-current=page])) a[aria-current=page] h3){opacity:0!important}:is(html.typo2 #menu:has(a:hover:not([aria-current=page])) a[aria-current=page] h3,html.typo2 #menu:has(a:focus-visible:not([aria-current=page])) a[aria-current=page] h3){font-size:0!important}}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../../../fonts/ubuntu-300.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/ubuntu-300-italic.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/ubuntu-400.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/ubuntu-500.woff2)format("woff2")}header.svelte-1elxaub{pointer-events:none}.utility-menu.svelte-18q86r7{--utility-navy:#000318;--utility-navy-soft:#000318e0;--utility-gold:#ead583;--utility-gold-muted:#c6933f;--utility-gold-wash:#c6933f2e;--utility-cream:#f4efe2;--utility-border:#ead5838c;z-index:50;max-width:calc(100vw - 2rem);font:inherit;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:fixed}.utility-menu__trigger.svelte-18q86r7{box-sizing:border-box;width:44px;height:44px;color:var(--utility-gold);background:var(--utility-navy);border:1px solid var(--utility-border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:border-color .2s,color .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 2px 14px #0000008c}.utility-menu__trigger.svelte-18q86r7:hover{color:#f5e9b8;border-color:var(--utility-gold);filter:brightness(1.08);box-shadow:0 4px 18px #0009}.utility-menu__trigger.svelte-18q86r7:focus-visible{outline:2px solid var(--utility-gold);outline-offset:2px}.utility-menu__burger.svelte-18q86r7{width:18px;height:14px;display:block;position:relative}.utility-menu__bar.svelte-18q86r7{background:currentColor;border-radius:999px;width:100%;height:1.75px;transition:transform .2s,opacity .2s,top .2s;display:block;position:absolute;left:0}.utility-menu__bar.svelte-18q86r7:first-child{top:0}.utility-menu__bar.svelte-18q86r7:nth-child(2){top:6px}.utility-menu__bar.svelte-18q86r7:nth-child(3){top:12px}.utility-menu--open.svelte-18q86r7 .utility-menu__bar:where(.svelte-18q86r7):first-child{top:6px;transform:rotate(45deg)}.utility-menu--open.svelte-18q86r7 .utility-menu__bar:where(.svelte-18q86r7):nth-child(2){opacity:0}.utility-menu--open.svelte-18q86r7 .utility-menu__bar:where(.svelte-18q86r7):nth-child(3){top:6px;transform:rotate(-45deg)}.utility-menu__panel.svelte-18q86r7{box-sizing:border-box;min-width:min(16.5rem,100vw - 2rem);max-width:calc(100vw - 2rem);color:var(--utility-cream);background:var(--utility-navy-soft);border:1px solid var(--utility-border);-webkit-backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;padding:.35rem;display:flex;overflow:hidden;box-shadow:0 8px 28px #0000008c}.utility-menu__panel[hidden].svelte-18q86r7{display:none!important}.utility-menu__item.svelte-18q86r7{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.75rem;margin:0;padding:.55rem .75rem;font-size:.95rem;line-height:1.2;text-decoration:none;transition:background .2s;display:flex}.utility-menu__item.svelte-18q86r7+.utility-menu__item:where(.svelte-18q86r7){border-top:1px solid #ead5832e;margin-top:.15rem;padding-top:.7rem}.utility-menu__item.svelte-18q86r7:hover,.utility-menu__item.svelte-18q86r7:focus-visible{background:var(--utility-gold-wash)}.utility-menu__item.svelte-18q86r7:focus-visible{outline:2px solid var(--utility-gold);outline-offset:-2px}.utility-menu__item--active.svelte-18q86r7{background:#c6933f47}.utility-menu__item--active.svelte-18q86r7 .utility-menu__item-primary:where(.svelte-18q86r7){color:var(--utility-gold)}.utility-menu__icon.svelte-18q86r7{width:1.15em;height:1.15em;color:var(--utility-gold-muted);flex:none}.utility-menu__item-text.svelte-18q86r7{flex-direction:column;gap:.15rem;min-width:0;display:flex}.utility-menu__item-primary.svelte-18q86r7{color:var(--utility-cream);white-space:nowrap}.utility-menu__item-secondary.svelte-18q86r7{color:var(--utility-gold-muted);white-space:nowrap;font-size:.78rem}@media print{.utility-menu.svelte-18q86r7{display:none!important}}@media (width>=48.001rem){.utility-menu.svelte-18q86r7{top:5vh;right:5vh}}@media (width<=48rem){.utility-menu.svelte-18q86r7{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));flex-direction:column-reverse}}@media (prefers-reduced-motion:reduce){.utility-menu__trigger.svelte-18q86r7,.utility-menu__bar.svelte-18q86r7,.utility-menu__item.svelte-18q86r7{transition:none}}html[data-motion=reduced] .utility-menu__trigger.svelte-18q86r7,html[data-motion=reduced] .utility-menu__bar.svelte-18q86r7,html[data-motion=reduced] .utility-menu__item.svelte-18q86r7{transition:none}