.optically-smaller{font-size:80%;vertical-align:middle}.project-intro{margin-bottom:60px;width:100%;display:flex;justify-content:space-between;font-size:45px;line-height:1;flex-direction:column}@media (min-width: 850px){.project-intro{margin-bottom:80px;flex-direction:row;align-items:flex-end;font-size:72px}}@media (min-width: 850px){.project-intro .back{margin-left:-22px}}.project-intro .site-button{font-family:miller-headline,jaf-lapture,serif;font-size:22px;padding:14px;border:1px solid #0e0d0e;text-decoration:none;margin-top:42px}@media (min-width: 850px){.project-intro .site-button{flex-shrink:0;margin:0}}.project-intro .site-button:hover{color:#F4ECEC;background:#0e0d0e}.case-study-content{font-family:miller-text,serif;display:block;max-width:900px;margin:0 auto;padding:20px}.case-study-content p,.case-study-content h1,.case-study-content h2,.case-study-content h3,.case-study-content h6,.case-study-content ul,.case-study-content ol,.case-study-content a{width:100% !important;margin-left:0 !important}.case-study-content p{margin-top:25px}.case-study-content h1{font-family:miller-headline,jaf-lapture,serif;font-size:48px;margin-top:52px;font-weight:400;line-height:1.05}.case-study-content h3{font-family:miller-text,serif;font-size:20px;margin-top:32px}.case-study-content h6{font-weight:400;color:#797474;font-style:italic}.case-study-content a{text-decoration:underline}.case-study-content a:hover{text-decoration:none}.case-study-content img{width:100%;max-width:100%;display:block;margin:20px auto}.case-study-content .full{width:100%;max-width:100%;display:block;margin:20px auto}.case-study-content p.third,.case-study-content p.half,.case-study-content p.right{margin-left:0}.case-study-content blockquote{width:70%;font-style:italic;border-left:1px solid black;padding-left:40px;margin:20px 0}.case-study-content blockquote p{margin:0;width:auto}.footer{border-top:1px solid #0e0d0e;padding-top:40px;margin-top:80px}.home{font-size:24px;line-height:1.2}@media (min-width: 850px){.home{font-size:32px}}.home .flex{display:flex;justify-content:space-between;flex-direction:column}@media (min-width: 850px){.home .flex{flex-direction:row}}.home a{font-weight:700}.home h1{font-size:inherit;display:inline}.home h2{font-size:32px;font-weight:400;font-style:italic;margin-bottom:30px}.home .column{width:100%}@media (min-width: 850px){.home .column.about{width:48%}.home .column.work{width:47%}}.accent{color:#DA131F;transition:0.2s ease;cursor:cell}hr.accent{border-color:#DA131F;border-style:solid;border-width:0.5px;margin:60px 0}.about .collaborators{padding-bottom:38px}.about .collaborators div{margin:0}.about .collaborators span{font-weight:normal}.note span{transition:0.15s ease box-shadow;box-shadow:inset 0px 0px 0px 0px #f59197}.footnote-accent span{box-shadow:inset 0px -25px 0px 0px #f59197;transition:0.15s ease box-shadow}.footnote-accent a{transition:0.15s ease box-shadow}.external-link{font-size:inherit;vertical-align:baseline}.intro div,.about div{margin-bottom:30px}a:hover{text-decoration:underline}.superscript{vertical-align:super;font-size:20px;line-height:0}@media (min-width: 850px){.superscript{font-size:24px}}.notes{font-family:miller-text,serif;margin:0;line-height:1.4;font-size:14px;padding-top:24px;border-top:1px solid #0e0d0e}@media (min-width: 850px){.notes{margin-left:-23px;width:310px;border:none;padding-left:5px}}.grid{display:grid;grid-template-columns:10px 1fr;grid-template-rows:repeat(5, auto);grid-column-gap:8px;grid-row-gap:8px;align-items:start}a.project{padding-bottom:30px;cursor:pointer;position:relative;font-weight:400;display:block;text-decoration:none}a.project:after{content:"";position:absolute;width:108%;height:0px;background:transparent;border:1px solid transparent;z-index:-1;top:50%;left:-4%;transition:0.2s ease}a.project:hover:after{height:102%;top:-12%;transition:0.2s ease}body.kleo{background:#5700F3;color:#F4ECEC}body.kleo a{color:#F4ECEC}body.kleo .project:hover:after{border:1px solid #F4ECEC}body.kleo .accent{color:#0e0d0e}body.kleo hr.accent{border-color:#0e0d0e}body.cli{background:#000;color:lime}body.cli a{color:lime}body.cli .project:hover:after{border:1px solid #fff}body.cli .accent{color:#fff}body.cli hr.accent{border-color:#fff}body.desktop{background:#BF5F74;color:#F6CB9F}body.desktop a{color:#F6CB9F}body.desktop .project:hover:after{border:1px solid #F6CB9F}body.desktop .accent{color:#46045D}body.desktop hr.accent{border-color:#46045D}body.oakland{color:#00352e;background:#f0b221}body.oakland a{color:#00352e}body.oakland .project:hover:after{border:1px solid #0e0d0e}body.oakland .accent{color:#0e0d0e}body.oakland hr.accent{border-color:#0e0d0e}body{font-family:miller-headline,jaf-lapture,serif;background-color:#F4ECEC;color:#0e0d0e;margin:0;line-height:1.3;transition:0.2s ease;font-size:16px}.site-container{width:88%;margin:0 auto;max-width:1300px;padding:80px 0}@media (min-width: 850px){.site-container{width:72%}}a{position:relative;color:#0e0d0e;text-decoration:none;cursor:pointer;transition:0.2s ease}h1,h2,h3,h4,h5,h6,p{margin:0}.back{font-size:18px;font-family:miller-text,serif;text-decoration:none}.back span{display:inline-block;transition:0.2s ease}.back:hover{text-decoration:none}.back:hover span{transform:translateX(-5px);transition:0.2s ease}@media (min-width: 850px){.back{margin-left:-22px}}.disabled{opacity:50%;pointer-events:none}@media (min-width: 850px){.third{display:inline-block;width:33%}}@media (min-width: 850px){.half{display:inline-block;width:48%}}.full{width:75%}.left{float:left}.right{float:right}p::selection,h6::selection,h5::selection,h4::selection,h3::selection,h2::selection,h1::selection,img::selection,a::selection,span::selection,div::selection,b::selection,strike::selection{background:#0e0d0e;color:#F4ECEC}@media (prefers-color-scheme: dark){p::selection,h6::selection,h5::selection,h4::selection,h3::selection,h2::selection,h1::selection,img::selection,a::selection,span::selection,div::selection,b::selection,strike::selection{background:#F4ECEC;color:#0e0d0e}}@media (prefers-color-scheme: dark){body{background-color:#0e0d0e;color:#F4ECEC}a{color:#F4ECEC}.note span{box-shadow:inset 0px 0px 0px 0px #7c0b12}.footnote-accent span{box-shadow:inset 0px -25px 0px 0px #7c0b12}.project-intro .site-button{border-color:#F4ECEC}.project-intro .site-button:hover{background:#F4ECEC;color:#0e0d0e}.footer{border-color:#F4ECEC}@keyframes easter-egg-accent{2%{color:#0e0d0e;border-color:#0e0d0e}98%{color:#0e0d0e;border-color:#0e0d0e}}}