*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--black:#000;--white:#fff;--grey:#eee;--grey-dark:#aaa;--grey-darker:#555;--grey-pitchblack:#222;--focus:#666;--yellow:#f2d336;--yellow-dark:#dfc130;--yellow-darker:#98841f;--teal:#70eba7;--teal-dark:#5fc88f;--teal-darker:#479e6d;--pink:#ffadc9;--pink-dark:#ff85ad;--pink-darker:#d6245f;--red:#f37149;--red-dark:#dd5d36;--red-darker:#c93d13;--blue:#9094fe;--blue-dark:#767aef;--blue-darker:#595fd9;--margin-l:calc(((20/16)*1rem) + (64 - 20)*var(--fluid-bp));--margin-s:calc(((25/16)*1rem) + (30 - 25)*var(--fluid-bp))}@media screen and (min-width:1440px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--text:var(--black);--background:var(--white);--accent:var(--grey);--background-dark:var(--grey-pitchblack);--border:var(--grey-dark)}[theme=light]{--text:var(--black);--background:var(--white);--accent:var(--grey);--background-dark:var(--grey);--border:var(--grey-dark);background-color:var(--background);color:var(--text)}[theme=dark]{--text:var(--white);--background:var(--black);--accent:var(--grey);--background-dark:var(--grey-pitchblack);--border:var(--grey-darker);background-color:var(--background);color:var(--text)}[theme=color].portfolio,[theme=color] .portfolio{--text:var(--black);--background:var(--red);--accent:var(--white);--background-dark:var(--red-dark);--border:var(--red-darker);background-color:var(--background);color:var(--text)}[theme=color].projects,[theme=color] .projects{--text:var(--black);--background:var(--teal);--accent:var(--white);--background-dark:var(--teal-dark);--border:var(--teal-darker);background-color:var(--background);color:var(--text)}[theme=color].journal,[theme=color] .journal{--text:var(--black);--background:var(--yellow);--accent:var(--white);--background-dark:var(--yellow-dark);--border:var(--yellow-darker);background-color:var(--background);color:var(--text)}[theme=color].knowledge,[theme=color] .knowledge{--text:var(--black);--background:var(--blue);--accent:var(--white);--background-dark:var(--blue-dark);--border:var(--blue-darker);background-color:var(--background);color:var(--text)}[theme=color].about,[theme=color] .about{--text:var(--black);--background:var(--pink);--accent:var(--white);--background-dark:var(--pink-dark);--border:var(--pink-darker);background-color:var(--background);color:var(--text)}[theme=color].home,[theme=color] .home,[theme=color].stubs,[theme=color] .stubs,[theme=color] .sitemap,[theme=color].sitemap{--text:var(--black);--background:var(--grey);--accent:var(--white);--background-dark:var(--grey-dark);--border:var(--grey-darker);background-color:var(--background);color:var(--text)}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/fonts/Inter-roman.var-subset.woff2)format("woff2")}@font-face{font-family:Editorial New Regular;src:url(/fonts/EditorialNew-Regular-subset.woff2)format("woff2");font-style:Regular;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular-subset.woff2)format("woff2");font-style:Light;font-display:swap}:root{font-family:Inter,sans-serif}@supports (font-variation-settings:normal){:root{font-family:Inter var,sans-serif}}:root{--radius-sm:5px;--radius-md:10px}.logo{text-transform:uppercase;margin:0;padding:0;font-size:20px;font-weight:700;text-decoration:none}@media (prefers-reduced-motion:no-preference){.glitch-text{position:relative;overflow:hidden}.glitch-text:before{content:attr(data-text);background:var(--background);animation:5s linear infinite glitch-2;position:absolute;top:0;left:0;overflow:hidden}.glitch-text:after{content:attr(data-text);background:var(--background);animation:5s linear infinite glitch;position:absolute;top:0;left:0;overflow:hidden}.glitch-text:hover:after,.glitch-text:hover:before{color:var(--background);background:var(--text)}}@keyframes glitch{0%,89%{-webkit-clip-path:inset(0);clip-path:inset(0);top:0}90%{-webkit-clip-path:inset(2% 0 10%);clip-path:inset(2% 0 10%);top:-2px}91%{-webkit-clip-path:inset(21% 0 15%);clip-path:inset(21% 0 15%);top:-2px}92%{-webkit-clip-path:inset(44% 0 54%);clip-path:inset(44% 0 54%);top:-2px}93%{-webkit-clip-path:inset(70% 0 14%);clip-path:inset(70% 0 14%);top:-2px}94%,to{-webkit-clip-path:inset(0);clip-path:inset(0);top:0}}@keyframes glitch-2{0%,90%{-webkit-clip-path:inset(0);clip-path:inset(0);left:0}91%{-webkit-clip-path:inset(63% 0 6%);clip-path:inset(63% 0 6%);left:-2px}92%{-webkit-clip-path:inset(23% 0 20%);clip-path:inset(23% 0 20%);left:-2px}93%{-webkit-clip-path:inset(36% 0 48%);clip-path:inset(36% 0 48%);left:-2px}94%,to{-webkit-clip-path:inset(0);clip-path:inset(0);left:0}}[anim=false] *,[anim=false] :before,[anim=false] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:no-preference){@keyframes projects-icon__1{0%{transform:skew(0deg)}89%{transform:skew(0deg)}90%{transform:skew(-4deg)}91%{transform:skew(4deg)}to{transform:skew(0deg)}}.projects-icon__1{transform-origin:40% 30%;animation:8s linear infinite projects-icon__1}@keyframes projects-icon__2{0%{transform:skew(0deg)}89%{transform:skew(0deg)}90%{transform:skew(-4deg)}91%{transform:skew(4deg)}to{transform:skew(0deg)}}.projects-icon__2{transform-origin:40% 30%;animation:7s linear infinite projects-icon__2}@keyframes projects-icon__3{0%{transform:translate(0)}90%{transform:translate(60px,60px)}92%{transform:translate(-10px,-10px)}to{transform:translate(0)}}.projects-icon__3{transform-origin:70% 70%;animation:5s ease-out infinite projects-icon__3}@keyframes projects-icon__4{0%{transform:skew(0deg)}89%{transform:skew(0deg)}90%{transform:skew(-4deg)}91%{transform:skew(4deg)}92%{transform:skew(-4deg)}93%{transform:skew(4deg)}94%{transform:skew(-4deg)}to{transform:skew(0deg)}}.projects-icon__4{transform-origin:70% 70%;animation:5s linear infinite projects-icon__4}.knowledge-icon__1{animation:8s linear infinite knowledge-icon__1;position:relative}@keyframes knowledge-icon__1{0%,20%{transform:translate(0)}21%,22%{transform:translateY(10px)}23%,50%{transform:translateY(10px)}51%,52%{transform:translate(10px,10px)}53%,75%{transform:translate(10px,10px)}76%,77%{transform:translate(10px)}78%,98%{transform:translate(10px)}99%,to{transform:translate(0)}}.knowledge-icon__2{animation:12s linear infinite knowledge-icon__2;position:relative}@keyframes knowledge-icon__2{0%,20%{transform:translate(0)}21%,22%{transform:translate(-10px)}23%,50%{transform:translate(-10px)}51%,52%{transform:translate(-10px,-10px)}53%,75%{transform:translate(-10px,-10px)}76%,77%{transform:translateY(-10px)}78%,98%{transform:translateY(-10px)}99%,to{transform:translate(0)}}.knowledge-icon__3{transform-origin:50%;animation:12s infinite backwards knowledge-icon__3;position:relative}@keyframes knowledge-icon__3{0%,49%{transform:rotate(0)}50%,51%{transform:rotate(4deg)}52%,78%{transform:rotate(4deg)}79%,80%{transform:rotate(0)}81%,to{transform:rotate(0)}}.knowledge-icon__4{transform-origin:50%;animation:12s infinite knowledge-icon__4;position:relative}@keyframes knowledge-icon__4{0%,49%{transform:rotate(0)}51%{transform:rotate(12deg)}78%{transform:rotate(4deg)}to{transform:rotate(0)}}.portfolio-icon__1{transform-origin:40%;animation:6s linear infinite portfolio-icon__1}@keyframes portfolio-icon__1{0%{transform:rotate(0)}35%{transform:rotate(0)}40%{transform:rotate(20deg)}60%{transform:rotate(20deg)}65%{transform:rotate(0)}to{transform:rotate(0)}}.portfolio-icon__2{transform-origin:50%;animation:6s linear infinite portfolio-icon__2}@keyframes portfolio-icon__2{0%{transform:scale(1)}40%{transform:scale(1)}45%{transform:scale(1.02)}50%{transform:scale(1)}55%{transform:scale(1.02)}60%{transform:scale(1)}to{transform:scale(1)}}.journal-icon__1{transform-origin:100%;animation:8s linear infinite journal-icon__1}@keyframes journal-icon__1{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(20px,50px)rotate(12deg)}40%{transform:translate(20px,50px)rotate(12deg)}41%{transform:translate(30px,120px)rotate(26deg)}50%{transform:translate(30px,120px)rotate(26deg)}51%{transform:translate(15px,215px)rotate(46deg)}98%{transform:translate(15px,215px)rotate(46deg)}99%{transform:translate(30px,25px)rotate(12deg)}to{transform:translate(0)}}.journal-icon__2{animation:8s linear infinite journal-icon__2}@keyframes journal-icon__2{0%{transform:translate(0)}97%{transform:translate(0)}98%{transform-origin:100%;transform:skew(4deg,4deg)}99%{transform-origin:100%;transform:skew(-4deg,-4deg)}to{transform:translate(0)}}.about-icon__1{animation:8s linear infinite about-icon__1}@keyframes about-icon__1{0%{transform:translateY(5px)}12.5%{transform:translate(-15px)}25%{transform:translateY(5px)}37.5%{transform:translate(15px)}45%{transform:translateY(-18px)}65%{transform:translateY(-18px)}75%{transform:translateY(5px)}87.5%{transform:translate(15px)}to{transform:translateY(5px)}}.about-icon__2{animation:4s linear infinite about-icon__2}@keyframes about-icon__2{0%{transform:translate(0)}25%{transform:translate(-40px)}50%{transform:translate(0)}75%{transform:translate(40px)}to{transform:translate(0)}}}:root{--fluid-min-width:320;--fluid-max-width:1440;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)));--base-font-size:calc(((16/16)*1rem) + (18 - 16)*var(--fluid-bp));--base-line-height:calc(((24/16)*1rem) + (30 - 24)*var(--fluid-bp))}*{scrollbar-color:var(--background)var(--text);max-width:60ch}html,body,div,header,nav,main,article,footer,input,svg,label{max-width:none}img{max-width:100%}body{font-size:var(--base-font-size);line-height:var(--base-line-height)}main{margin:var(--margin-l)}main>*+*{margin-top:var(--margin-s)}fieldset{border:none;padding:0}footer{margin:var(--margin-l)}:root{--title-scale-6:clamp(.9rem,.79rem + .58vw,1.31rem);--title-scale-5:clamp(1.09rem,.93rem + .79vw,1.64rem);--title-scale-4:clamp(1.3rem,1.19rem + .55vw,1.69rem);--title-scale-3:clamp(1.56rem,1.37rem + .98vw,2.25rem);--title-scale-2:clamp(1.88rem,1.55rem + 1.61vw,3rem);--title-scale-1:clamp(2.25rem,1.75rem + 2.5vw,4rem);--title-line-height-6:clamp(1.16rem,1.05rem + .51vw,1.52rem);--title-line-height-5:clamp(1.39rem,1.24rem + .73vw,1.89rem);--title-line-height-4:clamp(1.66rem,1.46rem + 1.01vw,2.37rem);--title-line-height-3:clamp(2rem,1.72rem + 1.38vw,2.96rem);--title-line-height-2:clamp(2.4rem,2.02rem + 1.86vw,3.7rem);--title-line-height-1:clamp(2.88rem,2.38rem + 2.5vw,4.63rem);--title-margin-6:calc(((4.375/16)*1rem) + (6.25 - 4.375)*var(--fluid-bp));--title-margin-5:calc(((8.75/16)*1rem) + (12.5 - 8.75)*var(--fluid-bp));--title-margin-4:calc(((17.5/16)*1rem) + (25 - 17.5)*var(--fluid-bp));--title-margin-3:calc(((25/16)*1rem) + (50 - 25)*var(--fluid-bp));--title-margin-2:calc(((52.5/16)*1rem) + (75 - 52.5)*var(--fluid-bp));--title-margin-1:calc(((70/16)*1rem) + (100 - 70)*var(--fluid-bp))}h6{font-size:.9rem;font-size:var(--title-scale-6);line-height:1.16rem;line-height:var(--title-line-height-6);max-width:30ch;margin:4.37px 0!important;margin:var(--title-margin-6)0!important}h5{font-size:1.09rem;font-size:var(--title-scale-5);line-height:1.39rem;line-height:var(--title-line-height-5);max-width:30ch;margin:8.75px 0!important;margin:var(--title-margin-5)0!important}h4{font-size:1.3rem;font-size:var(--title-scale-4);line-height:1.66rem;line-height:var(--title-line-height-4);max-width:30ch;margin:17.5px 0!important;margin:var(--title-margin-4)0!important}h3{font-size:1.56rem;font-size:var(--title-scale-3);line-height:2rem;line-height:var(--title-line-height-3);max-width:30ch;margin:25px 0!important;margin:var(--title-margin-3)0!important}h2{font-size:1.88rem;font-size:var(--title-scale-2);line-height:2.4rem;line-height:var(--title-line-height-2);max-width:30ch;margin:52.5px 0!important;margin:var(--title-margin-2)0!important}h1{font-size:2.25rem;font-size:var(--title-scale-1);line-height:2.88rem;line-height:var(--title-line-height-1);margin:70px 0!important;margin:var(--title-margin-1)0!important}h1,h2,h3,h4,h5,h6{font-family:Editorial New Regular,serif;font-weight:400;display:block}h1:hover a,h2:hover a,h3:hover a,h4:hover a,h5:hover a,h6:hover a{background:0 0;z-index:0!important}a{color:var(--text);margin:-5px -10px;padding:5px 10px;transition:all .25s}[theme=dark] a{color:var(--accent)}article a{margin:0;padding:0}a:hover{color:var(--background);background:#000;background:var(--text);transition:all .25s}a[target=_blank]:hover{color:var(--background);background:#000;background:var(--text);transition:all .25s}a[target=_blank]:hover:after{color:var(--background);background:#000;background:var(--text);transition:all .25s}a:active{color:var(--background);background:var(--accent);transition:all .25s}a[target=_blank]{position:relative}a[href^=http]:where(:not([href*="thomasorus.com/"])):after{content:"↗";font-size:.8em}code{color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.9em}:root{--spacing-pre-y:calc(((27/16)*1rem) + (35 - 27)*var(--fluid-bp));--spacing-pre-x:calc(((15/16)*1rem) + (42 - 15)*var(--fluid-bp))}pre{background-color:#d3d3d3;background-color:var(--background-dark);color:var(--text);border-radius:var(--radius-sm);scrollbar-color:var(--accent)var(--background-dark);padding:27px 15px 54px;padding:var(--spacing-pre-y)var(--spacing-pre-x);margin:0;line-height:1;overflow-x:auto}[theme=light] pre{scrollbar-color:var(--background)var(--accent)}pre code{font-size:.85em}ul{padding-left:2em}ul:not([role=list]) li{padding-left:.75em}ul li::marker{font-size:var(--base-font-size)}ul li::marker{color:var(--border)}ul[role=list]{margin:0;padding:0}ol{padding-left:2em}ol:not([role=list]) li{padding-left:1em}ol li::marker{font-size:var(--base-font-size);font-weight:500}ol li::marker{color:var(--border)}ol[role=list]{margin:0;padding:0}hr{color:var(--text);border:1px solid var(--text);margin:45px 0!important;margin:var(--title-margin-2)0!important}:root{--blockquote-padding-x:calc(((15/16)*1rem) + (42 - 15)*var(--fluid-bp));--blockquote-padding-y:calc(((23/16)*1rem) + (36 - 23)*var(--fluid-bp))}blockquote{color:var(--text);padding:15px 23px;padding:var(--blockquote-padding-y)var(--blockquote-padding-x)}blockquote+figcaption{color:var(--text);padding:0 15px 23px 23px;padding:0 var(--blockquote-padding-y)var(--blockquote-padding-x)var(--blockquote-padding-x)}[theme=color] blockquote,[theme=color] blockquote+figcaption{background-color:var(--accent);border-left:5px solid #000;border-left:5px solid var(--text)}[theme=light] blockquote,[theme=light] blockquote+figcaption{background-color:var(--grey);border-left:5px solid var(--border)}[theme=dark] blockquote,[theme=dark] blockquote+figcaption{background-color:var(--background-dark);border-left:5px solid var(--border)}figure>picture+figcaption,figure>video+figcaption{background-color:#000;background-color:var(--background-dark);padding:11px;padding:var(--figcaption-spacing);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--background-dark)0 0 0 2px;min-width:100%}picture{display:block}picture img,picture video{box-shadow:var(--background-dark)0 0 0 2px;display:block}picture img,figure img,figure video{border-bottom:none;width:100%;max-width:100%}figure video{box-shadow:var(--background-dark)0 0 0 2px;width:100%;display:block}button{box-shadow:var(--text)0 0 0 2px;background-color:#000;background-color:var(--text);border-radius:var(--radius-sm);color:var(--accent);border:none;min-width:120px;max-width:20ch;min-height:44px;padding:5px 19px;font-weight:700;line-height:1.5;transition:all .25s}button:hover{color:var(--text);box-shadow:var(--text)0 0 0 2px;background-color:var(--background);cursor:pointer}button:active{color:var(--text);box-shadow:var(--text)0 0 0 2px;background-color:var(--accent);cursor:pointer}button svg{fill:var(--text);margin-top:4px}[theme=light] button{color:var(--background);box-shadow:var(--text)0 0 0 2px;border:none}[theme=light] button:hover{color:var(--text);box-shadow:var(--text)0 0 0 2px;background-color:var(--background);cursor:pointer}[theme=light] button:active{color:var(--text);background-color:var(--accent);cursor:pointer}[theme=dark] button{color:var(--background);box-shadow:var(--text)0 0 0 2px;border:none}[theme=dark] button:hover{color:var(--text);box-shadow:var(--text)0 0 0 2px;background-color:var(--background);cursor:pointer}[theme=dark] button:active{color:var(--background);background-color:var(--accent);cursor:pointer}button[data-secondary]{box-shadow:var(--text)0 0 0 2px;background-color:var(--background);color:var(--text)}button[data-small]{min-width:unset;min-height:24px;padding:3px 10px;font-weight:400}button[data-naked]{box-shadow:none;color:unset;font-size:inherit;font-weight:inherit;background:0 0;border:none;outline:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin:0;padding:0;display:inline-flex}button[data-naked]:hover{box-shadow:none;color:unset;font-size:inherit;font-weight:inherit;background:0 0;border:none;outline:none;min-width:24px;min-height:24px;margin:0;padding:0}button:focus-visible{background-color:var(--focus);color:var(--accent);box-shadow:var(--text)0 0 0 2px;fill:var(--background)}:root{--padding-form:calc(((30/16)*1rem) + (50 - 30)*var(--fluid-bp));--margin-input:calc(((30/16)*1rem) + (50 - 30)*var(--fluid-bp));--margin-label:calc(((5/16)*1rem) + (10 - 5)*var(--fluid-bp))}form{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background-dark);padding:30px;padding:var(--padding-form)}form .error,form .hint{color:var(--grey-pitchblack)}form .hint{color:var(--text);font-style:italic}form .error{color:var(--text);font-weight:600}form>*+*{margin-top:30px;margin-top:var(--margin-input)}form label{margin-top:5px;margin-bottom:var(--margin-label)}form .grouped{display:flex}form .grouped>*{margin-right:30px;margin-right:var(--margin-l)}:root{--padding-input-y:calc(((3/16)*1rem) + (5 - 3)*var(--fluid-bp));--padding-input-x:calc(((9/16)*1rem) + (17 - 9)*var(--fluid-bp))}input{color:var(--text);border-radius:var(--radius-sm);padding:3px 9px;padding:var(--padding-input-y)var(--padding-input-x);background:#d3d3d3;border:none;outline:transparent;width:1ch;min-height:42px;display:block}[theme=color] input{background-color:var(--accent)}[theme=dark] input{background-color:var(--grey-darker)}[theme=light] input{background-color:var(--white)}input:focus{box-shadow:var(--border)0 0 0 2px}[theme=light] input:focus,[theme=dark] input:focus{box-shadow:var(--text)0 0 0 2px}input[aria-invalid=true]{background-color:var(--border)}[theme=dark] input[aria-invalid=true]{background-color:var(--grey-dark);color:var(--background)}[theme=light] input[aria-invalid=true]:focus,[theme=dark] input[aria-invalid=true]:focus{box-shadow:var(--text)0 0 0 2px}[theme=color] input[aria-invalid=true]:focus{box-shadow:var(--background)0 0 0 2px}input[data-size="30"]{width:100%;max-width:32.2ch}input[data-size="20"]{width:100%;max-width:22.2ch}input[data-size="10"]{width:100%;max-width:12.2ch}input[data-size="4"]{width:100%;max-width:6.2ch}input[data-size="2"]{width:100%;max-width:4.2ch}label{color:var(--text);font-size:var(--base-font-size);font-weight:700;line-height:var(--base-line-height);display:block}label .required{font-style:italic;font-weight:400}label[data-fake]{font-weight:400}legend{font-size:var(--base-font-size);font-weight:700;line-height:var(--base-line-height);display:block}:root{--padding-select-y:calc(((3/16)*1rem) + (5 - 3)*var(--fluid-bp));--padding-select-x:calc(((9/16)*1rem) + (17 - 9)*var(--fluid-bp))}select{color:var(--text);background-color:var(--grey);border-radius:var(--radius-sm);padding:9px;padding:var(--padding-select-y)var(--padding-select-x);border:none;outline:transparent;width:4ch;height:42px;display:block}option{height:42px}select[data-size="30"]{width:30ch}select[data-size="20"]{width:20ch}select[data-size="10"]{width:10ch}select[data-size="5"]{width:5ch}select[data-size="4"]{width:4ch}[theme=dark] select{background-color:var(--grey-pitchblack)}[theme=color] select:focus{box-shadow:var(--grey-pitchblack)0 0 0 2px}[theme=light] select:focus{box-shadow:var(--grey-dark)0 0 0 2px}[theme=dark] select:focus{box-shadow:var(--grey-darker)0 0 0 2px}table{text-align:left;padding:25px;padding:var(--margin-s);border:2px solid #000;border:2px solid var(--text);width:100%}table caption{text-align:left;font-family:Editorial New Regular,serif;font-weight:400}tbody>*,thead>*{border-collapse:collapse;box-shadow:0 2px 0 var(--text);border:2px solid #000}dl{background-color:var(--background-dark);border-left:5px solid #000;border-left:5px solid var(--border);padding:25px;padding:var(--margin-s)}dt{font-weight:700}dd{padding-left:25px;padding-left:var(--margin-s)}dl>dt+dd{margin-bottom:12.5px;margin-bottom:calc(var(--margin-s)/2)}:root{--figcaption-spacing:calc(((11/16)*1rem) + (16 - 11)*var(--fluid-bp))}audio{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);background-color:var(--background)}audio::-webkit-media-controls-panel{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);background-color:var(--background)}figure>audio+figcaption{background-color:#000;background-color:var(--background-dark);padding:11px;padding:var(--figcaption-spacing);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--background-dark)0 0 0 2px}figure audio{box-shadow:var(--background-dark)0 0 0 2px;width:100%;display:block}header{background:var(--background);padding:var(--margin-l);justify-content:space-between;align-items:flex-start;gap:var(--margin-s);flex-flow:wrap;width:100%;display:flex}article>*+*{margin-top:25px;margin-top:var(--margin-s)}section[role=complementary]{background-color:#fff;background-color:var(--accent);padding:.5em var(--margin-l);z-index:2;width:100%;min-width:100%}section[role=complementary] details{justify-content:space-between;gap:var(--margin-l);cursor:pointer;flex-flow:wrap;justify-items:end;min-width:100%;display:flex}section[role=complementary] summary::-webkit-details-marker{display:none}.time-row{grid-template-columns:1fr auto;gap:.6em;min-width:100%;display:grid}section[role=complementary] details>*+*{margin-top:20px;margin-top:var(--margin-l)}.time-row__title{font-family:Editorial New Regular,serif}details[open] .time-row__second{display:none}dl.time-row-more{text-align:left;background-color:var(--accent);border-left:5px solid var(--text);grid-template-columns:auto 1fr;justify-items:start;gap:.6em;min-width:100%;display:grid}.time-row-more dt,.time-row-more dd{margin:0;padding:0}.time-row-more dt{justify-content:space-between;width:100%;display:flex}.time-row-more dt span{margin-left:var(--margin-s)}@media screen and (max-width:640px){section[role=complementary]{position:static}.time-row{grid-template-columns:1fr;justify-items:start}}[theme=dark] section[role=complementary]{color:var(--background)}article aside{border-left:5px solid var(--border);background-color:var(--background-dark);padding:var(--margin-s)}article aside p:first-child{font-size:1.3rem;font-size:var(--title-scale-6);line-height:1.66rem;line-height:var(--title-line-height-4)}article aside>*+*{margin-top:var(--margin-s)}article details{border-left:5px solid var(--border);background-color:var(--background-dark);padding:var(--margin-s)}article summary{font-size:1.3rem;font-size:var(--title-scale-6);line-height:1.66rem;line-height:var(--title-line-height-4)}article details>*+*{margin-top:var(--margin-s)}.nav--main{top:var(--margin-l)}.nav--main ul{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:5px 20px;margin:0;padding:0;list-style:none;display:flex}.nav--main ul li{padding-left:0}.nav--main a{font-size:18px;text-decoration:none}[theme=dark] .nav--main a{color:var(--accent)}.nav--secondary ul{flex-flow:wrap;gap:5px 15px;margin:0;padding:0;list-style:none;display:flex}.nav--secondary ul li{padding-left:0}.nav--secondary a{text-decoration:none}.breadcrumb{margin:0 var(--margin-l);background-color:var(--background);z-index:1;font-size:var(--base-font-size);padding-left:0;display:inline;top:0}[theme=dark] .breadcrumb{color:var(--accent)}.accessibility-menu{flex-direction:column;gap:5px 15px;display:flex}.accessibility-menu__sub{flex-flow:wrap;gap:5px 15px;display:flex}.flow>*+*{margin-top:var(--margin-s)}:root{--ratio:1.5;--s-5:calc(var(--s-4)/var(--ratio));--s-4:calc(var(--s-3)/var(--ratio));--s-3:calc(var(--s-2)/var(--ratio));--s-2:calc(var(--s-1)/var(--ratio));--s-1:calc(var(--s0)/var(--ratio));--s0:1rem;--s1:calc(var(--s0)*var(--ratio));--s2:calc(var(--s1)*var(--ratio));--s3:calc(var(--s2)*var(--ratio));--s4:calc(var(--s3)*var(--ratio));--s5:calc(var(--s4)*var(--ratio))}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.time-graph-container{box-sizing:border-box;font-size:calc(var(--base-font-size) + 1em)}.time-graph{grid-template-columns:repeat(auto-fit,calc(var(--base-font-size)*1.2));grid-gap:.15em;border-collapse:collapse;font-variant-numeric:oldstyle-nums;justify-content:center;width:100%;display:grid}.time-graph__text{margin:var(--s0)0;align-self:flex-end}.time-graph__hours{background:var(--background);color:var(--text);letter-spacing:-2px;padding:1px 3px 0 1px;font-family:monospace;font-size:.6rem;line-height:1;position:absolute;top:0;left:0}.time-graph ul{list-style:none}.time-graph__week{letter-spacing:-2px;text-align:center;flex-flow:column-reverse;width:100%;margin:10px 0;padding:0;font-family:monospace;font-size:.8rem;display:flex}.time-graph__activity{box-shadow:0 0 0 1px var(--text);width:100%;margin:1.5px;line-height:0;position:relative;padding:0!important}.time-graph__tooltip{display:none}.time-graph__activity:hover>.time-graph__tooltip{background-color:var(--background);border:1px solid var(--text);z-index:1;letter-spacing:normal;min-width:10px;margin-top:15px;margin-left:50%;padding:5px;font-family:sans-serif;font-size:.6rem;line-height:1;display:block;position:absolute;top:20%}.time-graph__legend-list{font-family:1rem;flex-flow:wrap;justify-content:center;max-width:100%;margin:10px auto 20px;padding:0;display:flex}.time-graph__legend{flex-flow:row;align-items:center;margin:5px 10px;list-style-type:none;display:flex}.time-graph__legend-container{flex-flow:row;align-items:center;margin:5px 0;font-family:monospace;font-size:.7rem;display:flex}.time-graph__value{margin-left:2px}.time-graph__definition{letter-spacing:-1px;margin-left:5px;padding-top:2px}.time-graph__pattern{border:1px solid var(--text);width:1.4em;height:1.4em;margin-right:4px;display:inline-block}.code-example{background:var(--background);border:1px solid var(--text);min-height:var(--s5)}.code-example-value{background:var(--background);color:var(--text);padding:1px 5px 0;font-family:monospace;display:inline}.code-example-children{height:var(--s2);width:var(--s2);border:1px solid var(--text)}.code-example-children-grid{border:1px solid var(--text)}.code-example-grid-star{grid-template-areas:"lefttop.righttop"".center.""leftbottom.rightbottom";display:grid}.pattern-demo{border:1px solid var(--text);background:#fff;width:100%;height:100px}.svg-demo>*,.pattern-demo>*{margin-bottom:var(--s0)}.svg-demo svg{border:1px solid var(--text);width:100%;height:100px}.home-grid{grid-gap:var(--margin-s);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.home-grid>*{padding:var(--margin-s);flex-flow:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.home-grid h2{font-size:calc(100%*1rem)}.home-grid svg{width:100%;max-width:300px}.absolute-link{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.absolute-link:hover{background:0 0}.form-demo{all:revert;color:#000;margin-top:var(--margin-s);box-sizing:border-box;background:#fff;border:1px solid;max-width:60ch;padding:5px}.form-demo input{background:#fff}.form-demo *{all:revert;box-sizing:border-box}.form-demo form,.form-demo fieldset{width:100%}.form-demo-block form *{display:block}.form-demo-spacing form>*+*,.form-demo-spacing fieldset>*+*{margin-top:1em!important}.form-demo-reduced label~span,.form-demo-reduced label~input,.form-demo-reduced label~select{margin-top:.25em!important}.form-demo-text label~span{color:#555;font-style:italic}.form-demo-err input+span,.form-demo-err input+span{display:none;color:red!important}.form-demo-err-block [aria-invalid]+span{display:block!important}.form-demo-size [data-size]{width:100%}.form-demo-size [data-size="30"]{max-width:30ch}.form-demo-size [data-size="10"]{max-width:10ch}.form-demo-checkbox form [type=checkbox]{display:inline}.form-demo-checkbox form [type=checkbox]~label{display:inline}.form-demo-button button{all:unset;border:1px solid;padding:10px;font-size:1em}.form-demo-button [type=button]{all:unset;border:1px solid;padding:10px;font-size:1em}.form-demo-button [type=submit]{all:unset;border:1px solid;padding:10px;font-size:1em}.form-demo-button [type=reset]{all:unset;border:1px solid;padding:10px;font-size:1em}.portfolio-wrapper{max-width:1440px;margin:0 auto}.portfolio-wrapper h1{font-size:var(--title-scale-portfolio);margin:0;line-height:1}.portfolio-wrapper *{max-width:unset}.portfolio-wrapper_subheader{font-size:var(--title-scale-3)}.portfolio-wrapper_subheader>span{background-color:var(--black);color:var(--accent);padding-left:.5ch}.portfolio-wrapper_subheader>span span{color:var(--white);padding-right:.2ch}.portfolio-wrapper__headgrid{grid-template-columns:repeat(3,1fr);align-items:center;height:30vh;display:grid;position:relative}.portfolio-wrapper__headgrid--text{grid-column:1/span 2}.portfolio-wrapper__headgrid--image{background-color:var(--red);z-index:-1;grid-column:2/span 2;width:100%;height:30vh;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-wrapper__headgrid--image img{-o-object-fit:cover;object-fit:cover;filter:grayscale()contrast();mix-blend-mode:lighten;width:100%;height:100%}.portfolio-wrapper__perf-text{font-size:var(--title-scale-4)}.portfolio-wrapper__tasks{gap:var(--margin-l);flex-wrap:wrap;display:flex}.portfolio-wrapper__tasks>*{flex-grow:1;flex-basis:25%;min-width:280px}.portfolio-wrapper__tasks h3{text-align:center;margin:0;font-family:Inter,sans-serif}