body{min-height:100vh}body.about{background:#f5e81f;color:#000}body.about a,body.about svg{color:#000}body.index{background:#0000dc}body.index svg circle.st0{fill:white}::selection{background:#0000dc;color:#fafafa}@font-face{font-family:"Atlas Grotesk";font-weight:200;font-style:normal;src:url("fonts/AtlasGrotesk-Light-Web.woff2") format("woff2"),url("fonts/AtlasGrotesk-Light-Web.woff") format("woff")}@font-face{font-family:"Atlas Grotesk";font-weight:200;font-style:italic;src:url("fonts/AtlasGrotesk-LightItalic-Web.woff2") format("woff2"),url("fonts/AtlasGrotesk-LightItalic-Web.woff") format("woff")}@font-face{font-family:"MB Modern";font-weight:400;font-style:normal;src:url("fonts/mb-modern/mb-modern-regular_web.woff2") format("woff2"),url("fonts/mb-modern/mb-modern-regular_web.woff") format("woff"),url("fonts/mb-modern/mb-modern-regular_web.eot") format("eot")}@font-face{font-family:"Gothic 523";font-weight:600;font-style:normal;src:url("fonts/gothic-523/gothic-523-bold_web.woff2") format("woff2"),url("fonts/gothic-523/gothic-523-bold_web.woff") format("woff"),url("fonts/gothic-523/gothic-523-bold_web.eot") format("eot")}a{color:#fafafa;text-decoration:none;border-bottom:1px solid #fafafa}h1,h2,h3,h4,h5,h6{font-weight:normal}h1,h2,h3,h4,h5,h6,p,li,a{font-size:1em;-webkit-font-smoothing:antialiased}.small-cap{font-variant-caps:all-small-caps;font-feature-settings:"c2sc", "smcp"}.site-header{position:fixed;width:100vh;transform-origin:100% 50%;transform:rotate(90deg) translate(100%, 50%);margin-top:0.5em;right:0;box-sizing:border-box;padding:6px}.site-header a{margin-right:1em;text-transform:uppercase;border-bottom:none}.page-link:after{content:" ";display:inline-block;width:1em;height:1em;background-size:cover;transform:scale(0.9) translate(0.25em, 0.125em)}.page-link.index.current.loaded:after{animation:slide-in 0.4s ease-in-out;background:url("/assets/img/circle.svg")}.page-link.about.current.loaded:after{animation:slide-in 0.4s ease-in-out;background:url("/assets/img/triangle.svg")}.page-link.about.current.loaded:hover:after{background:url("/assets/img/triangle.svg")}.page-link.site-title.current.loaded:after{animation:slide-in 0.4s ease-in-out;background:url("/assets/img/square.svg")}@keyframes slide-in{from{transform:scale(0.9) translate(0.25em, -2.5em)}to{transform:scale(0.9) translate(0.25em, 0.125em)}}@keyframes pulse{from{transform:scale(1)}to{transform:scale(1.3)}}body.about .page-content{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:1em}body.about .page-content h2{text-transform:uppercase;grid-column:1 / span 3;margin-top:2em}body.about .page-content h2:first-child{margin-top:0}body.about .page-content h2:first-child+ul{margin-top:0}body.about .page-content h2:first-child+ul li{padding-left:0}body.about .page-content p,body.about .page-content ul{grid-column:4 / span 5}body.about .page-content h2+ul{margin-top:2em}body.about .page-content ul{margin:0;list-style:none;padding:0}body.about .page-content ul+ul{margin-top:1em}body.about .page-content ul+p{margin-top:0}body.about .page-content ul li,body.about .page-content p{padding-left:1.5em}body.about .page-content ul li:first-child{padding-left:0em}body.about .page-content a{border-bottom:1px solid #000}body.about ::selection{background:#fff}.project-list{display:grid;list-style:none;padding:0}@media (min-width: 576px){.project-list{grid-template-columns:repeat(8, 1fr)}}.project-list li{position:relative;padding-bottom:1em;text-transform:uppercase;width:100%;transition:padding-left 0.125s ease-in-out, transform 0.125s ease-in-out}@media (min-width: 576px){.project-list li{grid-column:2/ span 6}}.project-list li .year{transition:transform 0.25s ease-in-out}.project-list li:hover{padding-left:0.25em;transform:translateX(1em)}.project-list li:hover .title:before{content:"→ "}body.index{opacity:0.9999999;z-index:1}.project-bg{position:fixed;display:block;width:100vw;height:100vh;background:#0000dc;left:0;top:0;z-index:-1;background-size:cover}.project-list li a{display:grid;border-bottom:0}@media (min-width: 576px){.project-list li a{grid-template-columns:75% 1fr}}@media (min-width: 992px){.project-list li a{grid-template-columns:80% 1fr}}@media (min-width: 576px){.project-list li .year{text-align:right}}.thumb{max-width:100%;display:block}.project-grid{display:grid;width:calc(100% - 1.25em);grid-column-gap:1em;grid-row-gap:1em;grid-template-columns:repeat(2, 1fr);justify-items:center;align-items:center}@media (min-width: 992px){.project-grid{grid-template-columns:repeat(4, 1fr)}}.project-grid li{list-style:none}.project-grid .project-title{font-size:0.5em}.project-grid .medium{grid-area:span 1 / span 2}.project-grid .large{grid-area:span 1 / span 3}.project-grid .x-large{grid-area:span 1 / span 4}.project{display:grid;grid-template-columns:repeat(8, 1fr)}.project p{margin-bottom:0;grid-column:2 / span 6;text-indent:40%}.project p+p{margin-top:0;text-indent:3em}.project p.back{margin-top:2em;padding-bottom:2em}.project p.back a{text-decoration:none;border-bottom:none;transition:all 0.2s ease-in-out;display:block}.project p.back a:hover:before{content:"← "}.project p.back a:hover{transform:translateX(-2em)}.project-title{text-transform:uppercase;grid-column:1 / span 8;margin:1em 0 0 0}.post-content{grid-column:1 / span 8;display:grid;grid-column-gap:0.5em;grid-template-columns:repeat(8, 1fr)}.post-content img{max-width:100%}.post-content video{max-width:100%}.post-content video+video{margin-top:0}.post-nav{margin-top:4em;grid-column:1/span 8;display:flex;width:100%;text-transform:uppercase}@media (min-width: 1200px){.post-nav{grid-column:2/span 6}}.post-nav .next{text-align:right}.post-nav .next:hover{padding-right:2em}.post-nav .next:hover:after{content:" ->"}.post-nav .prev:hover{padding-left:2em}.post-nav .prev:hover:before{content:"<- "}.post-nav a{transition:all 0.124s ease-in-out;width:50%;border-bottom:0}figure{grid-column:1 / span 8;margin:0.5em 0em 0em 0em}figure img{text-align:center}figure.full img{display:block;margin:0 auto;width:100%}figure.half{grid-column:span 4}p.credits{text-indent:0}figure+p{margin-top:1em}video.full{box-sizing:border-box;grid-column:1 / span 8;width:100%;margin:1em 0}@font-face{font-family:"MB Modern";font-weight:500;font-style:normal;src:url("fonts/mb-modern/mb-modern-regular_web.woff")}.mb-modern-sample{font-family:"MB Modern";font-size:0.7em}h3.mb-modern-sample{text-transform:uppercase}@font-face{font-family:"Gothic 523";font-weight:600;font-style:normal;src:url("fonts/gothic-523/gothic-523-bold_web.woff")}.gothic-523-sample{font-family:"Gothic 523";font-size:4em;line-height:1;text-align:center}.specimen{grid-column:1 / span 8}.specimen .slider{width:100%}.font.mb-modern p,.font.mb-modern h1,.font.mb-modern h2,.font.mb-modern h3,.font.mb-modern h4,.font.mb-modern h5,.font.mb-modern h6,.font.mb-modern li,.font.mb-modern div{font-family:"MB Modern";-webkit-font-smoothing:antialiased;transition:all 0.3s ease-in-out}.font.gothic-523 p,.font.gothic-523 h1,.font.gothic-523 h2,.font.gothic-523 h3,.font.gothic-523 h4,.font.gothic-523 h5,.font.gothic-523 h6,.font.gothic-523 li,.font.gothic-523 div{font-family:"Gothic 523";-webkit-font-smoothing:antialiased;transition:all 0.3s ease-in-out}.specimen{text-align:center}.specimen p{text-indent:0;padding:1em 0}.font-container:focus{outline:none;background:#fafafa}.font-container:focus p{color:#000}.sample-text{grid-column:2 / span 3;font-size:18px}.sample-text p{text-indent:0}.sample-text p+p{text-indent:0;margin-top:1em}.sample-text h3{text-transform:uppercase;margin-top:2em}.large-characters{grid-column:1/span 8;display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:1rem;font-size:30vw;text-indent:0;text-align:center}.large-characters p{font-size:50vw;text-indent:0;text-align:center}.large-characters p+p{text-indent:0}html{font-size:20px;font-family:"Atlas Grotesk";background:#000;color:#fafafa}@media (min-width: 768px){html{font-size:28px}}@media (min-width: 1200px){html{font-size:32px}}@media (min-width: 1600px){html{font-size:42px}}body{margin:0}.page-content{width:calc(100% - 1.25em);box-sizing:border-box;padding:12px}.hire-bug{background:#fafafa;color:#000;display:inline-block;width:6em;text-align:center;height:6em;display:flex;justify-content:center;align-items:center;border-radius:100%;text-align:uppercase;animation:spin 4s linear infinite;position:fixed;top:10vh;left:2vw;z-index:2}.currently{background:#0000dc;color:#fafafa;width:6em;height:6em;text-align:center;display:flex;justify-content:center;align-items:center;position:fixed;z-index:0}.hiring-modal{z-index:0;position:fixed;width:100vw;height:100vh;background:#0000dc;mix-blend-mode:multiply;display:flex;justify-content:center;align-items:center;font-size:4em;text-align:center;line-height:1;letter-spacing:-0.03em;padding:0.25em;font-weight:100}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}