*{font:inherit;line-height:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,grid,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,noscript,object,ol,output,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,a:active,a:visited{color:inherit}:root{--font-size:16px;--unit:calc(var(--font-size) * 0.5);--line-height:calc(var(--font-size) * 1.5);--baseline:var(--unit);--body-padding-x:calc(var(--unit) * 8);--body-padding-y:calc(var(--unit) * 8);--row-gap:calc(var(--unit) * 8);--column-gap:calc(var(--unit) * 8);--row-gap-compact:calc(var(--unit) * 6);--column-gap-compact:calc(var(--unit) * 4);--block-spacing-top:0px;--block-spacing-bottom:var(--line-height);--h1-margin-bottom:var(--line-height);--h3-margin-bottom:calc(var(--unit) * 0.5);--body-bleed:calc(var(--unit) * 16);--body-max-width:calc(var(--unit) * 152);--title-font:"Cera Pro", "Open Sans", sans-serif;--sans-font:"Cera Pro";--mono-font:"IBM Plex Mono";--background-color:oklch(100% 0 0);--foreground-color-rgb:0 0 0;--foreground-color:rgb(var(--foreground-color-rgb));--foreground-color-dimmed:rgb(var(--foreground-color-rgb) / 40%);--letterbox-color:#333;--box-link-hover-color:rgb(var(--foreground-color-rgb) / 7%);--accent-color:var(--blue);--accent-color-darkmode:rgb(51 154 240);--menu-active-color:var(--foreground-color);--menu-inactive-color:rgb(0 0 0 / 30%);--red:#f03009;--red-orange:#ff2e00;--hot-orange:#ff5c00;--orange:#ff7105;--brown:#716558;--dark-brown:oklch(35.23% 0.072 83.56);--warm-yellow:oklch(90.1% 0.178 97.52);--yellow:#fff310;--light-yellow:rgb(255 255 179);--green:rgb(18 192 91);--dark-green:oklch(32.1% 0.102 145.35);--ocean-green:#008f5d;--pear-green:oklch(81.43% 0.155 147.26);--blue:rgb(3 102 214);--sunset-pink:#ff7b81;--light-pink:#ffb3ba;--xlight-pink:#ffd1d9}@supports(color:color(display-p3 1 1 1)){:root{--red:color(display-p3 0.94 0.19 0.04);--red-orange:color(display-p3 0.97 0.26 0.11);--hot-orange:color(display-p3 1 0.36 0);--orange:color(display-p3 0.99 0.49 0.16);--brown:color(display-p3 0.44 0.393 0.341);--dark-brown:oklch(35.23% 0.083 83.56);--warm-yellow:oklch(90.1% 0.213 97.52);--yellow:color(display-p3 1 0.96 0.05);--light-yellow:color(display-p3 1 1 0.7);--dark-green:oklch(32.1% 0.135 145.35);--ocean-green:color(display-p3 0 0.55 0.37);--sunset-pink:color(display-p3 1 0.495 0.54);--light-pink:color(display-p3 1 0.69 0.718);--xlight-pink:color(display-p3 1 0.845 0.869)}}:root{font-family:var(--sans-font),sans-serif;font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground-color);background-color:var(--letterbox-color);letter-spacing:-.01em}@media(max-width:640px){:root{background-color:initial}}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{background:var(--background-color);margin:0 auto;box-sizing:border-box;padding:var(--body-padding-y)var(--body-padding-x);min-height:100vh;max-width:var(--body-max-width);box-shadow:0 0 0 var(--body-bleed)var(--background-color)}@media(max-width:1024px){body{--body-padding-y:calc(var(--unit) * 4)}}@media(max-width:640px){body{--body-padding-x:calc(var(--unit) * 3);--body-padding-y:calc(var(--unit) * 2)}}address,article,aside,blockquote,dd,dl,dt,fieldset,figure,form,r-grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,table,tfoot,ul,video,div.highlight,div.highlighter-rouge{margin-top:var(--block-spacing-top);margin-bottom:var(--block-spacing-bottom)}time{color:var(--foreground-color-dimmed)}h1{font-family:var(--title-font);font-weight:500;font-size:2rem;line-height:2.5rem;margin-top:calc(var(--line-height) * 2);margin-bottom:var(--h1-margin-bottom)}h2{font-family:var(--title-font);font-weight:500;font-size:1.5rem;line-height:2rem;letter-spacing:.01em}*+h2{margin-top:3rem}h3,h4,h5,h6{font-size:inherit;font-weight:500;margin-bottom:var(--h3-margin-bottom)}a[href]{text-decoration:none;color:var(--accent-color)}a[href]:hover{text-decoration:underline}h1>a[href],h2>a[href],h3>a[href],h4>a[href],h5>a[href],h6>a[href]{color:inherit;text-decoration:none;display:inline-block}h1>a[href]:hover,h2>a[href]:hover,h3>a[href]:hover,h4>a[href]:hover,h5>a[href]:hover,h6>a[href]:hover{text-decoration:none;background-color:var(--box-link-hover-color);border-radius:calc(var(--unit) * .5);color:inherit;padding-left:calc(var(--unit) * .5);padding-right:calc(var(--unit) * .5);margin-left:calc(var(--unit) * -.5);margin-right:calc(var(--unit) * -.5)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--row-gap)var(--column-gap)}@media(max-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.grid{--row-gap:var(--row-gap-compact);grid-template-columns:repeat(2,1fr);padding-top:calc(var(--unit) * 2)}}header{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-column-gap:var(--column-gap);row-gap:var(--row-gap)}header .title{grid-column:span 4}@media(max-width:1024px){header .title{grid-column:span 2}}header .title h1{height:calc(var(--line-height) * 4);margin-top:calc(var(--unit) * 22)}@media(max-width:640px){header .title h1{margin-top:calc(var(--unit) * 8)}}nav{height:calc(var(--unit) * 43);padding-top:calc(var(--unit) * 8)}@media(max-width:640px){nav{padding-top:0;height:calc(var(--unit) * 30)}}nav .menu{color:var(--menu-inactive-color);display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(var(--unit) * .75);margin-top:calc(var(--unit) * 14)}nav .menu a{font-family:var(--title-font);font-weight:500;font-size:1.5rem;line-height:2rem;letter-spacing:.01em;text-decoration:none;color:inherit;user-select:none;flex:none}nav .menu a:first-child{font-size:2em;padding-bottom:calc(var(--unit) * .25);margin-top:calc(var(--unit) * -.25)}nav .menu a:hover{color:var(--menu-active-color);text-decoration:none}nav .menu[data-active="1"]{margin-top:calc(var(--unit) * 14)}nav .menu[data-active="1"] a:nth-child(1){color:var(--menu-active-color)}nav .menu[data-active="2"]{margin-top:calc(var(--unit) * 10)}nav .menu[data-active="2"] a:nth-child(2){color:var(--menu-active-color)}nav .menu[data-active="3"]{margin-top:calc(var(--unit) * 6)}nav .menu[data-active="3"] a:nth-child(3){color:var(--menu-active-color)}nav .menu[data-active="4"]{margin-top:calc(var(--unit) * 2)}nav .menu[data-active="4"] a:nth-child(4){color:var(--menu-active-color)}@media(max-width:640px){nav .menu[data-active]{margin-top:0}}:first-child{margin-top:unset}:last-child{margin-bottom:unset}main{display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:var(--row-gap)var(--column-gap)}pre,code,tt{font-family:var(--mono-font),SFMono-Regular,Consolas,liberation mono,Menlo,monospace;word-break:break-word;white-space:pre-wrap;tab-size:2}pre b,code b,tt b,.code b,.monospace b{font-weight:600}code,tt{background-color:rgb(var(--foreground-color-rgb)/7%);border-radius:3px;padding:calc(var(--unit) * .25)0;font-size:.85rem}code::before,code::after,tt::before,tt::after{letter-spacing:-.2em;content:" "}pre{white-space:pre;word-wrap:normal;overflow-x:auto;display:block;font-size:.85rem;line-height:1.4}@media(--viewport-xsmall){pre{font-size:.75rem}}pre code,pre tt{background-color:initial;padding:0;border-radius:0;white-space:pre;word-wrap:normal}pre code::before,pre code::after,pre tt::before,pre tt::after{letter-spacing:inherit;content:none}.highlight>pre{--bg:#f5f5f5;--fg:#000;--comment:#8a8a8a;--punctuation:#8c8c8c;--operator:#555;--identifier:inherit;--control-flow:inherit;--constant:inherit;--numeric-constant:var(--constant);padding:1em;background:var(--bg);color:var(--fg);border-radius:calc(var(--unit) * .5)}@media(prefers-color-scheme:dark){.highlight>pre{--bg:#222;--fg:#eee;--comment:#999;--punctuation:#aaa;--operator:#ccc;--constant:lightblue}}.highlight>pre{}.highlight>pre .p{color:var(--punctuation)}.highlight>pre{}.highlight>pre .err{color:#ff0015}.highlight>pre{}.highlight>pre .n,.highlight>pre .na,.highlight>pre .nb,.highlight>pre .nc,.highlight>pre .no,.highlight>pre .nd,.highlight>pre .ni,.highlight>pre .ne,.highlight>pre .nf,.highlight>pre .nl,.highlight>pre .nn,.highlight>pre .nx,.highlight>pre .py,.highlight>pre .nt,.highlight>pre .nv,.highlight>pre .vc,.highlight>pre .vg,.highlight>pre .vi,.highlight>pre .bp{color:var(--identifier)}.highlight>pre{}.highlight>pre .nf{font-weight:500}.highlight>pre{}.highlight>pre .g,.highlight>pre .gd,.highlight>pre .o,.highlight>pre .ow{color:var(--operator)}.highlight>pre .c,.highlight>pre .cm,.highlight>pre .cp,.highlight>pre .c1,.highlight>pre .cs{color:var(--comment);font-style:italic}.highlight>pre{}.highlight>pre .k,.highlight>pre .kc,.highlight>pre .kd,.highlight>pre .kn,.highlight>pre .kp,.highlight>pre .kr,.highlight>pre .kt{color:var(--control-flow);font-weight:500}.highlight>pre{}.highlight>pre .s,.highlight>pre .sb,.highlight>pre .sd,.highlight>pre .sc,.highlight>pre .s2,.highlight>pre .se,.highlight>pre .sh,.highlight>pre .si,.highlight>pre .sx,.highlight>pre .sr,.highlight>pre .ss,.highlight>pre .s1{color:var(--constant)}.highlight>pre{}.highlight>pre .m,.highlight>pre .mi,.highlight>pre .mf{color:var(--numeric-constant)}blockquote{position:relative;--color:rgb(var(--foreground-color-rgb) / 13%);padding-left:1em;border-left:.2rem solid var(--color);font-style:italic;font-weight:449;opacity:.7}blockquote::before{content:"“";font-size:1.5em;height:.6em;font-family:Georgia,serif;font-weight:600;color:var(--color);position:absolute;left:-1em;background:#fff;pointer-events:none;user-select:none}b,strong,.bold{font-weight:500}i,em,.italic{font-style:italic}figcaption,small{font-size:.75em;letter-spacing:0;line-height:1.4}sup{font-size:.75em;vertical-align:baseline;position:relative;top:-.5em}sup:not(:first-of-type){margin-inline-start:.2em}.filetree{--bg:#f5f5f5;--fg:#000;--line-color:#666;--folder-color:#99c1de;--markdown-color:#36677c}@media(prefers-color-scheme:dark){.filetree{--bg:#222;--fg:#eee;--folder-color:#0080ff;--markdown-color:#519aba}}.filetree{position:relative;color:var(--fg);padding:1rem;font-family:var(--mono-font),SFMono-Regular,Consolas,liberation mono,Menlo,monospace;font-size:.85rem;font-weight:400;line-height:1.4}@media(--viewport-xsmall){.filetree{font-size:.75rem}}.filetree span{font-size:13px;font-style:italic;letter-spacing:.4px;color:#a8a8a8}.filetree ul{padding-left:4px;list-style:none}.filetree ul li{position:relative;padding-top:6px;padding-bottom:6px;padding-left:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.filetree ul li svg{font-size:.9rem;margin-right:.5rem}.filetree ul li::before{position:absolute;top:12px;left:0;width:10px;height:1px;margin:auto;content:"";background-color:var(--line-color)}.filetree ul li::after{position:absolute;top:0;bottom:0;left:0;width:1px;height:100%;content:"";background-color:var(--line-color)}.filetree ul li:last-child::after{height:12px}.filetree ul a{cursor:pointer}.filetree ul a:hover{text-decoration:none}.footnotes{font-size:.85em;margin-top:calc(var(--unit) * 10)}@media(prefers-color-scheme:dark){:root.home{--background-color:#333;--foreground-color-rgb:255 255 255;--menu-inactive-color:rgb(var(--foreground-color-rgb) / 30%);--box-link-hover-color:black;--letterbox-color:#111;--accent-color:var(--accent-color-darkmode);--menu-inactive-color:rgb(var(--foreground-color-rgb) / 60%)}}:root.home .projects{grid-column:span 2}:root.home .projects h2{margin-bottom:calc(var(--unit) * 4)}:root.home .projects .project{margin-bottom:var(--block-spacing-bottom)}:root.home .posts{grid-column:span 2}:root.home .posts h2{margin-bottom:calc(var(--unit) * 4)}:root.home .posts .post{margin-bottom:var(--block-spacing-bottom)}@media(max-width:640px){:root.home .posts{order:-1}}:root.about{--background-color:var(--pear-green)}@media(prefers-color-scheme:dark){:root.about{--background-color:#333;--foreground-color-rgb:255 255 255;--menu-inactive-color:rgb(var(--foreground-color-rgb) / 30%);--box-link-hover-color:black;--letterbox-color:#111;--accent-color:var(--accent-color-darkmode);--background-color:var(--dark-green)}}:root.about .intro p:first-child{font-family:var(--title-font);font-weight:500;font-size:1.5rem;line-height:2rem;letter-spacing:.01em}:root.about .intro{grid-column:span 3}:root.about .bio{grid-column:5/-1}@media(max-width:1024px){:root.about .bio{grid-column:3/-1}}@media(max-width:640px){:root.about .bio{grid-column:1/-1;padding-bottom:calc(var(--unit) * 4);border-bottom:.15rem solid var(--foreground-color)}}:root.about .bio img{margin-top:calc(var(--unit) * .5);border-radius:calc(var(--unit) * 2.5);width:100%}:root.about .bio .links{font-family:var(--title-font);font-weight:500;font-size:1.5rem;line-height:2rem;letter-spacing:.01em;color:rgb(var(--foreground-color-rgb)/60%);margin-top:calc(var(--unit) * 6)}:root.about .bio .links a{display:block;color:inherit}@media(prefers-color-scheme:dark){:root.post{--background-color:#333;--foreground-color-rgb:255 255 255;--menu-inactive-color:rgb(var(--foreground-color-rgb) / 30%);--box-link-hover-color:black;--letterbox-color:#111;--accent-color:var(--accent-color-darkmode)}}:root.post .grid{margin-top:calc(var(--unit) * 6)}:root.post .grid .time{font-weight:500;grid-column:span 5}@media(max-width:1024px){:root.post .grid .time{grid-column:span 2}}@media(max-width:640px){:root.post .grid .time{grid-column:span 1}}:root.post .grid .home-link>a{font-weight:500;color:var(--foreground-color-dimmed)}:root.post .grid .home-link>a:hover{opacity:1;color:inherit;text-decoration:none}:root.post .grid .home-link{grid-column:span 1}@media(max-width:1024px){:root.post .grid .home-link{grid-column:span 2}}@media(max-width:640px){:root.post .grid .home-link{grid-column:span 1}}:root.post .grid .title{margin-top:calc(var(--unit) * 5);grid-column:2/span 4}@media(max-width:1024px){:root.post .grid .title{grid-column:1/-1}}:root.post .grid .content{grid-column:2/span 4}@media(max-width:1024px){:root.post .grid .content{grid-column:1/-1}}:root.post .grid aside{position:sticky;top:calc(var(--unit) * 6);margin-top:calc(var(--unit) * .6);margin-bottom:0;grid-column:1/span 1;height:0;opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.86,0,.07,1),visibility .5s}@media(max-width:1024px){:root.post .grid aside{grid-column:1/-1;height:auto;margin-top:0;position:relative;top:0;grid-row:1}}@media(max-width:640px){:root.post .grid aside{grid-column:1/-1}}:root.post .grid aside nav{height:auto;padding-top:0;margin-top:0;color:var(--menu-inactive-color);display:flex;flex-direction:column;align-items:flex-start}@media(max-width:1024px){:root.post .grid aside nav{flex-direction:row;gap:calc(var(--unit) * 2)}}:root.post .grid aside nav a{color:inherit}:root.post .grid aside nav a:nth-child(3){color:var(--menu-active-color)}:root.post .figure-gallery{display:flex;gap:calc(var(--unit) * 2)}@media(prefers-color-scheme:dark){:root.posts{--background-color:#333;--foreground-color-rgb:255 255 255;--menu-inactive-color:rgb(var(--foreground-color-rgb) / 30%);--box-link-hover-color:black;--letterbox-color:#111;--accent-color:var(--accent-color-darkmode)}}:root.posts .post{grid-column:span 2}:root.posts .year{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-row-gap:calc(var(--unit) * 3)}:root.posts .year .header{grid-column:1/-1;margin-bottom:calc(var(--unit) * 2)}:root.posts .year .post{margin-bottom:calc(var(--unit) * 2)}.seperator{content:"";height:16px;width:100%;--background:rgb(0 0 0 / 0%);--line-color:gray}.style-one{background-color:var(--background);background-image:linear-gradient(67.5deg,var(--background) 10%,transparent 10%),linear-gradient(157.5deg,var(--background) 10%,transparent 10%),linear-gradient(67.5deg,transparent 90%,var(--background) 90%),linear-gradient(157.5deg,transparent 90%,var(--background) 90%),linear-gradient(22.5deg,var(--background) 10%,transparent 10%),linear-gradient(112.5deg,var(--background) 10%,transparent 10%),linear-gradient(22.5deg,transparent 90%,var(--background) 90%),linear-gradient(112.5deg,transparent 90%,var(--background) 90%),linear-gradient(22.5deg,transparent 33%,var(--line-color) 33%,var(--line-color) 36%,transparent 36%,transparent 64%,var(--line-color) 64%,var(--line-color) 67%,transparent 67%),linear-gradient(-22.5deg,transparent 33%,var(--line-color) 33%,var(--line-color) 36%,transparent 36%,transparent 64%,var(--line-color) 64%,var(--line-color) 67%,transparent 67%),linear-gradient(112.5deg,transparent 33%,var(--line-color) 33%,var(--line-color) 36%,transparent 36%,transparent 64%,var(--line-color) 64%,var(--line-color) 67%,transparent 67%),linear-gradient(-112.5deg,transparent 33%,var(--line-color) 33%,var(--line-color) 36%,transparent 36%,transparent 64%,var(--line-color) 64%,var(--line-color) 67%,transparent 67%);background-size:25px 25px;background-position:-10px 15px,-15px 15px,-15px 10px,-10px 10px,-15px 10px,-10px 10px,-10px 15px,-15px 15px,0 0,0 0,0 0,0 0}:root.work{--background-color:var(--warm-yellow)}@media(prefers-color-scheme:dark){:root.work{--background-color:#333;--foreground-color-rgb:255 255 255;--menu-inactive-color:rgb(var(--foreground-color-rgb) / 30%);--box-link-hover-color:black;--letterbox-color:#111;--accent-color:var(--accent-color-darkmode);--background-color:var(--dark-brown)}}:root.work main>section{grid-column:1/-1;column-count:2;column-gap:var(--column-gap)}@media(max-width:640px){:root.work main>section{column-count:1}}:root.work main>aside{grid-column:1/span 3;padding-top:calc(var(--unit) * 5)}@media(max-width:1024px){:root.work main>aside{grid-column:1/-1}}