.home-mobile{padding-top:var(--line)}.home-mobile__header{display:flex;justify-content:center}.home-mobile__thumbnails{padding-left:calc(var(--line)/2);padding-right:calc(var(--line)/2);min-height:100vh}.home-mobile__tags,.home-mobile__thumbnails{display:flex;flex-wrap:wrap;justify-content:center}.home-mobile__tags{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:.25rem .25rem var(--line) .25rem}.home-mobile__tag{border:1px solid var(--color);border-radius:1rem;padding:.1rem .6rem;background:var(--background);margin:.25rem;min-width:2rem;cursor:pointer}.home-mobile-thumbnail{width:33%;text-align:center;padding-left:calc(var(--line)/2);padding-right:calc(var(--line)/2);padding-bottom:var(--line)}.home-mobile-thumbnail__image{padding-bottom:100%}.home-mobile-thumbnail__image,.home-mobile-thumbnail__title{margin-bottom:calc(var(--line)/2)}.home-mobile-thumbnail__tags{display:flex;flex-wrap:wrap;justify-content:center}.home-mobile-thumbnail__tag{width:6px;height:6px;border:1px solid var(--color);border-radius:50%;margin:0 .25em}.thumbnail{position:absolute;top:0;left:0;z-index:100;will-change:transform;contain:layout;cursor:pointer;pointer-events:none;overflow:hidden}.thumbnail img{position:absolute;width:100%;height:100%;transform:scale(0);transition:transform .1s}.thumbnail--visible img{transform:none}.thumbnail--visible{pointer-events:visible}.thumbnail--visited{-webkit-filter:blur(3px);filter:blur(3px);transition:blur .1s}.thumbnail--visited:hover{-webkit-filter:none;filter:none}.thumbnail__title{position:absolute;top:100%;left:50%;width:20em;text-align:center;transform:translateX(-50%);opacity:0;background:var(--background);pointer-events:none}.thumbnail:hover .thumbnail__title{opacity:1}.ring{position:absolute;top:0;left:0;width:80%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border-width:1px;border-style:solid;pointer-events:none}.home-desktop{position:fixed;width:100%;height:100%;display:flex;flex-direction:column}.home-desktop__thumbnails{flex-grow:1;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (min-width:768px){.home-desktop__thumbnails{overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0}}.home-desktop__title{position:fixed;top:0;left:0;width:100%;text-align:center;padding:1em;display:none;z-index:200;pointer-events:none}@media (min-width:768px){.home-desktop__title{display:block}}.home-desktop canvas{position:absolute;width:100%;height:100%;top:0;left:0}.legend{display:flex;position:fixed;bottom:auto;left:0;top:50%;background:none;transform:translateY(-50%);flex-direction:column;padding:2em;width:auto;z-index:500}@media (orientation:portrait){.legend{top:auto;bottom:0;width:100%;flex-direction:row;justify-content:center;flex-wrap:wrap;transform:none}}.legend__item{color:transparent;display:flex;cursor:pointer;align-items:center;padding-right:1em;white-space:nowrap;padding-bottom:.25em;padding-top:.25em}.legend__item:before{content:"";width:1.5em;height:1.5em;border:1px solid var(--color);border-radius:50%;margin-right:.5em}@media (min-width:768px){.legend__item:before{margin-right:.75em;width:1.5em;height:1.5em}}.legend__item--selected{color:#000}@charset "UTF-8";.project{height:100%;overflow-x:hidden}@media (min-width:768px){.project{padding-top:var(--project-header-height)}}.project--current{overflow-y:scroll;-webkit-overflow-scrolling:touch}.project__header{z-index:50;padding-bottom:calc(var(--line)*0.5);padding-top:calc(var(--line)*0.5);display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0}@media (min-width:768px){.project__header{display:none}}.project__header h1{border:1px solid #000;padding:.1rem .6rem;border-radius:100vw;background:var(--background);text-align:center;display:flex;align-items:center}.project__header h1:after{content:"×";display:block;padding-left:.25rem}.project__content{display:flex;flex-direction:column;align-items:center}.project__content .vimeo,.project__content img{width:100%}.project__content p{padding-bottom:calc(var(--line)*2)}@media (min-width:768px){.project__content{padding-bottom:5em}}.project__content>*{transform:translateX(calc((var(--project-width)*0.5 - 50%)*var(--project-content-offset)))}.project__content a{text-decoration:underline;-webkit-text-decoration-color:#00f;text-decoration-color:#00f}.project__image{width:100%;padding-bottom:calc(var(--line)*2)}.project__image--portrait{max-height:100vh}.project__image--headshot{width:100%;max-width:20em}.project .credits,.project__body,.project__image--portrait{width:100%;max-width:40em}.project__image--landscape{max-width:80em;max-height:100vh}.project__image--video{max-width:80em}.credits{text-align:center;list-style:none}.credit,.credits{padding-bottom:calc(var(--line)*1)}.credit__role{font-weight:700}.cv{padding-bottom:calc(var(--line)*2)}.cv__row{display:flex}.cv__dates,.cv__job{width:50%}:root{--project-header-height:calc(var(--line)*5)}.projects{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:hidden}.projects__header{display:none;z-index:20;position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--line)*1);height:calc(var(--line)*3);width:calc(var(--line)*3)}@media (min-width:768px){.projects__header{display:block}}.projects__header:before{content:"";display:block;position:absolute;width:100%;bottom:100%;left:0;height:var(--line);background:linear-gradient(0deg,var(--background) 0,var(--background-transparent));z-index:200}@media (min-width:768px){.projects__header:before{display:none}}.projects__title{top:0;border-radius:0 1rem 1rem 0;border-right:1px solid #000;border-bottom:1px solid #000;padding:.1rem .6rem .1rem .2rem;white-space:nowrap;margin-top:-1rem;margin-left:1rem}.projects__title,.projects__title:before{position:absolute;left:0;border-top:1px solid #000;background:var(--background)}.projects__title:before{content:"";box-sizing:border-box;display:block;top:-1px;top:50%;width:1.4rem;height:1.4rem;border-left:1px solid #000;z-index:-1;transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(-45deg)}.projects__body{height:100%}.projects__project{--project-peek:1em;--project-width:calc(100vw - 4em);--project-offset:calc((100vw - var(--project-width))/2 - var(--project-peek) + var(--project-width));width:var(--project-width);height:100%;position:absolute;left:calc((100vw - var(--project-width))/2)}@media (min-width:600px){.projects__project{--project-peek:2em;--project-width:calc(100vw - 8em)}}@media (min-width:950px){.projects__project{--project-peek:5em;--project-width:calc(100vw - 24em)}}.projects__link{position:absolute;height:100%;top:0;left:-1em;right:-1em;display:block;overflow-x:hidden;overflow-y:scroll}:root{--background:#dfdfdf;--background-transparent:hsla(0,0%,87.5%,0);--line-height:1.65;--line:calc(var(--line-height)*1rem)}*{margin:0;padding:0;position:relative;font:inherit;box-sizing:border-box}html{font-family:Helvetica,sans-serif;background:var(--background);-webkit-font-smoothing:antialiased;line-height:var(--line-height);font-size:12px}@media (min-width:768px){html{font-size:16px}}.contain,.cover,.fill{position:absolute;width:100%;height:100%;top:0;left:0}.cover{-o-object-fit:cover;object-fit:cover}.contain{-o-object-fit:contain;object-fit:contain}a{color:inherit;text-decoration:none}.dev{outline:1px solid #912eff}.dev>*{outline:1px solid #5497ff}.dev>*>*{outline:1px solid #51feff}.dev>*>*>*{outline:1px solid red}.dev>*>*>* *{outline:1px solid #0f0}
/*# sourceMappingURL=/main.css.map */