body{background:#ebebeb;overflow-x:hidden}.site-content{background:linear-gradient(90deg,transparent 50%,#f2f2f2 0)}h1{font-family:var(--font-title);letter-spacing:.012em}h1,h2{font-weight:400}h2{font-family:var(--font-subtitle);letter-spacing:.015em}#portfolio-head h1,#portfolio-head h2,#portfolio-head-sticky h1,#portfolio-head-sticky h2{color:var(--color-secondary-text-light)}a,p{font-family:var(--font-serif)}.header-extras-container2 a{color:#e0e6fb;font-family:var(--font-mono);font-size:1.3rem}#portfolio-head{padding:0 1.5rem;top:0}#portfolio-head-sticky{left:0;opacity:0;overflow-y:hidden;padding:0 6rem;position:fixed;top:0;transform:translateY(-100%);transition:all .3s!important;z-index:2}#portfolio-head,#portfolio-head-sticky{background:url(/assets/images/header_bkg4.jpg) rgba(47,31,63,.67);background-blend-mode:color-burn;border-bottom:1px solid #000;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;width:100%}@supports (-webkit-touch-callout:none){#portfolio-head,#portfolio-head-sticky{background:url(/assets/images/blog_header_bkg4_ios.jpg)}}#portfolio-head .portfolio-image{max-height:11.5rem;max-width:30rem}#portfolio-head .portfolio-image,#portfolio-head-sticky .portfolio-image{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000}#portfolio-head-sticky .portfolio-image{max-height:10rem;max-width:25.5rem}@media only screen and (max-width:800px){#portfolio-head .portfolio-image{max-width:19rem}#portfolio-head-sticky .portfolio-image{max-width:11rem}}.portfolio-image{display:block}#portfolio-head .portfolio-title{font-size:2.7rem}#portfolio-head-sticky .portfolio-title{font-size:2rem}#portfolio-head .portfolio-subtitle{font-size:2.1rem}#portfolio-head-sticky .portfolio-subtitle{font-size:1.7rem}@media only screen and (max-width:1200px),screen and (max-height:450px){#portfolio-head .portfolio-title{font-size:2.5rem}#portfolio-head-sticky .portfolio-subtitle,#portfolio-head-sticky .portfolio-title{font-size:1.4rem}}.portfolio-title{margin:7px auto;text-align:center;width:100%}.portfolio-subtitle{margin:0 auto 9px;text-align:center;width:100%}.title-container1{display:flex;justify-content:center;margin:0 2rem 2px;padding:0}@supports (-webkit-touch-callout:none){.title-container1{background-size:255px}}.title-container2{align-content:center;margin:4px 2rem 2px}@media only screen and (max-width:750px),screen and (max-height:450px){.header-extras-container2{margin-left:auto;margin-right:auto;padding:2px}}@media only screen and (max-width:1200px){#portfolio-head-sticky .title-container1,#portfolio-head-sticky .title-container2 h2{display:none}}.header-extras-container1{display:flex;flex-wrap:wrap;justify-content:center}.header-extras-container2{align-items:center;background:url(/assets/images/header_bkg4.jpg) rgba(9,70,92,.767);background-blend-mode:color-burn;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;display:flex;justify-content:center;margin-left:2rem;margin-right:2rem;margin-top:3px;padding:4px 10px;width:180px}@supports (-webkit-touch-callout:none){.header-extras-container2{background-size:255px}}#portfolio-outer{padding-left:min(35rem,calc(50vw - 370px))}#portfolio-inner{background:#f2f2f2;border-left:1px solid #000;margin:0 auto 0 0;max-width:1000px;position:relative}@media only screen and (max-width:1200px){#portfolio-outer{padding-left:0}#portfolio-inner{border-left:0;max-width:100%}}.portfolio-item-title-container{border-bottom:1px solid #555;border-left:.5px solid #ccc;border-right:.5px solid #ccc;font-size:1.8rem;margin:0 auto;max-width:800px;padding:1.6rem 2.1rem;text-align:center}@supports (-webkit-touch-callout:none){.portfolio-item-title-container{background-size:255px}}.portfolio-item-title{border-bottom:1px solid #6e6e6e;display:inline-block;font-family:var(--font-inner-heading);font-size:1.8rem;letter-spacing:.06em;padding:.5rem}.portfolio-item-title-container-in-header .portfolio-item-title{border-bottom:none;color:#eee;font-family:var(--font-subtitle);font-size:1.6rem;letter-spacing:.015em;padding:.5rem;text-align:center}.portfolio-intro,.portfolio-item-intro{border-bottom:1px solid #626262;border-left:.5px solid #ccc;border-right:.5px solid #ccc;box-shadow:0 4px 4px 0 #5555552c;font-size:1.7rem;margin:0 auto 4rem;max-width:800px}.portfolio-item-full-text{font-family:var(--font-serif);padding-bottom:6rem}.portfolio-item-full-text>ol,.portfolio-item-full-text>p{font-size:1.7rem;margin:.8rem max(2rem,4%);text-align:left}.portfolio-item-full-text figure{margin:1.8rem max(2rem,4%)}.portfolio-item-full-text img{cursor:inherit!important;margin:1rem auto 1rem 0;width:min(82rem,calc(1000px - 3.2rem),calc(1000vw - 3.2rem))!important}.blog-post-img-container img{cursor:inherit!important;float:right;margin:1rem auto 1rem 0;width:min(82rem,calc(550px - 3.2rem),calc(1000vw - 3.2rem))!important}.excerpt-end{white-space:nowrap}.portfolio-details-arrow{background:url(/assets/images/header_bkg4.jpg) rgba(154,228,184,.49);background-blend-mode:overlay;background-position:bottom -40px right 36px;border-bottom:1px solid #c1c1c1;box-shadow:0 4px 4px 0 #8282823b;color:#000;display:inline-block;font-family:var(--font-subtitle);font-size:2.8rem;height:3rem;line-height:2.4rem;opacity:.9;overflow:hidden;padding:0 1rem;vertical-align:middle}@supports (-webkit-touch-callout:none){.portfolio-details-arrow{background-size:255px}}.portfolio-item-title-container{background:url(/assets/images/header_bkg4.jpg) rgba(191,255,217,.47);background-blend-mode:overlay;background-position:bottom -40px right 36px}.portfolio-item-title-container-in-header{background:url(/assets/images/header_bkg4.jpg) rgba(9,70,92,.767)!important;background-blend-mode:color-burn;background-position:bottom -40px right 36px;max-width:35rem;min-width:180px;width:inherit!important}.portfolio-intro{background:url(/assets/images/header_bkg4.jpg) rgba(220,241,229,.67);background-blend-mode:overlay;background-position:bottom -20px right -6px;padding:3.5rem 2.1rem}.portfolio-item-intro{background:url(/assets/images/header_bkg4.jpg) rgba(226,239,227,.73);background-blend-mode:overlay;background-position:bottom -3px right -160px;padding:1rem 2.1rem}@supports (-webkit-touch-callout:none){.portfolio-intro,.portfolio-item-intro,.portfolio-item-title-container,.portfolio-item-title-container-in-header{background-size:255px!important}}#portfolio-inner h1{border-bottom:1px solid rgba(81,89,112,.95);color:rgba(0,13,52,.95);display:block;font-family:var(--font-subtitle);font-size:2rem;letter-spacing:.08em;margin:2.7rem 3rem 2rem 0;padding:1.1rem 1.5rem 1.1rem calc(.8rem + max(2rem, 4%));width:-moz-fit-content;width:fit-content}.portfolio-item-full-text h1{padding-left:max(2rem,4%)!important}.portfolio-section-title{margin-bottom:.6rem!important}@supports (-webkit-touch-callout:none){#portfolio-inner h1,.portfolio-section-title{background-size:255px}}.portfolio-items{margin:0 auto}.portfolio-item{border-bottom:1px solid transparent;border-right:.5px solid transparent;border-top:.5px solid transparent;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.3rem;margin:0;padding:2.5rem calc(.3rem + max(2rem, 4%));transition:all 0s!important}.portfolio-item:not(:last-child):after{border-bottom:1px solid #ccc;content:" ";margin:0 3.3rem 0 .3rem;position:relative;top:calc(2.5rem + 1px);width:100%;z-index:-1}@media (hover:hover){.portfolio-item:hover{background:#edeef0;border-bottom:1px solid #444;border-right:.5px solid #ccc;border-top:.5px solid #ccc;box-shadow:0 4px 4px 0 #5555552c;opacity:inherit;transition:all .5s!important}.portfolio-item:hover .portfolio-details-arrow{color:#222;opacity:1}}@supports (-webkit-touch-callout:none){.portfolio-item:hover .portfolio-details-arrow{background-size:255px}}.portfolio-item-text{flex:1 1 30rem}.portfolio-item-image-container{flex:1 1 45rem}.portfolio-item-image-container img{max-width:65rem;width:95%}.portfolio-item-text h2{border-bottom:1px solid #c9c9c9;display:inline-block;font-family:var(--font-inner-heading);font-size:1.8rem;letter-spacing:.08em;margin:.5rem 2rem .5rem 0;padding:.5rem}.portfolio-item-text .excerpt{font-size:1.7rem;line-height:2.7rem;margin:.5rem 0;padding-left:.5rem}.portfolio-item-text .skills{margin:1rem 0}.skills-on-item-page{align-items:baseline;display:flex;flex-wrap:wrap;margin:3.3rem 1.1rem 3.3rem max(2rem,4%)}.skills-title{border-bottom:1px solid #6e6e6e;font-family:var(--font-subtitle);font-size:1.8rem;left:-.3rem;letter-spacing:.03rem;margin:.2rem .5rem .5rem 0;padding:.3rem;position:relative}.skills-on-item-page .skills{flex:1 0 min(55rem,100%)}.skills-title-on-index-page{border-bottom:1px solid #ccc;color:#555;font-family:var(--font-subtitle);font-size:1.4rem;letter-spacing:.03rem;margin:.7rem;padding:.4rem;width:-moz-fit-content;width:fit-content}.skills .skill{background:url(/assets/images/header_bkg4.jpg) #eaf0eed4;background-blend-mode:color-burn;background-position:left 20px;border-radius:.4rem;color:#104f44;display:inline-block;font-family:var(--font-mono);font-size:1.2rem;margin:.35rem;padding:.6rem}.skills .skill:nth-child(4n+1){background-position:left 40px top 5px}.skills .skill:nth-child(4n+2){background-position:left -10px top -5px}.skills .skill:nth-child(4n+3){background-position:left -30px top 15px}@supports (-webkit-touch-callout:none){.skills .skill{background-size:255px}}.portfolio-publications-container{margin:2rem 2rem 0;padding-bottom:6rem}.portfolio-publications-container p{font-size:1.7rem;margin-bottom:1rem;padding-left:1.6em;text-align:left;text-indent:-1.6em}u{text-decoration:none;word-break:break-all}.portfolio-intro p a,.portfolio-item-full-text p a,.portfolio-publications-container p a{border-bottom:.5px solid #3d3d83;color:#3d3d83;padding:.15rem 0}.portfolio-item-full-text p a:hover,.portfolio-publications-container p a:hover{background-color:#ffffffe9}.portfolio-nav-arrow{font-family:var(--font-title);font-size:2.2rem}.portfolio-back-link{background:url(/assets/images/header_bkg4.jpg) rgba(3,5,8,.65);background-blend-mode:color-dodge;background-position:bottom 30px right 16px;border-bottom:.5px solid #000;color:var(--color-secondary-text-light);display:inline-block}#portfolio-toc-toggle{background:url(/assets/images/header_bkg4.jpg) rgba(220,241,229,.67);background-blend-mode:overlay;background-position:bottom -2px right -2px;border-bottom:.5px solid #a9a9a9;border-radius:0 .7rem .7rem 0;border-right:.5px solid #a9a9a9;border-top:.5px solid #a9a9a9;color:#373737;display:inline-block}#portfolio-toc-toggle,.portfolio-back-link{box-shadow:0 4px 4px 0 #5555554b;font-family:var(--font-subtitle);font-size:1.9rem;letter-spacing:.03rem;line-height:2rem;padding:1.1rem}@media (hover:hover){a.portfolio-back-link:hover{background:url(/assets/images/header_bkg4.jpg) #010406ed;background-position:bottom 30px right 16px}#portfolio-toc-toggle:hover{background:url(/assets/images/header_bkg4.jpg) rgba(198,255,223,.36);background-position:bottom -2px right -2px}}@supports (-webkit-touch-callout:none){#portfolio-toc-toggle,#portfolio-toc-toggle:hover,.portfolio-back-link,a.portfolio-back-link:hover{background-size:255px}}#toc-container{left:0;overflow-y:auto;padding:1.1rem 0 0;position:fixed;width:min(35rem,calc(50vw - 370px))}#toc-container h1{border-bottom:1px solid #6e6e6e;color:#333;display:inline-block;font-family:var(--font-inner-heading);font-size:1.8rem;letter-spacing:.08em;margin:1.1rem 0 1rem calc(max(.8rem, 7%) - .5rem);padding:.5rem}.toc>.toc-list{padding:0!important}.toc-list .toc-list a{padding-left:calc(max(.8rem, 7%) + 10%)!important}.toc-list{padding-left:0!important}.toc-list-item{margin:.3rem 0;padding:0!important}.toc a{border-bottom:1px solid transparent;border-top:1px solid transparent;color:#222;display:block;font-family:var(--font-serif);font-size:1.6rem;font-weight:400!important;padding:.3rem max(.8rem,7%);text-decoration:none;transition:all 0s!important}.toc a.is-active-link{background:url(/assets/images/header_bkg4.jpg) rgba(24,70,98,.66);background-blend-mode:color-burn;background-position:right 11px;border-bottom:1px solid #272727;border-top:1px solid #272727;box-shadow:0 4px 4px 0 #5555554b;color:#fff}@media (hover:hover){.toc a:hover{background:url(/assets/images/header_bkg4.jpg) rgba(108,132,135,.53);background-blend-mode:overlay;background-position:right 11px;border-bottom:1px solid #888;border-top:1px solid #888;box-shadow:0 4px 4px 0 #5555552c;color:#000;opacity:1}.toc a.is-active-link:hover{background:url(/assets/images/header_bkg4.jpg) rgba(10,52,78,.66);background-blend-mode:color-burn;background-position:right 11px;border-bottom:1px solid #272727;border-top:1px solid #272727;box-shadow:0 4px 4px 0 #5555554b;color:#fff;opacity:1}}@supports (-webkit-touch-callout:none){.toc a.is-active-link{background-size:255px}@media (hover:hover){.toc a.is-active-link:hover,.toc a:hover{background-size:255px}}}.is-active-link:before,.toc-link:before{display:none!important}#top{position:relative;top:-20px}#portfolio-toc-toggle,#toc-close-button{display:none}@media only screen and (max-width:1200px){#toc-overlay{background:rgba(0,0,0,.3);display:none;height:100%;opacity:0;width:100%;z-index:3}#toc-container,#toc-overlay{left:0;position:fixed;top:0;transition:opacity .3s!important}#toc-container{background:#ebebeb;border-right:1px solid #000;height:100vh;margin:0;max-height:100vh;opacity:.5;overflow-y:auto;transform:translateX(-100%);transition:transform .3s!important;width:min(calc(100vw - 6rem),45rem);z-index:4}#portfolio-toc-toggle{clear:left;display:block;float:left;font-size:1.5rem;left:0;margin-right:.3rem;margin-top:.4rem;max-width:3.6rem;padding:.5rem;position:sticky;text-align:center;top:.4rem;z-index:3}#toc-close-button{background-color:#f5f5f5;border-bottom:.5px solid #444;border-left:.5px solid #444;border-radius:.4rem 0 0 .4rem;border-top:.5px solid #444;cursor:pointer;display:block;font-family:var(--font-title);font-size:1.9rem;padding:.2rem .6rem;position:absolute;right:0;top:.4rem}@media (hover:hover){#toc-close-button:hover{background-color:#fff;border-bottom:.5px solid #000}}.portfolio-intro,.portfolio-item-intro,.portfolio-item-title-container{margin-left:max(calc(50vw - 400px),6rem);margin-right:max(calc(50vw - 400px),6rem)}}@media only screen and (max-width:750px){.portfolio-intro,.portfolio-item-intro,.portfolio-item-title-container{margin-left:4.4rem;margin-right:4.4rem}}/*# sourceMappingURL=blog-index.css.map */