:root{--color-mode:'light';--color-dark:#411f19;--color-default:#411f19;--color-light:#f3f4e1;--background:#f3f4e1;--text-color:#411f19;--toggle-bg-position:0 0;--toggle-dark-position:-20px 0;--github-icon-position:-60px;--hover-shadow:#d95e47;--code-color:inherit;--border-color:#411f19;--nav-home-hover:#411f19}@media (prefers-color-scheme:dark){:root{--color-mode:'dark'}:root:not([data-user-color-scheme]){--background:var(--color-dark);--text-color:var(--color-light);--toggle-bg-position:var(--toggle-dark-position);--github-icon-position:var(--github-icon-position-dark);--invert:invert(1);--github-icon-position:-100px;--hover-shadow:#e5ba21;--code-color:var(--background);--border-color:rgba(243,244,225,0.5);--nav-home-hover:#e5ba21}}[data-user-color-scheme=dark]{--background:var(--color-dark);--text-color:var(--color-light);--toggle-bg-position:var(--toggle-dark-position);--github-icon-position:var(--github-icon-position-dark);--invert:invert(1);--github-icon-position:-100px;--hover-shadow:#e5ba21;--code-color:var(--background);--border-color:rgba(243,244,225,0.5);--nav-home-hover:#e5ba21}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,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Source Serif VF';font-weight:200 900;font-style:normal;font-stretch:normal;font-display:swap;src:url(/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2) format('woff2'),url(/assets/fonts/SourceSerif4Variable-Roman.ttf.woff) format('woff'),url(/assets/fonts/SourceSerif4Variable-Roman.ttf) format('truetype')}@font-face{font-family:'Source Sans 3 VF';font-weight:200 900;font-style:normal;font-stretch:normal;font-display:swap;src:url(/assets/fonts/SourceSans3VF-Roman.ttf.woff2) format('woff2'),url(/assets/fonts/SourceSans3VF-Roman.ttf.woff) format('woff'),url(/assets/fonts/SourceSans3VF-Roman.ttf) format('truetype')}@font-face{font-family:'Source Sans 3 VF';font-weight:200 900;font-style:italic;font-stretch:normal;font-display:swap;src:url(/assets/fonts/SourceSans3VF-Italic.ttf.woff2) format('woff2'),url(/assets/fonts/SourceSans3VF-Italic.ttf.woff) format('woff'),url(/assets/fonts/SourceSans3VF-Italic.ttf) format('truetype')}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:var(--text-color);color:var(--background)}::selection{background:var(--text-color);color:var(--background)}:root{--tt-max:1260px}body,html{max-width:100vw;position:relative;overflow-x:hidden}body{min-height:100vh;height:100%;background-color:var(--background,#f3f4e1);font-family:'Source Sans 3 VF',Helvetica,Arial,sans-serif;font-weight:350;line-height:1.4;color:var(--text-color,#411f19)}@media screen and (max-width:320px){body{font-size:100%}}@media screen and (min-width:321px){body{font-size:112.5%}}.screenreader,.visually-hidden{height:1px;width:1px;position:absolute;display:block;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(1px);clip-path:inset(1px);white-space:nowrap}img{max-width:100%;height:auto}.preload *{-webkit-transition:none!important;transition:none!important}.center{text-align:center}.hidden{display:none}.mb0{margin-bottom:0}h1,h2,h3,p,pre,ul{margin-bottom:1.4em}h1,h2,h3{font-family:'Source Serif VF',Georgia,Times,serif}h1{line-height:1.3;font-weight:800}@media screen and (max-width:750px){h1{font-size:4rem}}@media screen and (min-width:751px){h1{font-size:6rem}}h2{line-height:1.2;font-weight:650}@media screen and (max-width:750px){h2{font-size:1.8rem}}@media screen and (min-width:751px){h2{font-size:2.5rem}}h3{line-height:1.2;font-weight:650}@media screen and (max-width:750px){h3{font-size:1.5rem}}@media screen and (min-width:751px){h3{font-size:2rem}}em{font-style:italic}strong{font-weight:600}figcaption,small{font-size:80%}p code,ul code{background-color:#dbc8a3;color:var(--code-color,inherit);padding:3px 5px;font-size:inherit;font-weight:500}code,pre{font-family:monospace;border-radius:3px}.no-js pre{padding:0 .5em;background-color:#333;color:#fff}a{color:inherit;text-decoration:underline;-webkit-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out;text-decoration-thickness:1px;font-weight:600}a:hover{color:var(--hover-shadow)}a:focus:focus-visible{outline:3px solid #d95e47;background-color:#fff;color:#411f19}a:focus:not(:focus-visible){outline:0}a:active{-webkit-transform:translateY(1px);transform:translateY(1px)}hr{margin:1em 0 1.8em;height:1px;background-color:var(--border-color);border:none}@media screen and (max-width:750px){.big-text{font-size:1.3em}}@media screen and (min-width:751px){.big-text{font-size:1.4em}}a.social,a.social:focus{background-image:url(/assets/images/social-icons.svg)}a.social{width:20px;height:20px;position:relative;background-repeat:no-repeat;background-size:auto 20px;text-indent:-9999em}a.social:hover{background-color:transparent}a.social:after{content:'';width:28px;height:28px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #411f19;border-radius:50%;opacity:0;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out,-webkit-transform 150ms ease-in-out;z-index:-1}a.social:focus:after,a.social:hover:after{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}a.social:focus:focus-visible{outline:0;background-color:transparent}a.social:focus:focus-visible:after{-webkit-box-shadow:0 0 0 3px #d95e47;box-shadow:0 0 0 3px #d95e47}a.social.dark:after{border-color:var(--text-color,#333)}a.social.twitter{background-position:0 0}a.social.instagram{background-position:-20px 0}a.social.instagram:after{border-radius:3px}a.social.dribbble{background-position:-40px 0}a.social.github{background-position:-60px 0}a.social.github.dark{background-position:var(--github-icon-position,-100px) 0}a.social.codepen{background-position:-80px 0}a.social.mastodon{background-position:-140px 0}.video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-container embed,.video-container iframe,.video-container object,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}video{background-color:#000}.thought-detail video{margin-bottom:1.4em}:root{--nav-height:40px}a.skip-link{padding:.4em;position:fixed;left:1em;top:1em;background-color:#fff;-webkit-box-shadow:5px 5px 0 #000;box-shadow:5px 5px 0 #000;border:3px solid #d95e47;clip:rect(0 0 0 0);z-index:10;-webkit-transition:none;transition:none}a.skip-link:hover{background-color:#e5ba21;color:inherit}a.skip-link:focus{clip:unset;outline:0}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--background);border-bottom:1px solid var(--border-color);font-family:$font-family-open;font-size:80%}.main-nav a{padding:0 .5rem;height:var(--nav-height);display:grid;place-content:center;background-repeat:no-repeat;background-size:100% var(--nav-height);background-position:center var(--nav-height);text-decoration:none;font-weight:500;-webkit-transition:background-position 150ms ease-in-out;transition:background-position 150ms ease-in-out}.main-nav a:hover{background-position:center calc(var(--nav-height) - 4px);color:inherit}.main-nav>a:first-of-type{background-image:-webkit-gradient(linear,left top,left bottom,from(#ba0000),to(#ba0000));background-image:linear-gradient(#ba0000,#ba0000)}.main-nav>a:nth-of-type(2){background-image:-webkit-gradient(linear,left top,left bottom,from(#d95e47),to(#d95e47));background-image:linear-gradient(#d95e47,#d95e47)}.main-nav>a:nth-of-type(3){background-image:-webkit-gradient(linear,left top,left bottom,from(#e5ba21),to(#e5ba21));background-image:linear-gradient(#e5ba21,#e5ba21)}.main-nav>a:nth-of-type(4){background-image:-webkit-gradient(linear,left top,left bottom,from(#7dc0a1),to(#7dc0a1));background-image:linear-gradient(#7dc0a1,#7dc0a1)}.main-nav>a:nth-of-type(5){background-image:-webkit-gradient(linear,left top,left bottom,from(#313c61),to(#313c61));background-image:linear-gradient(#313c61,#313c61)}.main-nav .nav-home{margin-right:auto}.main-nav .nav-home a{width:var(--nav-height);background-color:#d95e47;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--nav-home-hover)),to(var(--nav-home-hover)));background-image:linear-gradient(var(--nav-home-hover),var(--nav-home-hover));background-position:center var(--nav-height);color:#fff}.main-nav .nav-home a:hover{background-position:center top}.main-nav .nav-home a:focus:focus-visible{-webkit-transition:none;transition:none;background-color:#fff;color:#411f19}header{padding-top:2em;padding-bottom:2em;border-bottom:1px solid var(--border-color)}header h1{margin:0}@media screen and (max-width:500px){main{padding-top:1.2em;padding-bottom:1.2em}}@media screen and (min-width:501px){main{padding-top:2.5em;padding-bottom:2.5em}}.container{width:100%;max-width:1260px;margin-left:auto;margin-right:auto}@media screen and (max-width:500px){.container{padding-left:1.2em;padding-right:1.2em}}@media screen and (min-width:501px){.container{padding-left:2em;padding-right:2em}}.intro{max-width:450px}@media screen and (max-width:750px){.intro{margin-bottom:2em}}@media screen and (min-width:751px){.intro{margin-bottom:3em}}.main-footer{margin-top:calc(50px + 1em);background-color:#dbc8a3;color:#411f19;-webkit-box-shadow:0 -10px 0 #313c61,0 -20px 0 #7dc0a1,0 -30px 0 #e5ba21,0 -40px 0 #d95e47,0 -50px 0 #ba0000;box-shadow:0 -10px 0 #313c61,0 -20px 0 #7dc0a1,0 -30px 0 #e5ba21,0 -40px 0 #d95e47,0 -50px 0 #ba0000;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500}@media screen and (max-width:500px){.main-footer{padding:0 1.2em}}@media screen and (min-width:501px){.main-footer{padding:0 2em}}@media screen and (max-width:650px){.main-footer{min-height:160px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width:651px){.main-footer{min-height:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.main-footer nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.main-footer nav a{background-position:center bottom -2px;text-decoration:none;margin:0 .5em}.main-footer nav a:hover{text-decoration:underline;text-decoration-thickness:1px;color:inherit}.main-footer nav a:focus-visible:hover{background-color:#fff;background-image:none;color:#333}@media screen and (max-width:650px){.main-footer nav a{margin-top:.7em}}@media screen and (min-width:651px){.main-footer nav a:last-child{margin-right:0}}.main-footer a.social:focus:after{background-color:#fff}.main-footer .motto{display:none}.no-js .motto{display:block}.no-js .toggle-button{display:none}.toggle-button{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:#411f19;border:none;font:inherit;cursor:pointer}@media screen and (max-width:650px){.toggle-button{margin-bottom:10px}}@media screen and (min-width:651px){.toggle-button{margin:0}}.toggle-button:hover .toggle-text{text-decoration:underline}.toggle-button:focus:focus-visible{outline:3px solid #d95e47;background-color:#fff}.toggle-button:focus:not(:focus-visible){outline:0}.toggle-button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.toggle-icon{width:20px;height:20px;margin-right:.3em;background-image:url(/assets/images/dark-mode-icons.svg);background-size:40px 20px;background-position:var(--toggle-bg-position)}.home{background-color:#333;--tt-key:body-bg;--tt-ease:linear;--tt-max:3000}.home .skip-link{display:none}.home .main-nav{width:100%;position:absolute;top:0;z-index:100}.home .main-nav:after{content:'Psst, hey! Try resizing your browser?';position:absolute;top:10px;left:55px;font-style:italic}@media screen and (max-width:650px){.home .main-nav:after{display:none}}.home.no-js .main-nav:after{content:'This page is a bit more fun with JavaScript!'}.home .main-footer{display:none}.home main{width:100vw;height:calc(100vh - var(--nav-height));margin-top:var(--nav-height);overflow:hidden;position:relative}.home main{--scene5-h-mid:1200vh;--scene5-h-end:300vh}.home main div,.home main svg{width:auto;max-width:auto;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home main>svg:nth-of-type(1){--tt-key:scene0-stars;height:100vh}.home main>svg:nth-of-type(2){--tt-key:scene0;--tt-ease:cubic-bezier(.17,.67,.24,.97);height:300vh}@media screen and (min-width:811px){.home main>svg:nth-of-type(2){height:40vh}}@media screen and (min-width:1200px){.home main>svg:nth-of-type(2){display:none}}.home main .airplanes{width:100vw;height:100vh}.home main .airplanes svg{-webkit-transform:none;transform:none;--tt-ease:ease-in-out}.home main .airplanes svg:nth-of-type(1){--tt-key:scene0-airplane1;left:0;top:30%}.home main .airplanes svg:nth-of-type(2){--tt-key:scene0-airplane2;left:auto;right:0;top:40%}@media screen and (min-width:850px){.home main .airplanes{display:none}}@-webkit-keyframes scene0-airplane1{0%,15%{-webkit-transform:translate(-150%,0) scale(1);transform:translate(-150%,0) scale(1)}23%{-webkit-transform:translate(900%,-300%) scale(.5);transform:translate(900%,-300%) scale(.5);opacity:1}23.01%,24.5%{opacity:0}23.5%,24%{-webkit-transform:translate(-150%,400%) scale(1.4);transform:translate(-150%,400%) scale(1.4)}24.55%{opacity:1}100%,28%{-webkit-transform:translate(900%,-200%) scale(.6);transform:translate(900%,-200%) scale(.6)}}@keyframes scene0-airplane1{0%,15%{-webkit-transform:translate(-150%,0) scale(1);transform:translate(-150%,0) scale(1)}23%{-webkit-transform:translate(900%,-300%) scale(.5);transform:translate(900%,-300%) scale(.5);opacity:1}23.01%,24.5%{opacity:0}23.5%,24%{-webkit-transform:translate(-150%,400%) scale(1.4);transform:translate(-150%,400%) scale(1.4)}24.55%{opacity:1}100%,28%{-webkit-transform:translate(900%,-200%) scale(.6);transform:translate(900%,-200%) scale(.6)}}@-webkit-keyframes scene0-airplane2{0%,15%{-webkit-transform:translate(100%,0) scale(1);transform:translate(100%,0) scale(1)}100%,27%{-webkit-transform:translate(-900%,-300%) scale(.5);transform:translate(-900%,-300%) scale(.5)}}@keyframes scene0-airplane2{0%,15%{-webkit-transform:translate(100%,0) scale(1);transform:translate(100%,0) scale(1)}100%,27%{-webkit-transform:translate(-900%,-300%) scale(.5);transform:translate(-900%,-300%) scale(.5)}}.home main .reflection{--tt-key:reflection;width:100vw;height:100vh;background-color:#fff;opacity:0}@media screen and (max-width:810px){.home main .reflection{display:none}}@media screen and (min-width:811px){.home main .reflection{opacity:.3}}@media screen and (min-width:1200px){.home main .reflection{display:none}}.home main>svg:nth-of-type(3){--tt-key:scene1;--tt-ease:cubic-bezier(.58,.54,0,.9);height:150vh}@media screen and (max-width:810px){.home main>svg:nth-of-type(3){display:none}}@media screen and (min-width:1200px){.home main>svg:nth-of-type(3){display:none}}.home main .window{--tt-key:window;width:100vw;height:100vh;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#408ebd),color-stop(60%,#2e799e));background-image:linear-gradient(to bottom,#408ebd 40%,#2e799e 60%)}@media screen and (max-width:1000px){.home main .window{display:none}}@media screen and (min-width:1001px){.home main .window{opacity:1}}@media screen and (min-width:1410px){.home main .window{display:none}}.home main>svg:nth-of-type(4){--tt-key:scene2;--tt-ease:cubic-bezier(.1,.81,.4,1);height:500vh}@media screen and (max-width:1000px){.home main>svg:nth-of-type(4){display:none}}@media screen and (min-width:1201px){.home main>svg:nth-of-type(4){height:100vh}}@media screen and (min-width:1410px){.home main>svg:nth-of-type(4){display:none}}.home main .haze{--tt-key:haze;width:100vw;height:100vh;background-image:-webkit-gradient(linear,left top,left bottom,from(#411f19),to(rgba(65,31,25,.1)));background-image:linear-gradient(to bottom,#411f19,rgba(65,31,25,.1))}@media screen and (max-width:1200px){.home main .haze{display:none}}@media screen and (min-width:1460px){.home main .haze{display:none}}.home main>svg:nth-of-type(5){--tt-key:elevator-left;--tt-ease:cubic-bezier(.1,.81,.4,1);height:150vh}@media screen and (max-width:1300px){.home main>svg:nth-of-type(5){display:none}}@media screen and (min-width:1550px){.home main>svg:nth-of-type(5){display:none}}.home main>svg:nth-of-type(6){--tt-key:elevator-right;--tt-ease:cubic-bezier(.1,.81,.4,1);height:150vh}@media screen and (max-width:1300px){.home main>svg:nth-of-type(6){display:none}}@media screen and (min-width:1550px){.home main>svg:nth-of-type(6){display:none}}.home main>svg:nth-of-type(7){--tt-key:scene3;--tt-ease:cubic-bezier(.1,.81,.4,1);height:150vh}@media screen and (max-width:1200px){.home main>svg:nth-of-type(7){display:none}}@media screen and (min-width:1550px){.home main>svg:nth-of-type(7){display:none}}.home main>svg:nth-of-type(8){--tt-key:scene4-standby;--tt-ease:cubic-bezier(.1,.81,.4,1);height:500vh;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}@media screen and (max-width:1420px){.home main>svg:nth-of-type(8){display:none}}@media screen and (min-width:1850px){.home main>svg:nth-of-type(8){display:none}}.home main>svg:nth-of-type(9){--tt-key:scene4;--tt-ease:cubic-bezier(.1,.81,.4,1);height:500vh;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}@media screen and (max-width:1420px){.home main>svg:nth-of-type(9){display:none}}@media screen and (min-width:1850px){.home main>svg:nth-of-type(9){display:none}}.home main>svg:nth-of-type(9)>path:first-of-type{--tt-key:scene4-bg;--tt-ease:linear}.home main .fade{--tt-key:fade;width:100vw;height:100vh;background-color:#111;opacity:0}@media screen and (max-width:1420px){.home main .fade{display:none}}@media screen and (min-width:1800px){.home main .fade{display:none}}.home main>svg:nth-of-type(10){--tt-key:scene5-stuff1;--tt-ease:cubic-bezier(.1,.81,.4,1);opacity:0}@media screen and (max-width:1500px){.home main>svg:nth-of-type(10){display:none}}@media screen and (min-width:1900px){.home main>svg:nth-of-type(10){display:none}}.home main>svg:nth-of-type(11){--tt-key:scene5-stuff2;--tt-ease:cubic-bezier(.1,.81,.4,1);opacity:0}@media screen and (max-width:1700px){.home main>svg:nth-of-type(11){display:none}}@media screen and (min-width:2000px){.home main>svg:nth-of-type(11){display:none}}.home main>svg:nth-of-type(12){--tt-key:scene5-stuff3;--tt-ease:cubic-bezier(.1,.81,.4,1);opacity:0}@media screen and (max-width:1800px){.home main>svg:nth-of-type(12){display:none}}@media screen and (min-width:2100px){.home main>svg:nth-of-type(12){display:none}}.home main>svg:nth-of-type(13){--tt-key:scene5;height:var(--scene5-h-end)}@media screen and (max-width:2000px){.home main>svg:nth-of-type(13){display:none}}.home main>svg:nth-of-type(14){--tt-key:scene5-page1;height:var(--scene5-h-end);pointer-events:none}@media screen and (max-width:1900px){.home main>svg:nth-of-type(14){display:none}}.home main>svg:nth-of-type(15){--tt-key:scene5-page2;height:var(--scene5-h-end);pointer-events:none}@media screen and (max-width:1900px){.home main>svg:nth-of-type(15){display:none}}.home main>svg:nth-of-type(16){--tt-key:scene5-page3;height:var(--scene5-h-end);pointer-events:none}@media screen and (max-width:1900px){.home main>svg:nth-of-type(16){display:none}}.home main>svg:nth-of-type(13) #doc-icon,.home main>svg:nth-of-type(13) #pic-icon,.home main>svg:nth-of-type(13) #player-icon,.home main>svg:nth-of-type(13) #terminal-icon{cursor:pointer;-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.home main>svg:nth-of-type(13) #doc-icon:hover,.home main>svg:nth-of-type(13) #pic-icon:hover,.home main>svg:nth-of-type(13) #player-icon:hover,.home main>svg:nth-of-type(13) #terminal-icon:hover{-webkit-transform:translateY(-.05vh);transform:translateY(-.05vh)}.home main>svg:nth-of-type(13) #player{cursor:pointer}.home main>svg:nth-of-type(13) #player circle{-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}.home main>svg:nth-of-type(13) #player:hover circle:first-of-type{fill:#e5ba21}.home main>svg:nth-of-type(13) #doc-window,.home main>svg:nth-of-type(13) #pic-window{opacity:0;-webkit-transform:scale(.2);transform:scale(.2);-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.home main>svg:nth-of-type(13) #doc-window.active,.home main>svg:nth-of-type(13) #pic-window.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.home main>svg:nth-of-type(13) #player,.home main>svg:nth-of-type(13) #terminal{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.home main>svg:nth-of-type(13) #player.inactive,.home main>svg:nth-of-type(13) #terminal.inactive{-webkit-transform:scale(.2);transform:scale(.2);opacity:0}.home main>svg:nth-of-type(13) #doc-window{-webkit-transform-origin:54% 48%;transform-origin:54% 48%}.home main>svg:nth-of-type(13) #pic-window{-webkit-transform-origin:46% 55%;transform-origin:46% 55%}.home main>svg:nth-of-type(13) #player{-webkit-transform-origin:45% 45%;transform-origin:45% 45%}.home main>svg:nth-of-type(13) #terminal{-webkit-transform-origin:54% 52%;transform-origin:54% 52%}@-webkit-keyframes scene0-stars{0%,28%{opacity:1}100%,29%{opacity:0}}@keyframes scene0-stars{0%,28%{opacity:1}100%,29%{opacity:0}}@-webkit-keyframes scene0{0%{height:2400vh}100%,43%{height:5vh}}@keyframes scene0{0%{height:2400vh}100%,43%{height:5vh}}@-webkit-keyframes reflection{0%,28%{opacity:0}100%,29%{opacity:.3}30%{width:100vw}35%{width:50vw}}@keyframes reflection{0%,28%{opacity:0}100%,29%{opacity:.3}30%{width:100vw}35%{width:50vw}}@-webkit-keyframes scene1{0%{height:4000vh}20%{height:3000vh;-webkit-filter:blur(0);filter:blur(0)}25%{-webkit-filter:blur(22em);filter:blur(22em)}28%{-webkit-filter:blur(0);filter:blur(0)}100%,43%{height:40vh}}@keyframes scene1{0%{height:4000vh}20%{height:3000vh;-webkit-filter:blur(0);filter:blur(0)}25%{-webkit-filter:blur(22em);filter:blur(22em)}28%{-webkit-filter:blur(0);filter:blur(0)}100%,43%{height:40vh}}@-webkit-keyframes window{0%,37.5%{opacity:0}39.5%{opacity:1}}@keyframes window{0%,37.5%{opacity:0}39.5%{opacity:1}}@-webkit-keyframes scene2{0%,37%{opacity:0;height:7500vh;-webkit-filter:blur(2.2em);filter:blur(2.2em)}37.6%{opacity:1}38%{-webkit-filter:blur(0);filter:blur(0)}100%,48%{height:100vh}}@keyframes scene2{0%,37%{opacity:0;height:7500vh;-webkit-filter:blur(2.2em);filter:blur(2.2em)}37.6%{opacity:1}38%{-webkit-filter:blur(0);filter:blur(0)}100%,48%{height:100vh}}@-webkit-keyframes haze{0%,44%{opacity:0}100%,47%{opacity:1}}@keyframes haze{0%,44%{opacity:0}100%,47%{opacity:1}}@-webkit-keyframes elevator-left{0%,44%{height:2300vh}0%,45.5%{-webkit-transform:translate(-80%,-50%);transform:translate(-80%,-50%)}100%,47%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}0%,48%{-webkit-filter:grayscale(0);filter:grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%,60%{height:10vh}}@keyframes elevator-left{0%,44%{height:2300vh}0%,45.5%{-webkit-transform:translate(-80%,-50%);transform:translate(-80%,-50%)}100%,47%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}0%,48%{-webkit-filter:grayscale(0);filter:grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%,60%{height:10vh}}@-webkit-keyframes elevator-right{0%,44%{height:2300vh}0%,45.5%{-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%)}100%,47%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}0%,48%{-webkit-filter:grayscale(0);filter:grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%,60%{height:10vh}}@keyframes elevator-right{0%,44%{height:2300vh}0%,45.5%{-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%)}100%,47%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}0%,48%{-webkit-filter:grayscale(0);filter:grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%,60%{height:10vh}}@-webkit-keyframes scene3{0%,44%{opacity:0;height:2300vh;-webkit-filter:blur(1.3em) grayscale(0);filter:blur(1.3em) grayscale(0)}44.1%{opacity:1}45.6%{-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0)}48%{-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:blur(0) grayscale(100%);filter:blur(0) grayscale(100%)}100%,60%{height:7vh}}@keyframes scene3{0%,44%{opacity:0;height:2300vh;-webkit-filter:blur(1.3em) grayscale(0);filter:blur(1.3em) grayscale(0)}44.1%{opacity:1}45.6%{-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0)}48%{-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0)}49.5%{height:100vh}100%,50%{-webkit-filter:blur(0) grayscale(100%);filter:blur(0) grayscale(100%)}100%,60%{height:7vh}}@-webkit-keyframes scene4-standby{0%,48%{height:2300vh;-webkit-filter:blur(0);filter:blur(0)}0%,51%{opacity:0}50%,51%{-webkit-filter:blur(1em);filter:blur(1em)}51.6%,58%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}52%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,60%{height:70vh;opacity:0;-webkit-transform:translate(-50%,-50%) rotate(500deg);transform:translate(-50%,-50%) rotate(500deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes scene4-standby{0%,48%{height:2300vh;-webkit-filter:blur(0);filter:blur(0)}0%,51%{opacity:0}50%,51%{-webkit-filter:blur(1em);filter:blur(1em)}51.6%,58%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}52%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,60%{height:70vh;opacity:0;-webkit-transform:translate(-50%,-50%) rotate(500deg);transform:translate(-50%,-50%) rotate(500deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes scene4{0%,48%{opacity:0;height:2300vh;-webkit-filter:blur(2em);filter:blur(2em)}48.3%,58%{opacity:1}49%{-webkit-filter:blur(0);filter:blur(0)}52%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,60%{height:70vh;opacity:0;-webkit-transform:translate(-50%,-50%) rotate(500deg);transform:translate(-50%,-50%) rotate(500deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes scene4{0%,48%{opacity:0;height:2300vh;-webkit-filter:blur(2em);filter:blur(2em)}48.3%,58%{opacity:1}49%{-webkit-filter:blur(0);filter:blur(0)}52%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,60%{height:70vh;opacity:0;-webkit-transform:translate(-50%,-50%) rotate(500deg);transform:translate(-50%,-50%) rotate(500deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes scene4-bg{0%,50%{fill:#313c61}100%,60%{fill:#111}}@keyframes scene4-bg{0%,50%{fill:#313c61}100%,60%{fill:#111}}@-webkit-keyframes fade{0%,53%{opacity:0}100%,60%{opacity:.5}}@keyframes fade{0%,53%{opacity:0}100%,60%{opacity:.5}}@-webkit-keyframes scene5-stuff1{0%,48%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}59%{-webkit-filter:blur(0);filter:blur(0)}0%,60%{opacity:1}100%,63%{height:10vh;opacity:0}}@keyframes scene5-stuff1{0%,48%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}59%{-webkit-filter:blur(0);filter:blur(0)}0%,60%{opacity:1}100%,63%{height:10vh;opacity:0}}@-webkit-keyframes scene5-stuff2{0%,52%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}62%{-webkit-filter:blur(0);filter:blur(0)}0%,63%{opacity:1}100%,66%{height:10vh;opacity:0}}@keyframes scene5-stuff2{0%,52%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}62%{-webkit-filter:blur(0);filter:blur(0)}0%,63%{opacity:1}100%,66%{height:10vh;opacity:0}}@-webkit-keyframes scene5-stuff3{0%,55%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}65.5%{-webkit-filter:blur(0);filter:blur(0)}0%,65.5%{opacity:1}100%,68%{height:10vh;opacity:0}}@keyframes scene5-stuff3{0%,55%{height:2300vh;-webkit-filter:blur(15em);filter:blur(15em)}65.5%{-webkit-filter:blur(0);filter:blur(0)}0%,65.5%{opacity:1}100%,68%{height:10vh;opacity:0}}@-webkit-keyframes scene5{0%,67%{height:var(--scene5-h-mid)}0%,69%{opacity:0;-webkit-filter:blur(2em);filter:blur(2em)}70%{opacity:1}71%{-webkit-filter:blur(0);filter:blur(0)}100%,80%{height:var(--scene5-h-end)}}@keyframes scene5{0%,67%{height:var(--scene5-h-mid)}0%,69%{opacity:0;-webkit-filter:blur(2em);filter:blur(2em)}70%{opacity:1}71%{-webkit-filter:blur(0);filter:blur(0)}100%,80%{height:var(--scene5-h-end)}}@-webkit-keyframes scene5-page1{0%,63%{height:3000vh;-webkit-transform:translate(-52%,-50%);transform:translate(-52%,-50%);-webkit-filter:blur(1.3em);filter:blur(1.3em)}66.5%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@keyframes scene5-page1{0%,63%{height:3000vh;-webkit-transform:translate(-52%,-50%);transform:translate(-52%,-50%);-webkit-filter:blur(1.3em);filter:blur(1.3em)}66.5%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@-webkit-keyframes scene5-page2{0%,65%{height:3500vh;-webkit-transform:translate(-50%,-51%);transform:translate(-50%,-51%);-webkit-filter:blur(1em);filter:blur(1em)}66.5%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@keyframes scene5-page2{0%,65%{height:3500vh;-webkit-transform:translate(-50%,-51%);transform:translate(-50%,-51%);-webkit-filter:blur(1em);filter:blur(1em)}66.5%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@-webkit-keyframes scene5-page3{0%,64%{height:2100vh;-webkit-transform:translate(-50%,-48%);transform:translate(-50%,-48%);-webkit-filter:blur(1em);filter:blur(1em)}66%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@keyframes scene5-page3{0%,64%{height:2100vh;-webkit-transform:translate(-50%,-48%);transform:translate(-50%,-48%);-webkit-filter:blur(1em);filter:blur(1em)}66%{-webkit-filter:blur(0);filter:blur(0)}67%{height:var(--scene5-h-mid);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}100%,80%{height:var(--scene5-h-end)}}@-webkit-keyframes body-bg{0%,40%{background-color:#333}0%,33.9%{background-image:none}34%{background-image:-webkit-gradient(linear,left top,right top,color-stop(30%,#3d4047),color-stop(30%,transparent),color-stop(70%,transparent),color-stop(70%,#3d4047));background-image:linear-gradient(to right,#3d4047 30%,transparent 30%,transparent 70%,#3d4047 70%)}41%,50%{background-color:#313c61;background-image:none}60%,65%{background-color:#111}100%,67%{background-color:#e5ba21}}@keyframes body-bg{0%,40%{background-color:#333}0%,33.9%{background-image:none}34%{background-image:-webkit-gradient(linear,left top,right top,color-stop(30%,#3d4047),color-stop(30%,transparent),color-stop(70%,transparent),color-stop(70%,#3d4047));background-image:linear-gradient(to right,#3d4047 30%,transparent 30%,transparent 70%,#3d4047 70%)}41%,50%{background-color:#313c61;background-image:none}60%,65%{background-color:#111}100%,67%{background-color:#e5ba21}}.about .main-nav .nav-about{background-position:center calc(var(--nav-height) - 4px)}.about .main-nav .nav-about:focus:focus-visible{background-image:none}@media screen and (min-width:751px){.about main{display:grid;grid-template-columns:minmax(300px,600px) minmax(230px,1fr);grid-column-gap:6vw}}@media screen and (max-width:750px){.about .bio{padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid var(--border-color)}}.about .bio .avatar{margin-bottom:1.2em;padding:.3em;border:1px solid var(--border-color)}@media screen and (max-width:750px){.about .big-text{font-size:1em}}.about .links{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-column-gap:3em;-ms-flex-line-pack:start;align-content:start}.about .links li:not(:last-child){margin-bottom:1.2em}.about .links a{background-position:center bottom -2px;text-decoration:none}.about .links a:hover{text-decoration:underline;text-decoration-thickness:1px;color:inherit}.about .links a:focus-visible:hover{background-color:#fff;background-image:none;color:#333}.about .links small{margin-top:.2em;display:block}.about .contact li{display:inline}.about .contact li:not(:first-of-type):before{content:' / '}.about .coffee{margin-left:2px;padding:6px 0 6px 26px;background:no-repeat left center;background-image:url(/assets/images/coffee.svg);background-size:20px 30px}.thought-detail .main-nav .nav-thoughts,.thoughts .main-nav .nav-thoughts{background-position:center calc(var(--nav-height) - 4px)}.thought-detail .main-nav .nav-thoughts:focus:focus-visible,.thoughts .main-nav .nav-thoughts:focus:focus-visible{background-image:none}@media screen and (min-width:751px){.thoughts main{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:4em}}.thoughts .thought{display:grid;grid-template-columns:auto auto;grid-column-gap:.6em;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.thoughts .date{grid-row:2}.thoughts .thought:not(:last-child){margin-bottom:2em}.thoughts .thought-title{background-position:center bottom -2px;text-decoration:none;margin-bottom:.2em;font-size:1.6em;font-family:'Source Serif VF',Georgia,Times,serif;line-height:1.2}.thoughts .thought-title:hover{text-decoration:underline;text-decoration-thickness:1px;color:inherit}.thoughts .thought-title:focus-visible:hover{background-color:#fff;background-image:none;color:#333}.thoughts .external:not(:empty):after{content:'↗';margin-left:.3em;display:inline-block}.thought-detail header{text-align:center}.thought-detail header h1{max-width:750px;margin:0 auto .5em}@media screen and (max-width:500px){.thought-detail header h1{font-size:2rem}}@media screen and (min-width:501px){.thought-detail header h1{font-size:2.5rem}}@media screen and (min-width:751px){.thought-detail header h1{font-size:4rem}}.thought-detail header .date{font-size:90%}@media screen and (min-width:501px){.thought-detail main{font-size:1.2em;line-height:1.5}}.thought-detail .back{margin-top:1em;padding-top:1em;border-top:1px dotted var(--border-color)}.thought-detail .cp_embed_wrapper{margin-bottom:1.5em}.thought-detail .twitter-tweet{margin-bottom:1.5em!important}.thought-detail .footnote{margin-top:-1.3em;margin-bottom:2em;display:block;text-align:center}.thought-detail h2,.thought-detail h3{margin:.5em 0 .75em}.thought-detail ul:not(.unstyled){padding-left:1.3em;list-style-type:disc}.thought-detail ul:not(.unstyled) li{margin-bottom:.5em}.thought-detail p img:last-child{margin-bottom:0}.thought-detail blockquote{margin-bottom:1em;padding-left:1.2em;position:relative;font-style:italic}.thought-detail blockquote:before{content:'“';position:absolute;left:0;top:-8px;font-size:200%}.thought-detail blockquote cite{margin-top:.7em;display:block;text-align:right;font-size:.8em;font-style:normal}.thought-detail blockquote cite:before{content:'—'}.thought-detail blockquote>p:last-child{margin-bottom:.5em}.thought-detail .callout{margin-bottom:1.5em;border:1px dashed var(--border-color);padding:1em;font-size:1rem}.thought-detail .content{width:100%;max-width:850px}.thought-detail .content div.wide{margin-bottom:1.4em}.thought-detail .content div.wide>img{margin-bottom:0}.thought-detail .content img{display:block;margin-bottom:1.4em}@media screen and (min-width:701px){.thought-detail .content{display:grid;grid-template-columns:[full-start] minmax(1em,1fr) [main-start] minmax(0,600px) [main-end] minmax(1em,1fr) [full-end]}.thought-detail .content>*{grid-column:main}.thought-detail .content .wide,.thought-detail .content pre{grid-column:full}}.work.art .main-nav .nav-art,.work.web .main-nav .nav-web{background-position:center calc(var(--nav-height) - 4px)}.work.art .main-nav .nav-art:focus:focus-visible,.work.web .main-nav .nav-web:focus:focus-visible{background-image:none}.work h2{font-size:2rem;margin:0}.work h2 a{background-position:center bottom -2px;text-decoration:none;line-height:1}.work h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;color:inherit}.work h2 a:focus-visible:hover{background-color:#fff;background-image:none;color:#333}.work .project-image{margin-bottom:.5em}.work a.project-image{display:block;background:0 0;-webkit-transition:-webkit-box-shadow 150ms ease-in-out;transition:-webkit-box-shadow 150ms ease-in-out;transition:box-shadow 150ms ease-in-out;transition:box-shadow 150ms ease-in-out,-webkit-box-shadow 150ms ease-in-out}.work a.project-image:focus{-webkit-box-shadow:0 0 0 5px #d95e47;box-shadow:0 0 0 5px #d95e47;background-color:#fff}.work a.project-image:hover{-webkit-box-shadow:0 0 0 5px var(--hover-shadow,#d95e47);box-shadow:0 0 0 5px var(--hover-shadow,#d95e47)}.work a.project-image img,.work div.project-image,.work img.project-image{padding:.3em;border:1px solid var(--border-color)}.work .project img,.work .project-image{display:block;width:100%}.work .project small{display:block}.work .projects-list{display:grid}@media screen and (max-width:750px){.work .projects-list{grid-gap:1.5em}.work .projects-list .multi>div:not(:last-child){margin-bottom:.5em}}@media screen and (min-width:751px){.work .projects-list{grid-template-columns:1fr 1fr;grid-gap:1.5em 2em}.work .projects-list .wide{grid-column:1/-1}.work .projects-list .multi{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:1em}}@media screen and (min-width:921px){.work .projects-list{grid-gap:2em 2.5em}}.work.web .project{display:grid;grid-template-columns:1fr 20px;grid-template-rows:auto;grid-gap:10px;grid-template-areas:"image image" "title icon" "desc .";-ms-flex-line-pack:start;align-content:start}.work.web .project .project-image{grid-area:image}.work.web .project h2{grid-area:title;-ms-flex-item-align:center;align-self:center}.work.web .project .social{grid-area:icon;-ms-flex-item-align:center;align-self:center}.work.web .project p:last-of-type{grid-area:desc;margin-bottom:0}.archive .main-nav .nav-archive{background-position:center calc(var(--nav-height) - 4px)}.archive .main-nav .nav-archive:focus:focus-visible{background-image:none}.archive-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2em}.archive-list a{background-position:center bottom -2px;text-decoration:none}.archive-list a:hover{text-decoration:underline;text-decoration-thickness:1px;color:inherit}.archive-list a:focus-visible:hover{background-color:#fff;background-image:none;color:#333}.archive-list a.archive-image{display:block;background:0 0;-webkit-transition:-webkit-box-shadow 150ms ease-in-out;transition:-webkit-box-shadow 150ms ease-in-out;transition:box-shadow 150ms ease-in-out;transition:box-shadow 150ms ease-in-out,-webkit-box-shadow 150ms ease-in-out}.archive-list a.archive-image:focus{-webkit-box-shadow:0 0 0 5px #d95e47;box-shadow:0 0 0 5px #d95e47;background-color:#fff}.archive-list a.archive-image:hover{-webkit-box-shadow:0 0 0 5px var(--hover-shadow,#d95e47);box-shadow:0 0 0 5px var(--hover-shadow,#d95e47)}.archive-list .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.archive-list .study a{font-weight:350}.archive-list img{margin-bottom:.5em;display:block;padding:.3em;border:1px solid var(--border-color)}.archive-list small{display:block}.fourohfour{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-repeat:no-repeat;background-image:url(/assets/images/scene0-airplane.svg),url(/assets/images/scene0-stars.svg);background-position:center 58%,center center;background-size:100px auto,cover;background-color:#333}.fourohfour header{background-color:var(--background)}.fourohfour main{min-height:300px}.fourohfour .main-footer{margin-top:auto}@media screen and (max-width:500px){.gifs{--gif-margin:1.2em}}@media screen and (min-width:501px){.gifs{--gif-margin:2em}}.gifs header{margin-bottom:2em}.gifs footer{margin-top:6em}.gifs header~.load-image,.gifs header~img,.gifs header~p,.gifs header~pre{margin-left:var(--gif-margin);margin-right:var(--gif-margin)}.gifs pre{max-width:600px;margin-right:var(--gif-margin);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--gif-margin)}.gifs code{padding:1em;display:block;overflow:scroll;background-color:var(--text-color);font-weight:700;color:var(--background)}.gifs code::-moz-selection{background:var(--background);color:var(--text-color)}.gifs code::selection{background:var(--background);color:var(--text-color)}.gifs pre button{padding:.5em 1em;background-color:#e5ba21;border:none;border-radius:4px;color:#411f19;font-weight:700;cursor:pointer}.gifs pre button:hover{background-color:#d95e47;color:#fff}.gifs pre button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.gifs .load-image,.gifs img{margin-bottom:1.8em;display:block;-webkit-transition:all .3s ease;transition:all .3s ease}.gifs img{max-width:calc(100% - var(--gif-margin) * 2)}.gifs img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.gifs .load-image{width:calc(100% - var(--gif-margin) * 2);position:relative;background-size:contain;opacity:.9}.gifs .load-image:hover{opacity:1}.gifs .load-image:after{content:'click to preview gif';display:block;position:absolute;bottom:-1.5em;font-size:80%;font-weight:400;font-style:italic}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){body{font-family:Arial}body:before{width:100%;padding:5px;display:block;content:'This site is better in Firefox, Edge, or Chrome!';background-color:#e5ba21;font-size:80%;text-align:center}.main-nav{width:100%;padding:10px 30px;display:block;background-color:#fff}.main-nav .nav-home{display:inline-block}.main-nav a{margin-left:0;margin-right:1em;background-image:none!important}.main-nav a:hover{text-decoration:underline}.main-footer{padding:30px}header{border-top:1px solid #411f19;border-bottom:1px solid #411f19}main{display:block}.screenreader{position:static;height:auto;width:auto;clip:none;-webkit-clip-path:none;clip-path:none;overflow:visible!important}.home main{height:100vh}.home main div,.home main>svg{height:100vh}.archive a,.archive img,.work a,.work img{max-width:500px}.archive .project,.work .project{display:block;margin-bottom:1em}.archive-list,.archive-list .links,.projects-list{display:block}.archive-list li{margin-bottom:1em}.archive-list .study{margin-left:1em;display:inline-block}a.social{display:inline-block;margin-right:20px}}