/*! normalize.css v3.0.1 | MIT License | git.io/normalize */@import "https://raw.githubusercontent.com/daneden/animate.css/master/animate.min.css";*{margin:0;padding:0;text-decoration:none;background:transparent;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em;text-transform:lowercase}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}cite{font-style:normal}hr{border:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:'Untitled Sans';src:url("fonts/UntitledSansTest-Regular.woff2") format("woff2"),url("fonts/UntitledSansTest-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Untitled Sans';src:url("fonts/UntitledSansTest-RegularItalic.woff2") format("woff2"),url("fonts/UntitledSansTest-RegularItalic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'Untitled Sans';src:url("fonts/UntitledSansTest-Medium.woff2") format("woff2"),url("fonts/UntitledSansTest-Medium.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Untitled Sans';src:url("fonts/UntitledSansTest-MediumItalic.woff2") format("woff2"),url("fonts/UntitledSansTest-MediumItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:'GT Alpina Typewriter Beta v6';src:url("fonts/GTAlpinaTypewriterBetav6-Regular.woff2") format("woff2"),url("fonts/GTAlpinaTypewriterBetav6-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}h3{font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:20px;line-height:140%;letter-spacing:-0.02em}@media (min-width: 768px){h3{font-size:24px}}.caption{font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase}small{font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;letter-spacing:-0.02em;line-height:150%;color:#383838}.center{text-align:center;margin:0 auto}::-moz-selection{text-shadow:1px 1px 0 #f22613;text-decoration:underline}::selection{text-shadow:1px 1px 0 #f22613;text-decoration:underline}::-moz-selection{text-shadow:1px 1px 0 #f22613;text-decoration:underline}html,body{min-height:100%}a{text-decoration:none;color:#f22613}a:hover,a:focus{text-decoration:underline}*{box-sizing:border-box}:focus{outline:none}h1,h2,h3,h4,h5,h6{font-weight:normal}b{font-weight:normal}s{text-decoration:line-through}i{font-style:normal}strong{font-weight:bold}em{font-style:italic}u{text-decoration:underline}img,video{max-width:100%}input[placeholder],input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="submit"],textarea,select,option{color:white;padding:1rem;border-radius:0;background:rgba(255,255,255,0);outline-offset:0;max-width:100%;font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}input[type="submit"]{font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-weight:bold;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}@media (min-width: 768px){.hide--desktop{display:none !important}}.hide--mobile{display:none !important}@media (min-width: 768px){.hide--mobile{display:block !important}}body{font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;letter-spacing:-0.02em;line-height:150%;color:#383838;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.section{padding-top:20px;padding-bottom:20px;margin-left:20px;margin-right:20px;display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:10px}@media (min-width: 768px){.section{grid-template-columns:repeat(12, 1fr);grid-gap:20px}}@media (min-width: 1640px){.section{max-width:1600px;margin:0 auto}}.section>*{grid-column:span 12}.section>.full{grid-column:span 12}header[role="banner"]{font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,0.25)}header[role="banner"] p{grid-column:span 12}@media (min-width: 768px){header[role="banner"] p{grid-column:span 4}}header[role="banner"] p a{color:#383838}header[role="banner"] nav{color:#f22613;grid-column:span 12}@media (min-width: 768px){header[role="banner"] nav{grid-column:span 8;text-align:right}}header[role="banner"] nav a{text-decoration:underline}.index__hero{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:column;flex-flow:column}@media (min-width: 1024px){.index__hero{-ms-flex-flow:row;flex-flow:row;height:calc(100vh - 62px)}}.index__hero article{grid-column:span 12;width:100%}@media (min-width: 768px){.index__hero article{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width: 1024px){.index__hero article{width:32%}}.index__hero article .hover-img{display:none;visibility:hidden}@media (min-width: 1024px){.index__hero article .hover-img{visibility:visible}}.index__hero .wall{grid-column:span 12;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-flow:row;background-repeat:no-repeat;width:100%}@media (min-width: 600px){.index__hero .wall{background:url("../img/grid-norule.svg");background-size:cover;background-position:center;background-repeat:no-repeat;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}@media (min-width: 1024px){.index__hero .wall{background-image:url("../img/grid-bg.svg");width:680px;max-height:960px}}.index__hero .wall.contain-bg{background-image:contain !important}.index__hero .wall #my-interactive{position:absolute;top:0;left:0}@media (min-width: 600px){.index__hero .wall .box{min-height:none}}.index__hero .wall .box.box--work,.index__hero .wall .box.box--mood{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(3, 1fr);-ms-flex-order:3;order:3;grid-column:span 12;margin-bottom:2rem;background-size:contain;background-repeat:no-repeat;background-position:center}@media (min-width: 600px){.index__hero .wall .box.box--work,.index__hero .wall .box.box--mood{-ms-flex-order:0;order:0;grid-template-rows:repeat(6, 1fr);grid-template-rows:initial;grid-column:initial;grid-row:initial;margin-bottom:0}}.index__hero .wall .box.box--work .point,.index__hero .wall .box.box--mood .point{cursor:pointer;z-index:100}.index__hero .wall .box.box--work .point:hover .label,.index__hero .wall .box.box--work .point:focus .label,.index__hero .wall .box.box--mood .point:hover .label,.index__hero .wall .box.box--mood .point:focus .label{background:#f22613;color:#fff}.index__hero .wall .box.box--work .point:nth-child(1),.index__hero .wall .box.box--mood .point:nth-child(1){grid-column:1/7}.index__hero .wall .box.box--work .point:nth-child(2),.index__hero .wall .box.box--mood .point:nth-child(2){grid-column:1/7}.index__hero .wall .box.box--work .point:nth-child(3),.index__hero .wall .box.box--mood .point:nth-child(3){grid-column:1/7}@media (min-width: 600px){.index__hero .wall .box.box--work .point:nth-child(1),.index__hero .wall .box.box--mood .point:nth-child(1){grid-column:2/6;grid-row:6/7}.index__hero .wall .box.box--work .point:nth-child(2),.index__hero .wall .box.box--mood .point:nth-child(2){grid-column:4/7;grid-row:4/5}.index__hero .wall .box.box--work .point:nth-child(3),.index__hero .wall .box.box--mood .point:nth-child(3){grid-column:3/6;grid-row:2/3}}.index__hero .wall .box.box--work .point.hidden,.index__hero .wall .box.box--mood .point.hidden{opacity:0}.index__hero .wall .box.box--work .point .shape,.index__hero .wall .box.box--mood .point .shape{margin-right:8px;vertical-align:middle}.index__hero .wall .box.box--work .point .label.caption,.index__hero .wall .box.box--mood .point .label.caption{text-transform:lowercase}.index__hero .wall .box--mood .point:hover .label,.index__hero .wall .box--mood .point:focus .label{background:#fc0 !important;color:#383838 !important}.index__hero .wall .box--mood .point{justify-self:self-end}@media (min-width: 600px){.index__hero .wall .box--mood .point{justify-self:stretch}.index__hero .wall .box--mood .point:nth-child(1){grid-column:3/7 !important}.index__hero .wall .box--mood .point:nth-child(2){grid-column:2/7 !important}.index__hero .wall .box--mood .point:nth-child(3){grid-column:4/7 !important}}.index__hero .wall .box--shapes{min-height:350px}@media (min-width: 600px){.index__hero .wall .box--shapes{min-height:none}}.index__hero .wall .axis--v,.index__hero .wall .axis--h{position:absolute;filter:brightness(0.5);display:none}.index__hero .wall .axis--v{left:49.9%}.index__hero .wall .axis--h{transform:rotate(90deg);right:49.1%;top:-2.6%}.index__hero .wall .hover-img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:75%;display:none}.index__hero .wall a{color:inherit}.index__hero .wall a:hover,.index__hero .wall a:focus{text-decoration:none}.box--sketchpad{cursor:crosshair}.box--sketchpad ::-moz-selection{background:#f22613;color:#fff}.box--sketchpad ::selection{background:#f22613;color:#fff}.box--sketchpad .caption{z-index:100;width:50%;text-align:center}@media (min-width: 600px){.box--sketchpad .caption{width:100%}}.box--sketchpad .cursor{animation:blink 2s infinite}@keyframes blink{25%{opacity:0}75%{opacity:1}}.wall #sketchpadapp{visibility:hidden}@media (min-width: 600px){.wall #sketchpadapp{visibility:visible}}circle.default,ellipse.default,line.default,path.default,polygon.default,rect.default{stroke:#383838;stroke-width:1px;fill:none;stroke-dasharray:5}#path-19{fill:transparent;stroke:#383838;stroke-width:1px;stroke-dasharray:5}.control{cursor:move}.control>*:first-child{fill:#f22613;stroke:none}.control>*:nth-child(2){fill:transparent;stroke:#f22613;stroke-width:2px;opacity:0}.control:hover,.control:focus{fill:rgba(242,38,19,0.5)}.control>.highlight{fill:transparent;opacity:1 !important}.interactive{transform:translateX(-14px) translateY(0)}@media (min-width: 600px){.interactive{transform:translateX(0px) translateY(0px)}}@media (min-width: 1024px){.interactive{transform:translateX(10px) translateY(10px)}}.interactive line{stroke-width:0}#sketchpadapp{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#sketchpad{position:absolute;top:0;left:0}footer.footer{border-top:1px solid rgba(0,0,0,0.25);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}footer.footer .page-footer{color:rgba(0,0,0,0.25)}.body--work footer.footer{display:block}@media (min-width: 1024px){.body--work footer.footer{display:-ms-flexbox;display:flex}}.outlink{vertical-align:top}section.projects .project{border-bottom:1px solid rgba(0,0,0,0.25)}@media (min-width: 768px){section.projects .project{border-bottom:1px solid rgba(0,0,0,0.25)}}section.projects .project:hover figure img,section.projects .project:focus figure img,section.projects .project:hover figure video,section.projects .project:focus figure video{transform:scale(1.05)}section.projects .project .role{color:#666}@media (min-width: 768px){section.projects .project .role{grid-column:span 2}}@media (min-width: 768px){section.projects .project .info{grid-column:span 5}}section.projects .project .info .name{color:#f22613}@media (min-width: 768px){section.projects .project .info .name{margin-bottom:1rem}}section.projects .project .info .name .role--mobile{color:#666}@media (min-width: 768px){section.projects .project .info h3{margin-bottom:2.5rem;width:60%}}section.projects .project .info .link{display:none}@media (min-width: 768px){section.projects .project .info .link{display:block}}section.projects .project .info .link a{text-decoration:underline}section.projects .project figure{overflow:hidden;text-align:right}@media (min-width: 768px){section.projects .project figure{grid-column:span 5;max-height:400px}}section.projects .project figure.padded{padding:5%;background-color:#fafafa;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}section.projects .project figure img,section.projects .project figure video{transition:0.25s;max-width:100%}@media (min-width: 768px){section.projects .project.archive{padding-bottom:24px}}section.projects .project.archive h3{margin-bottom:0;width:100%}section.projects .project.archive h3 a{color:#383838}@media (min-width: 768px){section.projects .project.archive .info .name{margin-bottom:0.5rem}}.work__grid{row-gap:2rem}.work__grid .project{grid-column:span 6}.work__grid .project:hover .project__meta__title{text-decoration:underline}.work__grid .project:hover .project__thumb img{transform:scale(1.05)}.work__grid .project__thumb{display:block;margin-bottom:0.75rem;grid-column:span 9}.work__grid .project__thumb figure{background:#fafafa;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative}.work__grid .project__thumb figure .project__role{position:absolute;bottom:10px;right:10px;font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase}.work__grid .project__thumb figure .project__role mark{background:#fafafa;padding:5px;margin-left:5px}.work__grid .project__thumb figure img{transition:0.25s}.work__grid .project__meta{-ms-flex-item-align:end;align-self:end}@media (min-width: 768px){.work__grid .project__meta{grid-column:span 3}}.work__grid .project__meta .project__meta__roles{font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase;margin-bottom:0.25rem}.work__grid .project__meta .project__meta__roles .role{background:#fafafa;padding:5px;color:#666;margin-right:5px}.work__grid .project__meta .project__meta__title{display:inline-block}.work__grid .project__meta .project__meta__intro{color:#383838}.work__grid a:hover,.work__grid a:focus{text-decoration:none}.work__archive{display:block}.work__archive header{display:grid;margin-bottom:1rem}@media (min-width: 768px){.work__archive header{grid-template-columns:1fr 2fr 8fr 1fr}}.work__archive main{margin-bottom:1rem}.work__archive main .project{display:grid;position:relative;cursor:pointer;color:#383838;text-decoration:none}.work__archive main .project:not(:last-child){margin-bottom:6px}@media (min-width: 768px){.work__archive main .project{grid-template-columns:1fr 2fr 8fr 1fr}}.work__archive main .project .line{position:absolute;width:100%;height:1px;top:50%;background:#f22613;opacity:0}.work__archive main .project:hover .line,.work__archive main .project:focus .line{opacity:1}@media (min-width: 768px){.work__archive{grid-template-columns:2fr 1fr 8fr 1fr}}@media (min-width: 1024px){.project__aside{position:-webkit-sticky;position:sticky;top:84px;left:0;grid-column:span 3;height:calc(100vh - 108px);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-direction:column;flex-direction:column;padding-right:1rem;max-width:100%}}.project__aside figure.padded{padding:5%;background:#fafafa;-ms-flex-item-align:start;align-self:start}.project__aside figure.cover--mobile{margin-bottom:10px}@media (min-width: 1024px){.project__aside figure.cover--mobile{display:none}}.project__aside main{margin-bottom:1rem}@media (min-width: 1024px){.project__aside main{margin-bottom:6rem}}.project__aside main h3{margin-bottom:1rem}.project__aside main .info p:not(:last-of-type){margin-bottom:1rem}.project__aside footer .links{text-transform:uppercase}.project__aside footer .links a{text-decoration:underline}.project__aside footer .links:last-of-type{margin-bottom:1.25rem}.project__aside footer dl{font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.project__aside footer dl dd{-ms-flex-negative:0;flex-shrink:0}.project__aside footer dl dd a{color:#383838;text-decoration:underline}.project__aside footer dl .dots{content:"........";-ms-flex-positive:1;flex-grow:1;overflow:hidden}.project__aside footer dl dt{text-align:right}.project__main{display:grid;grid-template-columns:repeat(8, 1fr);grid-column-gap:10px}@media (min-width: 1024px){.project__main{grid-column:span 9}}@media (min-width: 1024px) and (min-width: 768px){.project__main{grid-column-gap:20px}}.project__main>*{grid-column:span 8}.project__main figure{grid-column:span 8;margin-bottom:10px}.project__main figure:not(:first-of-type){margin-top:10px}.project__main figure:first-child{display:none}@media (min-width: 1024px){.project__main figure:first-child{display:block}}@media (min-width: 768px){.project__main figure{grid-column:span 4;margin-bottom:20px}.project__main figure:not(:first-of-type){margin-top:20px}}.project__main figure.full{grid-column:span 8}.project__main figure.full video{filter:saturate(0.9)}.project__main figure.padded{padding:5%;background:#fafafa;-ms-flex-item-align:start;align-self:start}.project__main figure img,.project__main figure video{width:100%}.project__main figure figcaption{margin-top:0.2rem;color:#666}.project__main figure figcaption .caption+small::before{content:'\2014 '}.project__main article{display:grid;grid-template-columns:1fr;grid-column-gap:20px}@media (min-width: 768px){.project__main article{grid-template-columns:1fr 1fr}}.project__main h3{margin-top:0.4rem;margin-bottom:0.6rem}.project__main h3+.caption{margin-top:-0.4rem;color:#f22613}.project__main .caption+p{margin-top:-0.4rem}.project__main p,.project__main ul,.project__main ol{margin-bottom:1rem}.project__main ul,.project__main ol{padding-left:1rem}.project__main ul{list-style:square}.project__main ul li{margin-bottom:0.2rem}.project__main ul li::marker{color:#f22613}.blog-grid:nth-child(2){padding-top:0}.blog-grid>a{color:inherit;display:block}@media (min-width: 600px){.blog-grid>a{grid-column:span 6}}@media (min-width: 1024px){.blog-grid>a{grid-column:span 4}}@media (min-width: 1400px){.blog-grid>a{grid-column:span 3}}.blog-grid>a:hover,.blog-grid>a:focus{text-decoration:none}.blog-grid article{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding:20px 1rem;border:1px dashed #f22613;height:100%}.blog-grid article h3{margin-bottom:0.25rem;color:#f22613}.blog-grid article time{display:block;margin-bottom:1rem}.blog-grid article footer{padding-top:2rem}.blog-grid article footer img{width:0.85rem;vertical-align:baseline}.blog-grid article:hover,.blog-grid article:focus{border:1px solid #f22613}.blog-grid article:active,.blog-grid article:active a,.blog-grid article:active h3{background:#f22613;color:#fff !important}.blog-grid figure{max-height:450px}@media (min-width: 1024px){.blog-grid figure{grid-column:span 4}}@media (min-width: 1400px){.blog-grid figure{grid-column:span 3}}@media (min-width: 768px){.about{height:calc(100vh - 124px)}}@media (min-width: 768px){.about *{grid-column:span 6}}@media (min-width: 1024px){.about *{grid-column:span 4}}.about article p{margin-bottom:1rem}.about article .links{list-style:none;font-family:"GT Alpina Typewriter Beta v6",Courier New,monospace;font-size:14px;line-height:150%;text-transform:uppercase;margin-bottom:1rem}.about article .links li{margin-bottom:0.2rem}.about .spacer{display:none}@media (min-width: 1024px){.about .spacer{display:block}}.about figure{text-align:right}@media (min-width: 768px){.about figure{grid-column:span 6}}@media (min-width: 1024px){.about figure{grid-column:span 4}}@media (min-width: 768px){.about figure img{width:50%}}.about figure figcaption{text-align:right}