*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"TAN-MISCHIEF";src:url("/fonts/TAN-MISCHIEF.woff2") format("woff2");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}:root{--max-width: 40rem;--font-display: "Chivo";--font-body: "Chivo";--media-switch-width: 50rem}body{font-family:"Chivo",sans-serif}.w-full{width:100%}.fullwidth-flex{width:100%;display:flex}a:hover{color:hotpink}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}.fullwidth-flex{width:100%;display:flex}.sidebar-container{position:fixed;top:0;left:0;width:24rem;padding-left:50px;padding-right:50px;border-right:solid 1px #dcdcdc;height:100vh;overflow-y:auto}.main-layout-container{margin-left:24rem;display:block;width:calc(100% - 24rem)}.content-container{min-height:90vh;width:100%;display:flex;justify-content:center;flex-direction:row;padding-top:42px;padding-left:20px;padding-right:20px;padding-bottom:100px}.content-container .content{width:100%;max-width:45rem}.feature-container{display:flex;justify-content:center;width:100%;height:100vh}@media screen and (max-width: 48rem){.sidebar-container{position:relative;height:auto;width:100%;border-right:none;border-bottom:solid 1px #dcdcdc}.main-layout-container{margin-left:0;width:100%}.fullwidth-flex{flex-direction:column}}.footer-container{display:flex;justify-content:space-between;gap:2rem;padding:3rem 2rem 5rem 2rem;border-top:solid;border-width:1px;border-color:#dcdcdc}.footer-container li{list-style-type:none;margin-top:.5rem}.footer-credit-container{display:flex;flex-direction:column;gap:.5rem}.footer-credit-container .footer-logo{width:10rem;height:auto}.footer-credit-container .footer-badges{display:flex;gap:.5rem}.footer-credit-container .footer-badges img{width:88px;image-rendering:pixelated}.footer-link-container{display:flex;gap:1rem}.footer-link-container h2{font-size:1rem}.footer-link-container div{min-width:8rem}@media screen and (max-width: 64rem){.footer-container{flex-direction:column}.footer-credit-container .footer-logo{width:18rem;height:auto}}.header{padding-top:3rem;padding-bottom:3rem}.header img{width:100%;height:auto;max-width:16rem}@media screen and (max-width: 48rem){.header{justify-self:center;padding-top:1.5rem;padding-bottom:1.5rem}.header img{width:15rem;height:auto}}.navbar-container{width:7rem;gap:5rem;}.navbar-container li{list-style-type:none;margin-top:.5rem;display:flex;align-items:center}@media screen and (max-width: 48rem){.navbar-container{width:auto;justify-self:center;padding-bottom:1.5rem}.navbar-container li{text-align:center;margin-top:.5rem}}.navbar-container a{text-decoration:none;color:inherit;font-size:1rem;font-weight:normal;}.navbar-container .spacer{flex-grow:1}.navbar-container .bold-link{font-weight:bold}.navbar-container a:hover{color:hotpink;}.navbar-submenu{list-style-type:none;padding-left:10px;}.navbar-submenu li{margin:5px 0;}.navbar-container a.active{font-weight:200;color:hotpink}.navbar-container a.active{font-weight:bold;color:#ffb8dc;perspective:500px;display:inline-block;transform-origin:left center;animation-name:spin,depth;animation-timing-function:linear ease-out;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:forwards}@keyframes spin{from{transform:rotateY(0deg)}to{transform:rotateY(-360deg)}}@keyframes depth{0%{text-shadow:0 0 #b63376}25%{text-shadow:1px 0 #b63376,2px 0 #b63376,3px 0 #b63376,4px 0 #b63376,5px 0 #b63376}50%{text-shadow:0 0 #b63376}75%{text-shadow:-1px 0 #b63376,-2px 0 #b63376,-3px 0 #b63376,-4px 0 #b63376,-5px 0 #b63376}100%{text-shadow:0 0 #b63376,-.5px 0 #b63376,-1px 0 #b63376,-2px 0 #b63376,-3px 0 #b63376}}.page-content{max-width:48rem;width:100%;}.page-content h1{margin-top:1rem;font-size:xx-large}.page-content h2{margin-top:2rem;margin-bottom:1rem}.page-content h3{margin-top:1rem;margin-bottom:1rem}.page-content p{margin-bottom:1rem}.page-content figure{font-style:italic;color:#797979;margin-bottom:1rem}.page-content ul,.page-content ol{padding-left:1.5rem;margin-left:0;list-style-position:inside;}.page-content a:link{color:blue}.page-content a:visited{color:#97008b}.page-content a:hover{color:hotpink}.page-top{margin-bottom:2rem}.page-top,.related-projects{border-top:solid 2px #ff89c4;border-bottom:solid 2px #ff89c4}.related-projects{margin-top:3rem;margin-bottom:2rem}.page-title{margin-bottom:.3rem;margin-top:1rem;text-align:left;font-feature-settings:"salt";font-family:"TAN-MISCHIEF";font-feature-settings:"salt";font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;line-height:1.3}.page-details{display:flex;justify-content:space-between;width:100%;font-style:italic;font-size:16px;color:#747474;margin-bottom:1rem}.page-description{text-align:left;width:auto;flex:1;}.page-date{text-align:right;margin-left:1rem;white-space:nowrap}.page-date span{background-color:#ff89c4;color:#fff;padding:2px 6px;border-radius:3px;display:inline-block}.list-box{border:solid 2px #ff89c4;border-radius:7px;width:80%;margin:3rem auto;padding-bottom:1.5rem;padding-left:3rem;padding-right:3rem}.collaborator-role{font-style:italic;color:#b8b8b8}@media screen and (max-width: 64rem){.page-details{flex-direction:column-reverse}.page-description{margin-bottom:.5rem}.page-date{text-align:left;margin-left:0;margin-bottom:.5rem}.collaborators{width:90%;padding-left:1rem;padding-right:1rem}}.intro-wrapper{background-color:#ff89c4;color:#fff;padding:2px 6px;border-radius:3px;width:80%;margin:3rem auto;padding:3rem}.intro-paragraph{width:100%;margin:0 auto;text-align:center}.project-taglist{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.project-taglist li{list-style-type:none;border-radius:.25rem;border-color:hotpink;border-style:solid;border-width:1px}.project-taglist a{color:hotpink;padding:.25rem .5rem;display:block}.project-taglist li:hover{background-color:hotpink;scale:1.08;transition-duration:.1s}.project-taglist li:hover a{color:#fff}.project-taglist li.active{background-color:hotpink}.project-taglist li.active a{color:#fff}.project-grid{display:grid;margin-left:auto;margin-right:auto;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-rows:max-content;gap:.75rem;width:100%;max-width:48rem}@media screen and (max-width: 64rem){.project-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.project-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.project-card-media{width:100%;aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:.25rem;box-shadow:0px 2px 4px 0px rgba(0,0,0,.5)}.project-card:hover .project-card-media{outline:1px solid hotpink;scale:1.025;transition-duration:.1s;box-shadow:0px 2px 10px 0px rgba(0,0,0,.4)}.project-card-media img,.project-card-media video{scale:1.002;width:100%;height:100%;object-fit:cover}.project-card-text{text-align:center;padding:1rem}.project-grid a:link{color:#000}.project-grid a:hover{color:hotpink}.media-feature,.media-feature-noline{height:46rem;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-wrap:nowrap;margin:0 auto 3rem auto;border-bottom:solid 2.5px #ff89c4}.media-feature-noline{border-bottom:none}.media-feature img,.media-feature video,.media-feature-noline img,.media-feature-noline video{height:40rem !important;width:auto !important}.media-feature .lightbox-link,.media-feature-noline .lightbox-link{display:flex;align-items:center;justify-content:center;height:100%;width:100%}@media screen and (max-width: 64rem){.media-feature,.media-feature-noline{margin-top:.5rem;margin-bottom:.5rem;height:auto;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-wrap:nowrap;border-bottom:none}.media-feature img,.media-feature video,.media-feature-noline img,.media-feature-noline video{height:auto !important;width:100% !important}}.image-single{max-width:100%;height:auto;display:block;margin-bottom:.5rem}.image-single-small{display:block;margin:0 auto;width:60%;height:auto;margin-bottom:.5rem}@media screen and (max-width: 64rem){.image-single-small{width:80%}}.image-row{display:flex;flex-wrap:nowrap;width:100%;gap:.5rem;box-sizing:border-box}.image-row img{width:100%;height:auto;min-width:0;min-height:0;object-fit:contain;display:block}.two-image-row-wide,.two-image-row-tall,.two-image-row-square{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem;margin-bottom:.5rem}.two-image-row-wide img,.two-image-row-tall img,.two-image-row-square img,.two-image-row-wide video,.two-image-row-tall video,.two-image-row-square video{display:block;width:100%;height:auto;margin:0;padding:0;object-fit:cover;}.two-image-row-square img,.two-image-row-square video{aspect-ratio:1}.two-image-row-wide img,.two-image-row-wide video{aspect-ratio:1.5}.two-image-row-tall img,.two-image-row-tall video{aspect-ratio:.772797527}.trio-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:stretch;margin-bottom:.5rem}.trio-image-grid img{margin:0;padding:0}.trio-image-grid .left{aspect-ratio:1/1.294;width:100%;object-fit:cover}.trio-image-grid .right{display:grid;grid-template-rows:1fr 1fr;gap:.5rem}.trio-image-grid .right img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/1;display:block}.image-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;padding-bottom:1rem}.image-text-grid video{width:100%;height:auto;display:block}@media screen and (max-width: 64rem){.image-text-grid{grid-template-columns:1fr}.image-text-grid video{width:70%;display:block;margin:0 auto;}}.video-single{display:block;width:100%;height:auto;object-fit:fill;margin-bottom:.5rem;padding:0;border:none}.video-single video{margin:0;padding:0}.video-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden;margin-bottom:.5rem}.video-container-reel,.video-container-reel-fullsize{aspect-ratio:9/16;position:relative;overflow:hidden;display:flex;flex-wrap:nowrap;box-sizing:border-box;justify-content:center;margin:0 auto;margin-bottom:.5rem}.video-container-reel{width:50%}.video-container-reel-fullsize{width:85%}.video-container-reel iframe{position:absolute;width:100%;height:100%;border:0}.video-container iframe{position:absolute;width:100%;height:100%;border:0}@media screen and (max-width: 64rem){.video-container-reel{width:80%}}.slideshow-container,.slideshow-container-small{width:70%;max-width:900px;position:relative;margin:auto;cursor:default}.slideshow-container,.slideshow-container-small img{width:100%;height:auto}@media screen and (max-width: 64rem){.slideshow-container-small{width:100%}}.mySlides{display:none}.prev,.next{opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:pointer;position:absolute;top:50%;padding:16px;color:#fff;font-weight:bold;font-size:24px;border-radius:3px;user-select:none;background-color:rgba(0,0,0,.4);transform:translateY(-50%);z-index:10}.slideshow-container:hover .prev,.slideshow-container:hover .next,.slideshow-container-small:hover .prev,.slideshow-container-small:hover .next{opacity:1;pointer-events:auto}.prev:hover,.next:hover{background-color:rgba(0,0,0,.7)}.prev{left:0}.next{right:0}.numbertext{color:#f2f2f2;font-size:14px;padding:8px 12px;position:absolute;top:0}.dots{text-align:center;margin-bottom:1rem}.dot{cursor:pointer;height:8px;width:8px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease}.dot.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:1.2s}@keyframes fade{from{opacity:.4}to{opacity:1}}.lightbox-link img{width:100%;height:auto;display:block;transition:transform .3s ease}.lightbox-link:hover img{transform:scale(1.01)}.lightbox{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center;z-index:1000}.lightbox img{max-width:90%;max-height:90%;box-shadow:0 0 20px rgba(0,0,0,.8);cursor:zoom-in;}.lightbox img.zoomed{cursor:zoom-out;transform:scale(2);transition:transform .3s ease}