:root{--backgroundColor:#D2D0D8;--jkTextColor: #D2D0D8;--gridPadding: 10px}@font-face{font-family:FairplayScript;src:url(/fonts/FairplayScript-Regular.woff2) format("woff2"),url(/fonts/FairplayScript-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Lawrence;src:url(/fonts/Lawrence-Regular.woff2) format("woff2"),url(/fonts/Lawrence-Regular.woff) format("woff"),}@-webkit-keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@-moz-keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@keyframes jacko{0%{background-position:0% 0%}20%{background-position:20% 0%}40%{background-position:40% 0%}60%{background-position:60% 0%}80%{background-position:80% 0%}to{background-position:100% 0%}}@keyframes hovercolor{0%{color:red}to{color:#00f}}html{width:100%;overflow-x:hidden}body{background:var(--backgroundColor);margin:3em 0 0}#about{position:fixed;right:30px;top:20px;z-index:1}#home{position:fixed;left:30px;top:20px;z-index:1}.oval{background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000);padding:10px;border-radius:50%}#flower{position:fixed;bottom:2vh;right:2vw;z-index:10;width:15vw;mix-blend-mode:multiply}#sun{position:absolute;top:2vh;left:50%;transform:translate(-50%);z-index:10;width:15vw;mix-blend-mode:multiply}.JK{position:absolute;font-size:500px;word-break:break-all;text-align:center;font-family:Chomsky;text-transform:uppercase;color:var(--jkTextColor);z-index:-1}.JK h1{margin-top:100px;font-weight:400;line-height:700px;margin-bottom:-100px}h2{font-family:sans-serif}a{text-decoration:overline;color:#4a3097;transition:font-size 60s}.fairplay{font-family:FairplayScript}a:hover{animation-name:hovercolor;animation-duration:.5s;animation-iteration-count:infinite;font-size:100px}.grid-parent{display:grid;grid-template-columns:10px repeat(3,10fr) 10px;grid-template-rows:10px repeat(3,10fr) 10px;grid-column-gap:0px;grid-row-gap:0px;position:relative;min-height:100px;max-height:80vh;width:100%}.fullscreen-true,.fullscreen-true .grid-image img,.fullscreen-true .grid-image video{max-height:none}.grid-image{grid-area:1 / 1 / 6 / 6;width:100%;text-align:center;align-self:center;justify-self:center}.grid-image img,.grid-image video{max-height:100vh;max-width:100%}.no-image-title{font-size:min(140px,calc((100vw - 20vh) / 5.2));letter-spacing:-1px;font-family:Lawrence;text-transform:uppercase;filter:blur(2px);color:#340434;line-height:80%;margin:10vh}.no-image-title a{font-size:inherit;transition:none}.no-image-title a{text-decoration:none}.grid-text{grid-area:3 / 2 / 4 / 5;position:absolute;font-size:10px;padding:10px;text-align:center;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}h2{padding:0;margin:0}.home-header{color:#4a3097;font-family:Helvetica,Arial,sans-serif;font-weight:700;margin:0 auto;padding:90px 20px 70px;box-sizing:border-box}.home-header__title{font-size:66px;line-height:normal;font-weight:700;max-width:683px;margin:0 0 62px}.home-header__title a{transition:none;text-decoration:none}.home-header__title a:hover{transition:font-size 60s}.home-header__cols{display:flex;gap:24px}.home-header__col{width:350px}.home-header__col-title{font-family:Helvetica,Arial,sans-serif;font-size:36px;font-weight:700;margin:0 0 26px}.home-header__list{list-style:none;padding:0;margin:0;font-size:36px}.home-header__footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin:60px 0 0}.home-header__more{font-size:18px;margin:0}.home-header__links{list-style:none;display:flex;flex-wrap:wrap;gap:24px;padding:0;margin:0;font-size:18px}.home-header__links a{transition:none}.home-header__links a:hover{transition:font-size 60s}.projectpage{margin:20px}.credits{width:30vw;font-family:sans-serif;padding:20px;margin:0 auto;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}.credits em{color:red;font-style:normal;animation-name:jacko;animation-duration:.5s;animation-iteration-count:infinite;background:linear-gradient(45deg,#ff0404,#d7ae0e,#3aff00,#01f,#ff00df);background-size:1000% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projectpage .credits p{filter:none}.projectpage h1{text-align:center;font-family:cursive;transform:scaleX(4);width:20vw;margin-left:auto;margin-right:auto}.project-desc p{font-size:18px;line-height:140%;width:60vw;max-width:700px;padding:20px;margin:20px auto;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000)}.projectpage figure{text-align:center;margin:90px auto}.fig figcaption{margin-top:10px;font-size:.85em;color:#3f3e41}.fig-missing{margin:90px auto}.media-circle img{border-radius:50%}.projectpage img{max-width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.projectpage video{max-width:100%}.projectpage.casestudy{--cs-page-margin: 20px;padding-top:28px;--cs-gutter: clamp(20px, 7vw, 160px);--cs-available: calc( 100vw - (2 * var(--cs-page-margin)) - var(--cs-gutter) - 22vw );--cs-measure: min(33em, var(--cs-available));--cs-heading-measure: min(40em, var(--cs-available))}.projectpage.casestudy h1{width:clamp(150px,14vw,230px);transform:scaleX(2.6);transform-origin:left center;text-align:left;margin:0 0 56px var(--cs-gutter)}.projectpage.casestudy .project-desc{margin:0 0 0 var(--cs-gutter);max-width:var(--cs-measure)}.projectpage.casestudy .project-desc p{background-color:transparent;filter:none;padding:0;width:auto;max-width:none;margin:0 0 28px;font-size:18px;line-height:28px}.projectpage.casestudy .project-desc>p:first-child{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;letter-spacing:.04em;margin-bottom:56px}.projectpage.casestudy .project-desc h2{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:30px;line-height:34px;letter-spacing:-.01em;max-width:var(--cs-heading-measure);text-wrap:balance;margin:84px 0 28px}.projectpage.casestudy .project-desc h2:first-child{margin-top:0}.projectpage.casestudy .fig,.projectpage.casestudy .fig-missing{width:100vw;box-sizing:border-box;margin:112px 0 112px calc(-1 * (var(--cs-page-margin) + var(--cs-gutter)))}.projectpage.casestudy .fig figcaption{font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:20px;max-width:var(--cs-measure);margin:14px 0 0 calc(var(--cs-page-margin) + var(--cs-gutter))}.cs-footer{display:flex;flex-direction:column;align-items:flex-start;gap:20px;box-sizing:border-box;max-width:var(--cs-measure);margin:140px 0 0 var(--cs-gutter);padding:28px;background-color:var(--backgroundColor);filter:drop-shadow(10px 10px 10px #000);font-family:Helvetica,Arial,sans-serif}.cs-footer a{text-decoration:none;transition:none}.cs-footer a:hover{font-size:inherit}.cs-footer__next{display:block}.cs-footer__label{display:block;font-size:13px;letter-spacing:.04em;color:#000;margin-bottom:6px}.cs-footer__title{display:block;font-size:22px;line-height:26px;font-weight:700}.cs-footer__back{font-size:14px}@keyframes movin{0%{margin-left:0}to{margin-left:100%}}@media screen and (max-width:768px){#home{left:5px;top:5px}#about{right:5px;top:5px}body{margin-top:5em;margin-bottom:calc(30vw + 4vh)}.grid-parent{grid-template-columns:40px repeat(3,1fr) 10px;grid-template-rows:20px repeat(3,1fr) 10px;margin-bottom:20px}.grid-text{grid-area:1 / 1 / 6 / 6;justify-self:center;align-self:start;text-align:center;transform-origin:bottom left}.grid-image{grid-area:2 / 1 / 6 / 6;align-self:center}.no-image-title{font-size:min(96px,calc((100vw - 20px) / 5.2));margin:10vh 10px}.JK{font-size:10px}.home-header{padding:64px 12px}.home-header__title{font-size:38px;max-width:100%;margin:0 0 30px}.home-header__cols{gap:16px}.home-header__col{width:auto;flex:1}.home-header__col-title{font-size:25px;margin:0 0 14px}.home-header__list{font-size:25px}.home-header__footer{margin:30px 0 0}#flower{bottom:2vh;right:2vw;width:30vw}#sun{transform:none;width:30vw;left:2vw}.projectpage{margin:5px}.credits{width:inherit;font-size:1em;padding:15px}.projectpage h1{max-width:100%;width:50vw;line-height:1em;text-align:center;font-size:2em;transform:scaleX(2);margin:20px auto}.project-desc p{width:inherit;font-size:1.2em;line-height:1.2em}.projectpage figure{margin:50px auto;max-width:100%}.projectpage img{max-width:100%}.projectpage.casestudy{--cs-page-margin: 5px;--cs-gutter: 15px;--cs-measure: none}.projectpage.casestudy h1{width:44vw;transform:scaleX(1.9);font-size:2em;line-height:1em;margin:20px 0 40px var(--cs-gutter)}.projectpage.casestudy .project-desc{margin-right:var(--cs-gutter)}.projectpage.casestudy .project-desc p{font-size:17px;line-height:27px;margin-bottom:27px}.projectpage.casestudy .project-desc>p:first-child{margin-bottom:40px}.projectpage.casestudy .project-desc h2{font-size:23px;line-height:27px;margin:54px 0 27px}.projectpage.casestudy .fig,.projectpage.casestudy .fig-missing{margin-top:54px;margin-bottom:54px}.projectpage.casestudy .fig figcaption{margin-right:calc(var(--cs-page-margin) + var(--cs-gutter))}.cs-footer{margin:81px var(--cs-gutter) 0;padding:20px}}