@font-face{font-family:"Tiny, Helvetica, Arial, Sans-Serif";font-style:normal;src:url(/static/media/TINY5x3GX.5ed255fffbef5b328d79.ttf) format("truetype")}@font-face{font-family:"Routed Gothic, Helvetica, Arial, Sans-Serif";font-style:normal;src:url(/static/media/routed-gothic.eb468ee694267b4d2235.ttf) format("truetype")}@font-face{font-family:"Tiny, Helvetica, Arial, Sans-Serif";font-style:italic;src:url(/static/media/routed-gothic-italic.31c95bdee945e8f11bc8.ttf) format("truetype")}:lang(zh){font-family:Yuanti SC}.header{pointer-events:none;position:-webkit-sticky;position:sticky;top:calc(.5em + 1.5vw);width:83vw}.header,h1.header-placeholder{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}h1.header-placeholder{box-sizing:border-box;opacity:0;position:relative}.title{color:#adff2f;font-family:"Tiny, Helvetica, Arial, Sans-Serif";font-weight:150;line-height:65%;margin:0;mix-blend-mode:screen;position:absolute;text-shadow:0 0 25px #adff2f;text-transform:uppercase;top:0}.website-title{font-size:calc(3.5em + 10vw);padding:0 1.5vw 0 calc(1rem + 2vw)}.grid{grid-row-gap:calc(.6em + .5vw);grid-column-gap:calc(.6em + .5vw);-webkit-column-gap:calc(.6em + .5vw);column-gap:calc(.6em + .5vw);display:grid;grid-template-columns:repeat(3,1fr);margin:calc(1.75em + 5.25vw) calc(1rem + 2vw);row-gap:calc(.6em + .5vw)}@media only screen and (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.grid{grid-template-columns:1fr}}@media only screen and (min-width:1500px){.grid{grid-template-columns:repeat(4,1fr)}}.grid-cell{aspect-ratio:1;background-color:#000;border:2px solid #000;border-radius:calc(.55rem + .4vw);box-shadow:0 0 calc(.6rem + .1vw) 1px #525252;color:#fff;height:100%;position:relative;z-index:3}@media (hover){.grid-cell:hover .grid-cell-text{opacity:1}}@media (hover:none){.grid-cell-text{pointer-events:none}}.grid-cell-text{background-color:inherit;border-radius:calc(.55rem + .4vw);box-sizing:border-box;height:100%;opacity:0;padding:1.5em;position:absolute;transition:opacity .15s;width:100%;z-index:2}.grid-cell-name{font-size:calc(.5rem + .8vw);font-style:italic;margin:0;padding-bottom:.75em}@media only screen and (max-width:1024px){.grid-cell-name{font-size:calc(.7rem + .6vw)}}@media only screen and (max-width:768px){.grid-cell-name{font-size:calc(.6rem + 1vw)}}@media only screen and (min-width:1500px){.grid-cell-name{font-size:calc(.5rem + .5vw)}}.grid-cell-title{font-size:calc(.5rem + 1.7vw);line-height:118%;margin:0;position:relative;text-transform:uppercase;top:-12px}@media only screen and (max-width:1024px){.grid-cell-title{font-size:calc(.85rem + 1.7vw)}}@media only screen and (max-width:768px){.grid-cell-title{font-size:calc(1rem + 3vw)}}@media only screen and (min-width:1500px){.grid-cell-title{font-size:calc(.5rem + 1.3vw)}}.grid-cell-tags{bottom:1.5em;left:0;padding:0 1.5em;position:absolute}.grid-cell-tag{border:1.5px solid #fff;display:inline-block;margin:.5em;padding:.05em .5em .1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.grid-cell-tag.selected,.grid-cell-tag:hover{background-color:#fff;color:#000}.grid-cell-tags{font-size:calc(.25rem + .7vw)}@media only screen and (max-width:1024px){.grid-cell-tags{font-size:calc(.5rem + .75vw)}}@media only screen and (max-width:768px){.grid-cell-tags{font-size:calc(.25rem + 2vw)}}@media only screen and (min-width:1500px){.grid-cell-tags{font-size:calc(.2rem + .62vw)}}.grid-cell-image{aspect-ratio:1;border-radius:calc(.55rem + .4vw);height:auto;object-fit:cover;position:relative;width:100%}.tag-container-expanded.tag-container{background-color:#fff;border:1px solid #000}.tag-container-expanded.tag-container .tag-header{border:none;width:calc(100% - 1.875em - 2px)}.tag-container-expanded.tag-container .tags{display:inline;display:initial}.tag-container{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;font-size:calc(.25rem + .7vw);margin:calc(.5em + 1.5vw) calc(1rem + 2vw);position:fixed;right:0;top:0;width:calc(11rem + 10vw);z-index:3}@media only screen and (max-width:1024px){.tag-container{font-size:calc(.5rem + .75vw)}}@media only screen and (max-width:768px){.tag-container{font-size:calc(.25rem + 2vw)}}@media only screen and (min-width:1500px){.tag-container{font-size:calc(.2rem + .62vw)}}.tag-header{align-items:baseline;background-color:#fff;border:1px solid #000;display:flex;font-size:135%;height:1.5em;justify-content:space-between;padding:.225em .9375em .75em}.tag-toggle{height:100%;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tag-toggle:only-child{margin-left:auto}.tag-clear{color:#c1c1c1;font-size:75%;height:100%}.tags{display:none;padding:.75em .75em 1.5em;z-index:4}.tag{background-color:#fff;border:1.5px solid #000;display:inline-block;margin:.5em;padding:.05em .5em .1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tag.selected{background-color:#000;color:#fff}.tags-mobile{padding:.75em .75em 1.5em;position:relative;z-index:4}@media only screen and (max-width:768px){.grid{grid-gap:10px}.tags{background-color:#fff;display:none;padding:10px;position:fixed;width:100%;z-index:4}}.grid-cell,.tag,.tag-clear,.tag-toggle{cursor:pointer}.grid-cell-tags,.header{-webkit-user-select:none;user-select:none}.project-content{display:flex;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw}@media only screen and (max-width:768px){.project-content{flex-direction:column;overflow:visible;overflow:initial}}.project-content>div{flex:none}.project-header-container{align-items:center;box-sizing:border-box;display:flex;height:calc(2rem + 3.5vw);padding-left:calc(1em + 3vw);position:relative;width:100vw}@media only screen and (max-width:768px){.project-header-container{height:calc(3rem + 5vw)}}.project-header-wrapper{cursor:pointer;position:relative;z-index:2}.project-header{font-size:calc(.9em + 2.25vw);font-weight:50;letter-spacing:1px;text-shadow:0 0 5px #adff2f}@media only screen and (max-width:768px){.project-header{font-size:calc(2rem + 5vw)}}.project-media-scroll-wrapper,.project-text-scroll-wrapper{overflow-y:scroll;padding-top:calc(2rem + 3.5vw);position:-webkit-sticky;position:sticky;top:0}@media only screen and (max-width:768px){.project-media-scroll-wrapper,.project-text-scroll-wrapper{padding-top:calc(3rem + 5vw);position:static}}.project-text-scroll-wrapper{width:calc(40vw - 2.5em)}@media only screen and (max-width:1024px){.project-text-scroll-wrapper{width:calc(45vw - 2.5rem)}}@media only screen and (max-width:768px){.project-text-scroll-wrapper{width:100vw}}@media only screen and (min-width:1500px){.project-text-scroll-wrapper{width:calc(40vw - 5rem)}}@media only screen and (max-width:768px){.project-media-scroll-wrapper{padding-top:calc(1.5rem + 2vw)}}.project-text-wrapper{padding:0 calc(1em + 3vw)}@media only screen and (max-width:768px){.project-text-wrapper{display:flex;flex-direction:column}}.project-title{font-style:italic;letter-spacing:-1px;line-height:115%;margin:0 0 2.5%;text-transform:uppercase;width:95%}@media only screen and (max-width:768px){.project-title{line-height:125%;margin:0 0 4%}}.project-title{font-size:calc(1rem + 1.3vw)}@media only screen and (max-width:1024px){.project-title{font-size:calc(.8rem + 1.5vw)}}@media only screen and (max-width:768px){.project-title{font-size:calc(2.25rem + 1.5vw)}}@media only screen and (min-width:1500px){.project-title{font-size:calc(1rem + 1.5vw)}}.project-tags{left:-.5em;margin-bottom:3.5%;position:relative}.project-tags>.tag:hover{background-color:#000;color:#fff}.project-brief{font-size:calc(.7rem + .5vw);-webkit-hyphens:auto;hyphens:auto;line-height:1.25em}@media only screen and (max-width:1024px){.project-brief{font-size:calc(.7rem + .5vw)}}@media only screen and (max-width:768px){.project-brief{font-size:calc(1rem + .5vw)}}@media only screen and (min-width:1500px){.project-brief{font-size:calc(.5rem + .6vw)}}.student-info{background-color:#000;border-radius:.7vw;box-sizing:border-box;color:#fff;left:-4%;margin-top:4%;padding:4%;position:relative;width:108%}@media only screen and (max-width:768px){.student-info{align-self:center;border-radius:2vw;left:0;margin-top:0;padding:5%;width:93.5vw}}.student-bio{font-style:italic;line-height:1.35em;margin-top:.5em;padding:0}.student-email{margin:.25em 0 1.5em}.student-email a{color:#fff}@media only screen and (max-width:768px){.student-email{margin:.075em 0 .75em}}.student-bio{font-size:calc(.6rem + .4vw)}@media only screen and (max-width:1024px){.student-bio{font-size:calc(.6rem + .4vw)}}@media only screen and (max-width:768px){.student-bio{font-size:calc(.85rem + .4vw)}}@media only screen and (min-width:1500px){.student-bio{font-size:calc(.5rem + .5vw)}}.project-media-scroll-wrapper{width:calc(2.5em + 60vw)}@media only screen and (max-width:1024px){.project-media-scroll-wrapper{width:calc(2.5rem + 55vw)}}@media only screen and (max-width:768px){.project-media-scroll-wrapper{width:100vw}}@media only screen and (min-width:1500px){.project-media-scroll-wrapper{width:calc(5rem + 60vw)}}.project-media-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.project-media{border:1px solid #000;border-radius:.5vw;box-shadow:0 0 15px 2px #525252;margin-bottom:1%}@media only screen and (max-width:768px){.project-media{border-radius:2vw;box-shadow:0 0 7px 2px #525252;margin-bottom:3%}}.project-media:last-child{margin-bottom:calc(1em + 1vw)}.project-image{cursor:zoom-in;display:none}.image-zoom{background-color:rgba(0,0,0,.9);cursor:zoom-out;height:100vh;opacity:0;pointer-events:none;position:fixed;transition:opacity .1s;width:100vw;z-index:5}.image-zoom.shown{opacity:1;pointer-events:all}.image-zoom>img{height:100%;object-fit:contain;width:100%}.project-iframe-youtube{aspect-ratio:1.7777778}.project-iframe-vimeo{aspect-ratio:1.75}.project-media{width:calc(2.375em + 57vw)}@media only screen and (max-width:1024px){.project-media{width:calc(2.375rem + 52.25vw)}}@media only screen and (max-width:768px){.project-media{width:93.5%}}@media only screen and (min-width:1500px){.project-media{width:calc(4.75rem + 57vw)}}.project-iframe-unknown{height:calc(1.33594em + 32.0625vw)}@media only screen and (max-width:1024px){.project-iframe-unknown{height:calc(1.33594rem + 29.39062vw)}}@media only screen and (max-width:768px){.project-iframe-unknown{height:52.5937499993%}}@media only screen and (min-width:1500px){.project-iframe-unknown{height:calc(2.67187rem + 32.0625vw)}}.student-name{font-size:calc(1em + .5vw);height:calc(2rem + .5vw);margin:0}@media only screen and (max-width:1024px){.student-name{font-size:calc(1em + .5vw)}}@media only screen and (max-width:768px){.student-name{font-size:calc(1em + .7vw)}}@media only screen and (min-width:1500px){.student-name{font-size:calc(1em + .5vw)}}.student-social-wrapper{align-items:flex-end;display:flex;height:calc(2rem + .5vw)}@media only screen and (max-width:768px){.student-social-wrapper{margin-top:calc(1.5rem + 1.5vw)}}.student-name-wrapper{display:flex;justify-content:space-between}.student-social-inverted{fill:#fff;height:calc(.6rem + .6vw);width:auto}@media only screen and (max-width:768px){.student-social-inverted{height:calc(1.5rem + 2vw)}}.student-social-link{margin-right:calc(.5rem + .5vw);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:768px){.student-social-link{margin-right:calc(1rem + .5vw)}}.project-tags{font-size:calc(.25rem + .7vw)}@media only screen and (max-width:1024px){.project-tags{font-size:calc(.5rem + .75vw)}}@media only screen and (max-width:768px){.project-tags{font-size:calc(.25rem + 2vw)}}@media only screen and (min-width:1500px){.project-tags{font-size:calc(.2rem + .62vw)}}.student-instructors{font-size:calc(.6rem + .4vw);margin-bottom:calc(1em + 1vw)}@media only screen and (max-width:1024px){.student-instructors{font-size:calc(.6rem + .4vw)}}@media only screen and (max-width:768px){.student-instructors{font-size:calc(.6rem + .4vw)}}@media only screen and (min-width:1500px){.student-instructors{font-size:calc(.5rem + .4vw)}}.student-email a{font-size:calc(.6rem + .4vw)}@media only screen and (max-width:1024px){.student-email a{font-size:calc(.6rem + .4vw)}}@media only screen and (max-width:768px){.student-email a{font-size:calc(.6rem + .4vw)}}@media only screen and (min-width:1500px){.student-email a{font-size:calc(.5rem + .4vw)}}body{font-family:"Routed Gothic, Helvetica, Arial, Sans-Serif";margin:0;padding:0}
/*# sourceMappingURL=main.714a7b3e.css.map*/