/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.1em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#projects{margin-right:auto;margin-left:auto;max-width:1300px;width:95%;padding:5px;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;background-color:rgb(255 255 255 / .459)}#projects form{width:100%;padding-bottom:1em;display:flex;text-align:left;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:.8em}#projects form p{color:#fff}#projects form label{display:block;background-color:#b55ce5;border-radius:15px;padding:0 20px;transition-duration:0.25s}#projects form label:hover{background-color:rgb(181 92 229 / .7058823529);cursor:pointer}#projects form input{display:none}#projects form input:active+label{padding:0 15px}#projects form input:checked+label{background-color:#f96000}#projects figure{padding:0;display:inline-flex;justify-content:left;align-items:flex-start;text-align:left;margin:.1%;border-radius:20px;border-width:5px;border-style:solid;overflow:hidden;position:relative;height:11em}#projects figure:hover{cursor:pointer}#projects figure.motion figcaption{background-color:rgb(249 95 0 / .5019607843)}#projects figure.software figcaption{background-color:rgb(181 92 229 / .5019607843)}#projects figure.campaign figcaption{background-color:rgb(100 11 26 / .5019607843)}#projects figure a{text-decoration:none}#projects figure p{color:#fff;line-height:.9em;margin-top:.25em}#projects figure h1{font-size:2em;color:#fff;margin-top:0;line-height:.8em}#projects figure h2{font-size:.8em;color:#fff;margin-top:0}#projects figure video,#projects figure img{width:101%;height:101%;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}#projects figure:hover figcaption{opacity:1;transform:translateY(0)}#projects figure figcaption{height:100%;width:100%;padding:15px;box-sizing:content-box;transform:translateY(-5px);opacity:0;transition-duration:0.5s}.one{width:19%}.two{width:39%}.three{width:59%}.motion{border-color:#f96000}.software{border-color:#b55ce5}.campaign{border-color:#640b1a}@font-face{font-family:"forma-djr-display";src:url(https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:"forma-djr-display";src:url(https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/a?subset_id=2&fvd=i5&v=3) format("opentype");font-display:auto;font-style:italic;font-weight:500;font-stretch:normal}@font-face{font-family:"forma-djr-display";src:url(https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:"miller-banner";src:url(https://use.typekit.net/af/1ddc24/00000000000000007757670d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/1ddc24/00000000000000007757670d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/1ddc24/00000000000000007757670d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:800;font-stretch:normal}h1{color:#001b1c;font-family:"miller-banner",serif;font-weight:800;font-style:normal;font-size:4em}a,p,h2,h3,button,figcaption,li{color:#001b1c;font-family:"forma-djr-display",sans-serif;font-weight:500;font-style:normal}a{text-decoration:underline}figcaption{font-size:1.15em;font-style:italic}h2{font-size:1.5em;font-style:italic}em{font-weight:700;font-style:normal}p{font-size:.9em}#skills{width:90%;height:100vh;display:flex;flex-direction:column;text-align:center;justify-content:center}#skills h3{opacity:.65;margin-bottom:50px}#skills canvas{width:128px;height:128px}#skills form{display:flex;flex-direction:column;justify-content:space-around;height:600px;margin-bottom:50px}#skills form input{display:none}#skills form input:checked+label canvas,#skills form input:checked+label img{opacity:1;transition-duration:1s}#skills form input:checked+label h1{opacity:1;transition-duration:1s}#skills form label{display:flex;flex-direction:row;justify-content:center}#skills form label h1{opacity:.5;transition-duration:0.25s}#skills form label canvas,#skills form label img{position:absolute;pointer-events:none;opacity:0;transition-duration:0.25s;z-index:1}#skills form label canvas:nth-child(1),#skills form label img:nth-child(1){margin-top:-4em;margin-left:12em}#skills form label canvas:nth-child(3),#skills form label img:nth-child(3){margin-top:-3.5em;margin-left:-17em}#skills form label canvas:nth-child(4),#skills form label img:nth-child(4){margin-top:2em;margin-left:-4em}#skills form label:hover{cursor:pointer}#skills form label:hover h1{opacity:1;transition-duration:1s}#skills form label:hover canvas,#skills form label:hover img{opacity:1;transition-duration:1s}#featured{width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:fit-content(1em);gap:.5em;padding-top:2em}#featured h1{grid-column:1/span 3;width:100%;text-align:center;margin:0}#featured figure:nth-child(2){border-color:#b55ce5}#featured figure:nth-child(2) figcaption{background:linear-gradient(#fff0,#b55ce5)}#featured figure:nth-child(3){border-color:#f95f00}#featured figure:nth-child(3) figcaption{background:linear-gradient(#fff0,#f95f00)}#featured figure:nth-child(4){border-color:#640b1a}#featured figure:nth-child(4) figcaption{background:linear-gradient(#fff0,#640b1a)}#featured figure{cursor:pointer;box-sizing:border-box;width:100%;border-radius:25px;border-width:5px;border-style:solid;overflow:hidden;position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;height:20em}#featured figure img,#featured figure video{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}#featured figure h1,#featured figure p,#featured figure h2{color:#fff;margin:0}#featured figure h1{font-size:2.5em;text-align:left}#featured figure h2{font-size:1em}#featured figure p{margin-bottom:-2em;opacity:0;transition:0.5s}#featured figure figcaption{z-index:1;align-self:flex-end;width:100%;padding-top:8em;pointer-events:none;opacity:1;padding-left:5%}#featured figure:hover p{opacity:1;margin-bottom:.5em}#project section{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:fit-content(1em);gap:0}#project section div{grid-column:1/span 2;grid-row:2;margin:auto}#project section div h1,#project section div h2,#project section div h3{margin:0}#project section div h1{line-height:.8em}#project section div h2{line-height:1em}#project section div h3{line-height:1.5em;opacity:.65}#project section div .stats{display:grid;padding-top:5%;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:.8em}#project section div .stats p{margin:0}#project section button{grid-column:3/span 5;grid-row:2;animation-name:rotate;animation-duration:3s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;width:28%;aspect-ratio:1.015;margin-left:auto;margin-right:1em;margin-top:auto;margin-bottom:1em;z-index:1;background-image:url(../../img/svg/star.svg);background-repeat:no-repeat;background-size:contain;color:#fff;background-color:#fff0;border-radius:0;font-size:1.5em;border:none}#project section #stripe-in{grid-column:3/span 5;grid-row:1;justify-self:center;width:25%;height:100%;box-sizing:border-box}#project section #stripe-back{width:100%;grid-column:3/span 5;grid-row:2}#project section #stripe-transition{grid-column:3/span 5;grid-row:1/span 3;width:100%}#project section #stripe-corner{grid-column:4;grid-row:3}#project section #stripe-out{grid-column:1/span 3;aspect-ratio:12/1;grid-row:3;transition:2s ease-out;height:100%;width:300%;margin-left:-198%}#project section img{width:100%;border:none;border-radius:0}#project section figure{z-index:1;display:flex;flex-direction:column;margin:0 auto;width:85%;align-items:center;justify-content:space-around;grid-column:3/span 5;grid-row:2}#project section figure .wide{width:100%}#project section figure .square{width:85%}#project section figure .vert{width:45%}#project section figure .motion{border-color:#f96000}#project section figure .software{border-color:#b55ce5}#project section figure .campaign{border-color:#640b1a}#project section figure video,#project section figure img{border-width:5px;border-style:solid;border-radius:20px;box-sizing:border-box}#project lite-vimeo,#project .youtube,#project video,#project img{width:100%;border-width:5px;border-style:solid;border-radius:15px;border-color:#b55ce5;box-sizing:border-box}#project #project-images{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:.8em;margin:3em 0}#project #project-images figcaption{grid-column:auto/span 2;text-align:center}#project #project-images .full{grid-column:auto/span 2}#project #project-images .youtube{grid-column:auto/span 2;max-width:1300px;height:51vw;max-height:736px}#project #project-images lite-vimeo{grid-column:auto/span 2;max-width:1300px;height:51vw;max-height:736px}#project #project-images button{grid-column:2;width:30%;margin-left:auto;display:block;background-color:#b55ce5;border-radius:15px;padding:20px 20px;transition-duration:0.25s;color:#fff;border:none}#project #project-images button:hover{background-color:rgb(181 92 229 / .7058823529)}#project #project-images button.ltv-playbtn{background-color:#fff0}#project #project-images video,#project #project-images img{transition-duration:0.25s;box-shadow:0 0 0 #b55ce5}#project #project-images video:hover,#project #project-images img:hover{box-shadow:5px 5px 0 #b55ce5}#project nav{display:flex;flex-direction:row;justify-content:space-between}@keyframes rotate{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}#deepdive h1,#deepdive h2,#deepdive h3,#deepdive p{margin:0}#deepdive h1{font-size:3em}#deepdive video,#deepdive img{transition-duration:0.25s;box-shadow:0 0 0 #b55ce5}#deepdive video:hover,#deepdive img:hover{box-shadow:5px 5px 0 #b55ce5}#deepdive .article-intro{margin-top:5em;margin-bottom:5em;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:2em}#deepdive .article-intro div{grid-column:2;grid-row:1;display:flex;flex-direction:column;margin:auto 0}#deepdive .article-intro button{grid-column:2;grid-row:1;width:28%;height:-moz-fit-content;height:fit-content;margin-top:auto;margin-bottom:1em;margin-left:auto;margin-right:1em;margin-left:auto;margin-right:1em;margin-top:auto;margin-bottom:1em;z-index:1;background-image:url(../../img/svg/star.svg);background-repeat:no-repeat;background-size:contain;color:#fff;background-color:#fff0;border-radius:0;font-size:1.5em;border:none;aspect-ratio:1.015}#deepdive .article-intro h1{font-size:3em;line-height:1.1em}#deepdive .article-intro h2{font-size:1.5em;line-height:1em}#deepdive .article-intro h3{font-size:1em;opacity:.5;line-height:1.25em}#deepdive .article-explainer section{margin:2.5em 0}#deepdive .article-explainer .experiment{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:fit-content(1em);gap:1em}#deepdive .article-explainer .experiment h2{grid-column:1;grid-row:1}#deepdive .article-explainer .experiment p{grid-row:1;grid-column:2/span 2}#deepdive .article-explainer .experiment iframe{grid-column:1/span 3;grid-row:2;max-width:1300px;height:51vw;max-height:736px}#deepdive .article-explainer .article-section{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:fit-content(1em);gap:1em}#deepdive .article-explainer .article-section h2{grid-column:1}#deepdive .article-explainer .article-section p,#deepdive .article-explainer .article-section ul{grid-column:2/span 2}#deepdive .article-explainer .article-section ul{padding-left:.8em;line-height:1.5em;margin:0}#deepdive .article-explainer .article-section video{grid-column:1/span 3;width:100%}#deepdive .article-explainer .two-column{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:1em}#deepdive .article-explainer .two-column h2{grid-column:1/span 2;grid-row:auto}#deepdive .article-explainer .two-column img{grid-column:2}#deepdive .article-explainer .algorithm-diagrams{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:fit-content(1em);gap:2em}#deepdive .article-explainer .algorithm-diagrams div{grid-row:1}#deepdive .article-explainer .algorithm-diagrams img{grid-row:2}#deepdive .article-explainer .reflection{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:.5em}#deepdive .article-explainer .reflection h2,#deepdive .article-explainer .reflection p{grid-column:1}#deepdive .article-explainer .reflection img{grid-column:2}#deepdive figure{width:100%;margin:0}#deepdive iframe,#deepdive video,#deepdive img{width:100%;border-width:5px;border-style:solid;border-radius:15px;border-color:#b55ce5;box-sizing:border-box}#deepdive nav{display:flex;flex-direction:row;justify-content:space-between}#about{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:.8em}#about div{display:flex;flex-direction:column;align-items:left;justify-content:center}#about div p{margin:0;font-size:.9em;line-height:1.3em;max-width:22rem}#about #portrait-anim{width:100%;aspect-ratio:1/1}.hero{height:200vh;overflow-x:clip;overflow-y:visible}.hero #hero-display{height:100vh;position:sticky;top:0;align-self:start;width:100vw}.hero #creature{position:absolute;height:30vh;top:5vh;right:0}.hero #splat{position:absolute;height:30vh;top:57vh;left:-8vh;transform:rotate(90deg);z-index:1}.hero video{position:absolute;height:35vh;top:55vh;left:-3vh;transform:rotate(55deg)}.hero #scroll-prompt{width:-moz-max-content;width:max-content;bottom:0;position:absolute;margin-left:1em}.hero #logo-reel{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero #logo-reel #jono{width:min(60vw, 60vh);margin-bottom:max(-3vw, -3vh);margin-right:min(11vw, 11vh)}.hero #logo-reel #reel{background-color:#fff;border-radius:5px;border:2px solid #f96000;overflow:hidden;width:0;height:0;display:grid}.hero #logo-reel #reel button{grid-area:1/1;margin:auto auto;z-index:1;width:100%;height:100%;background-color:#fff0;border-style:none}.hero #logo-reel #reel button img{width:20%;height:20%;opacity:.75;margin:auto auto;transition:0.25s}.hero #logo-reel #reel button:hover img{opacity:.95;width:21%;height:21%;transition:0.5s}.hero #logo-reel #reel button:active img{width:18%;height:18%}.hero #logo-reel #reel img,.hero #logo-reel #reel iframe,.hero #logo-reel #reel lite-vimeo{grid-area:1/1;width:100%;height:100%;margin:auto auto}.hero #logo-reel #morriss{width:min(39vw, 39vh);margin-left:min(28vw, 28vh)}.hero #logo-reel #role{display:flex;flex-direction:row;width:100%;justify-content:center;gap:.5em;margin-top:2em;height:3em;align-items:center}.hero #logo-reel #role h2{margin:0;margin-left:.15em;margin-top:.1em}.hero #logo-reel #role canvas{height:1em;width:2.5em}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:fit-content(1em);gap:.8em}.grid img,.grid video{width:100%}.grid .full{grid-column:auto/span 12}.grid .three-quarters{grid-column:auto/span 9}.grid .half{grid-column:auto/span 6}.grid .quarter{grid-column:auto/span 3}.grid .two-thirds{grid-column:auto/span 8}.grid .third{grid-column:auto/span 4}html{font-size:1.4em;line-height:1.1;box-sizing:border-box;margin:0;background-color:#fcecd7;scroll-behavior:smooth}.wrapper{margin-right:auto;margin-left:auto;max-width:1300px;padding:0 max(8px, 5%)}button:hover{cursor:pointer}#page-transition{width:100vw;height:100vh;position:fixed;top:0;padding:0;margin:0;z-index:1000;background-color:#fff0;opacity:1;pointer-events:none}#page-transition button{transition-duration:1s;z-index:1002}#page-transition #scribble{display:block;justify-content:center;align-items:center;margin:0;width:100vw;height:100vh;position:absolute;overflow:hidden;top:0;z-index:1001}#page-transition #scribble lottie-player{width:max(177vh, 100vw);height:max(100vh, 56.25vw);position:absolute;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}#page-transition figure{z-index:1002;display:inline-flex;justify-content:center;align-items:center;margin:0;border-radius:20px;border-width:5px;border-style:solid;overflow:hidden;position:relative;height:11em;box-sizing:border-box}#page-transition figure.motion figcaption{background-color:rgb(249 95 0 / .5019607843)}#page-transition figure.software figcaption{background-color:rgb(181 92 229 / .5019607843)}#page-transition figure.campaign figcaption{background-color:rgb(100 11 26 / .5019607843)}#page-transition figure video,#page-transition figure img{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}#page-transition figure:hover figcaption{opacity:1;transform:translateY(0)}#page-transition figure figcaption{height:100%;width:100%;padding:15px;padding-top:35px;box-sizing:content-box;transform:translateY(-5px);opacity:0;transition-duration:0.5s}#logo img{height:2em}#open-nav{display:none}header{position:fixed;top:0;z-index:1000;width:100vw;background-color:rgb(252 236 215 / .4862745098)}header nav{padding-top:20px;width:90%;max-width:1300px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}header nav ul{margin:auto 0;padding:0;gap:.5em;display:flex;flex-direction:row;list-style-type:none}header nav ul li{width:1.5em;height:1.5em;display:flex;flex-direction:column;justify-content:center;text-align:center}header nav ul a{height:1.5em}header nav ul img{box-sizing:border-box;text-decoration:none;width:1.5em;height:1.5em}header nav ul p{opacity:0;position:absolute;top:2.75em;margin-left:-3.3em;width:5em;text-align:right;transition:0.25s;pointer-events:none}header nav ul li:hover p{top:2.5em;opacity:1;transition:0.15s}#bio{background-color:#b55ce5}#work{background-color:#f96000}#email{background-color:#640b1a}#lightbox{opacity:0;display:flex;position:fixed;justify-content:center;align-items:center;pointer-events:none;z-index:1000;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .8);transition:0.5s}#lightbox img{width:80%;max-width:800px;transition:0.5s}#lightbox.active{opacity:1;pointer-events:auto}#lightbox.active img{width:100%;max-width:1000px}footer{margin-top:.5em;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:1.6rem;margin-right:auto;margin-left:auto;max-width:1300px;padding:0 max(8px, 5%);padding-top:5em}footer li{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:0}footer a{text-decoration:none;font-style:italic}footer div{overflow:hidden;display:grid;place-content:baseline;height:390px}footer div *{grid-area:1/1}footer div video{width:45%;margin-left:25%;transform:rotate(-40deg) translateY(20px);transition-duration:0.5s}footer div video:hover{margin-left:27%;transform:rotate(-30deg);margin-top:-5%}footer div img{width:100%;pointer-events:none;transform:translateY(25px)}@media screen and (max-width:480px){h1{font-size:2.5em}h2{font-size:1.25em}.hero #scroll-prompt{margin-left:1em}.hero #splat{height:20vh}.hero video{height:25vh}.hero #logo-reel #role{gap:.1em}.hero #logo-reel #role lottie-player{height:.9em;width:2.7em;margin-top:1.2em}#about{grid-template-columns:repeat(1,1fr)}#featured{display:flex;flex-direction:column}#featured h1{width:100%}#featured article{width:100%;height:15em}#featured article h1{font-size:2em;margin:0}#featured article h2{font-size:1em;margin:0}#featured article p{display:none}.one,.two,.three{width:100%}#project-list h1{font-size:1.5em}#project-list article{margin:1%;height:8em}#project-list article figcaption{opacity:1;transform:translateY(0)}footer{grid-template-columns:repeat(1,1fr)}footer article{height:200px}footer h2,footer a{margin:20px 0}footer p{font-size:.7em}footer div{height:250px}#project section{grid-template-columns:repeat(3,1fr)}#project section #stripe-in{grid-column:1/span 3;height:22.435897435vw;margin-bottom:-1px;margin-right:-1px}#project section #stripe-back{grid-column:1/span 3}#project section #stripe-transition{grid-column:1/span 3}#project section #stripe-corner{grid-column:2;margin-top:-1px}#project section #stripe-out{grid-column:1;height:22.435897435vw;margin-top:-1px;margin-bottom:1em}#project section figure{grid-column:1/span 3}#project section button{grid-column:1/span 3;width:40%;margin-bottom:-1.5em;font-size:1.25em}#project section div{grid-column:1/span 3;grid-row:4}#project #project-images button{width:100%;padding:.5em;padding-bottom:.25em;border-radius:.25em}#deepdive .article-intro{grid-template-columns:repeat(1,1fr);gap:2em;margin-bottom:3em}#deepdive .article-intro h1{line-height:1em;margin-bottom:.3em;font-size:2.3em}#deepdive .article-intro h2{font-size:1.3em}#deepdive .article-intro h3{font-size:.75em}#deepdive .article-intro img{grid-column:1;grid-row:1}#deepdive .article-intro div{grid-column:1;grid-row:2}#deepdive .article-intro button{grid-column:1;grid-row:2;width:35%;font-size:1.1em;margin-right:0em;margin-bottom:-1em}#deepdive .article-explainer .experiment{display:flex;flex-direction:column}#deepdive .article-explainer .experiment iframe{height:60vh}#deepdive .article-explainer .algorithm-diagrams,#deepdive .article-explainer .two-column,#deepdive .article-explainer .article-section,#deepdive .article-explainer .reflection{display:flex;flex-direction:column}header{pointer-events:none;transition:0.5s;background-color:#fff0}header label{pointer-events:auto;cursor:pointer;display:flex;justify-self:flex-end;align-items:baseline;padding:25px 15px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:visible;width:18px}header label span{background:#333;display:block;height:2px;width:25px;position:relative}header label span:before{top:6px}header label span:after{top:-6px}header label span:before,header label span:after{background:#333;display:block;width:100%;height:100%;content:"";position:absolute;transition:all 0.2s ease-out}header nav{opacity:0;transition:1s;height:100vh;width:65vw;flex-direction:column}header nav ul{flex-direction:column;gap:2em}header nav ul li{flex-direction:row;justify-content:flex-start;width:2em;height:2em}header nav ul li img,header nav ul li a{height:2em;width:2em}header nav ul li p{opacity:1;position:relative;top:-.9em;margin-left:1em;text-align:left;width:-moz-fit-content;width:fit-content}header nav ul li:hover p{top:-.9em}header #logo{margin:0 auto;margin-top:3em;width:100%}header #logo img{height:auto}header input:checked+label{background:#fff0}header input:checked+label span{background:#fff0}header input:checked+label span:before{transform:rotate(-45deg)}header input:checked+label span:after{transform:rotate(45deg)}header input:checked+label span:before,header input:checked+label span:after{top:0}header input:checked~nav{opacity:1}header:has(input:checked){pointer-events:auto;background-color:#fcecd7}#skills form label img:nth-child(1){margin-top:-2em;margin-left:-13em}#skills form label img:nth-child(3){margin-top:-3em;margin-left:12em}#skills form label img:nth-child(4){margin-top:3.25em;margin-left:8em}}@media screen and (min-width:481px) and (max-width:768px){html{font-size:1.2em;line-height:1.1}h1{font-size:3em}h2{font-size:1.25em}p{font-size:1em}.hero #scroll-prompt{margin-left:1em;margin-bottom:1.5em}.hero #splat{height:25vh}.hero video{height:35vh;bottom:11vh}.hero #logo-reel #role{gap:.1em}.hero #logo-reel #role lottie-player{height:.9em;width:2.7em;margin-top:1.2em}#featured{width:90%;margin:0 auto}#featured article{height:15em}#featured article h1{font-size:1.8em;margin:0}#featured article h2{font-size:1em;margin:0}#featured article p{margin:0;opacity:1;font-size:.75em}#projects{width:95%}#projects form label{font-size:1em;border-radius:.75em;padding:0}#projects form label p{margin:.75em}.one,.two,.three{width:45%}#project-list h1{font-size:1.5em}#project-list h2{font-size:.8em}#project-list p{font-size:.9em}#project-list article{margin:1%;height:8em}#project-list article figcaption{opacity:1;transform:translateY(0)}footer h1{font-size:2em}footer article{height:185px}footer h2,footer a{margin:20px 0}footer p{font-size:.7em}footer div{height:33vw}#project section #stripe-in{height:13.501302083vw;margin-top:-1px}#project section #stripe-corner{margin-top:-1px}#project section #stripe-out{height:13.501302083vw;margin-top:-1px;margin-bottom:1em}#project section button{width:40%;margin-bottom:-1.5em;font-size:1.25em}#project section div h1{font-size:2.3em}#project section div .stats{font-size:.8em}#project #project-images button{width:100%;padding:.5em;padding-bottom:.25em;border-radius:.25em}#deepdive .article-intro{margin-bottom:3em}#deepdive .article-intro h1{line-height:1em;margin-bottom:.3em;font-size:2.3em}#deepdive .article-intro h2{font-size:1.3em}#deepdive .article-intro h3{font-size:.75em}#deepdive .article-intro button{grid-column:2;width:35%;font-size:1.1em;margin-right:0em;margin-bottom:-1em}#deepdive .article-explainer .algorithm-diagrams{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:2em}#deepdive .article-explainer .algorithm-diagrams div{grid-row:auto;grid-column:auto}#deepdive .article-explainer .algorithm-diagrams img{grid-row:auto;grid-column:auto}#skills form label img:nth-child(1){margin-top:-5em;margin-left:-19em}#skills form label img:nth-child(3){margin-top:-4em;margin-left:16em}#skills form label img:nth-child(4){margin-top:1.5em;margin-left:-6em}}@media screen and (min-width:769px) and (max-width:1279px){html{font-size:1.2em;line-height:1.1}h1{font-size:3em}h2{font-size:1.25em}p{font-size:1em}.hero #scroll-prompt{margin-left:1em}.hero #splat{height:25vh}.hero video{height:35vh;bottom:11vh}.hero #logo-reel #role{gap:.1em}.hero #logo-reel #role lottie-player{height:.9em;width:2.7em;margin-top:1.2em}#featured{width:90%;margin:0 auto}#featured article{height:15em}#featured article h1{font-size:2em;margin:0}#featured article h2{font-size:1em;margin:0}#featured article p{opacity:1;margin:0;margin-bottom:1em}#projects{width:95%}#projects form label{font-size:1em;border-radius:.75em;padding:0}#projects form label p{margin:.75em}.one{width:18%}.two{width:38%}.three{width:58%}#project-list h1{font-size:1.5em}#project-list h2{font-size:.8em}#project-list p{font-size:.8em}#project-list article{margin:.1%}#project-list article figcaption{opacity:1;transform:translateY(0)}footer h1{font-size:3em}footer article{height:185px}footer h2,footer a{margin:20px 0}footer p{font-size:.7em}footer div{height:33vw}#project section #stripe-in{height:13.501302083vw;margin-top:-1px}#project section #stripe-corner{margin-top:-1px}#project section #stripe-out{height:13.501302083vw;margin-top:-1px;margin-bottom:1em}#project section button{width:30%;margin-bottom:-1.5em;font-size:1.25em}#project #project-images button{width:100%;padding:.5em;padding-bottom:.25em;border-radius:.25em}#deepdive .article-intro{margin-bottom:3em}#deepdive .article-intro h1{line-height:1em;margin-bottom:.3em;font-size:3em}#deepdive .article-intro h2{font-size:1.3em}#deepdive .article-intro h3{font-size:.75em}#deepdive .article-intro button{grid-column:2;width:35%;font-size:1.1em;margin-right:0em}#deepdive .article-explainer .algorithm-diagrams{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em);gap:2em}#deepdive .article-explainer .algorithm-diagrams div{grid-row:auto;grid-column:auto}#deepdive .article-explainer .algorithm-diagrams img{grid-row:auto;grid-column:auto}#skills form label img:nth-child(1){margin-top:-5em;margin-left:-19em}#skills form label img:nth-child(3){margin-top:.5em;margin-left:16em}#skills form label img:nth-child(4){margin-top:1.5em;margin-left:-6em}}