*:not(i),*:not(i)::before,*:not(i)::after{margin:0;padding:0;border:none;box-sizing:border-box}html{-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}::-moz-selection{background:#cc090b;color:black}::selection{background:#cc090b;color:black}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}@font-face{font-family:"Atlas Grotesk";font-weight:700;font-style:normal;src:url("../fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.eot");src:url("../fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.eot") format("eot"),url("../fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.woff2") format("woff2"),url("../fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.woff") format("woff")}@font-face{font-family:"Atlas Grotesk";font-weight:400;font-style:normal;src:url("../fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.eot");src:url("../fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.eot") format("eot"),url("../fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.woff2") format("woff2"),url("../fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.woff") format("woff")}.font-sans-xl{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:36px;letter-spacing:0;line-height:1.2em;font-weight:700;font-style:normal;font-stretch:normal}@media (min-width: 576px){.font-sans-xl{font-size:42px}}@media (min-width: 768px){.font-sans-xl{font-size:52px}}@media (min-width: 992px){.font-sans-xl{font-size:52px}}@media (min-width: 1000px){.font-sans-xl{font-size:4vw}}.font-sans-s{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){.font-sans-s{font-size:11.5px}}@media (min-width: 768px){.font-sans-s{font-size:12px}}@media (min-width: 992px){.font-sans-s{font-size:12px}}@media (min-width: 1000px){.font-sans-s{font-size:12px}}p{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal;margin-bottom:1em}@media (min-width: 576px){p{font-size:11.5px}}@media (min-width: 768px){p{font-size:12px}}@media (min-width: 992px){p{font-size:12px}}@media (min-width: 1000px){p{font-size:12px}}div{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){div{font-size:11.5px}}@media (min-width: 768px){div{font-size:12px}}@media (min-width: 992px){div{font-size:12px}}@media (min-width: 1000px){div{font-size:12px}}h1{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:36px;letter-spacing:0;line-height:1.2em;font-weight:700;font-style:normal;font-stretch:normal}@media (min-width: 576px){h1{font-size:42px}}@media (min-width: 768px){h1{font-size:52px}}@media (min-width: 992px){h1{font-size:52px}}@media (min-width: 1000px){h1{font-size:4vw}}h1 sup{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal;position:absolute;padding-top:10px;white-space:nowrap}@media (min-width: 576px){h1 sup{font-size:11.5px}}@media (min-width: 768px){h1 sup{font-size:12px}}@media (min-width: 992px){h1 sup{font-size:12px}}@media (min-width: 1000px){h1 sup{font-size:12px}}h2{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){h2{font-size:11.5px}}@media (min-width: 768px){h2{font-size:12px}}@media (min-width: 992px){h2{font-size:12px}}@media (min-width: 1000px){h2{font-size:12px}}h3{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){h3{font-size:11.5px}}@media (min-width: 768px){h3{font-size:12px}}@media (min-width: 992px){h3{font-size:12px}}@media (min-width: 1000px){h3{font-size:12px}}h4{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){h4{font-size:11.5px}}@media (min-width: 768px){h4{font-size:12px}}@media (min-width: 992px){h4{font-size:12px}}@media (min-width: 1000px){h4{font-size:12px}}h5{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){h5{font-size:11.5px}}@media (min-width: 768px){h5{font-size:12px}}@media (min-width: 992px){h5{font-size:12px}}@media (min-width: 1000px){h5{font-size:12px}}h6{font-family:"Atlas Grotesk","System UI",sans-serif;font-size:11px;letter-spacing:.03em;line-height:1.3em;font-weight:400;font-style:normal;font-stretch:normal}@media (min-width: 576px){h6{font-size:11.5px}}@media (min-width: 768px){h6{font-size:12px}}@media (min-width: 992px){h6{font-size:12px}}@media (min-width: 1000px){h6{font-size:12px}}ol{margin-left:1.3em;margin-top:1em;margin-bottom:1em}ul{margin-left:1em;margin-top:1em;margin-bottom:1em}label{display:inline-flex;align-items:center;justify-content:flex-start}label .text{margin-left:10px}.switch{position:relative;display:inline-block;width:55px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:orange}.switch input:checked+.slider::before{transform:translateX(21px)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.5);transition:.2s}.switch .slider::before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;transition:.2s}.switch .slider.round{border-radius:34px}.switch .slider.round::before{border-radius:50%}.switch.small{width:34px;height:20px}.switch.small input:checked+.slider::before{transform:translateX(14px)}.switch.small .slider::before{height:14px;width:14px;left:3px;bottom:3px}.switch.small .slider.round{border-radius:20px}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:0 0;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:23px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:23px;height:2px;background-color:#fff;border-radius:1px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}.hamburger--slider .hamburger-inner{top:1px}.hamburger--slider .hamburger-inner::before{top:7px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider .hamburger-inner::after{top:14px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 7px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-3.28571px, -5px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -14px, 0) rotate(-90deg)}.color-highlight{color:#b4080a}.color-white{color:white}.color-white-50{color:rgba(255,255,255,0.5)}.bg-white{background-color:white}.no-u{text-decoration:none}.pointer{cursor:pointer}.upper{text-transform:uppercase}.lower{text-transform:none}.justified{text-align:justify;text-justify:auto;text-justify:inter-word;text-justify:inter-character}.space-1{height:20px}.space-2{height:40px}.space-3{height:60px}.space-4{height:80px}.space-6{height:120px}.space-8{height:160px}*{text-rendering:geometricPrecision}body{overflow-x:hidden;width:100%;background-color:white;color:black}body.media-open{overflow:hidden}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10%;color:inherit;cursor:pointer}@media (hover: hover) and (pointer: fine){a:hover{color:#b4080a}}@keyframes blink{0%{opacity:0.5}25%{opacity:0.5}50%{opacity:0.3}75%{opacity:0.5}100%{opacity:0.5}}#landing{z-index:10;position:fixed;top:0;left:0;bottom:0;right:0;cursor:url("../images/landing-cursor.png") 0 0,auto;background-color:black;opacity:0;pointer-events:none;transition:opacity 500ms}#landing .slide{position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:10% 10%;transition:opacity 500ms;opacity:0}#landing .slide.active{opacity:1}body[data-landing-open="true"] #landing{opacity:1;pointer-events:auto}#logo-fixed{z-index:15;position:fixed;bottom:0;right:0;width:33.333%}@media (max-width: 999.98px){#logo-fixed{width:100%}body[data-landing-open="false"] #logo-fixed{display:none}}#logo-fixed a#logo-link{position:absolute;width:100%;height:100%;top:0;left:0}#logo-fixed img{width:calc(100% - 20px)}#logo-fixed img.placeholder{margin-bottom:10px;margin-right:10px}#logo-fixed img.logo{position:absolute;bottom:10px;right:10px;transition:opacity 500ms}#logo-fixed[data-color="black"] img.white{opacity:0}#logo-fixed[data-color="black"] img.black{opacity:1}#logo-fixed[data-color="white"] img.black{opacity:0}#logo-fixed[data-color="white"] img.white{opacity:1}body[data-landing-open="true"] #logo-fixed{pointer-events:none}#about-text-full{display:none}body[data-about-open="true"] #about-text-full{display:block}body[data-about-open="true"] #about-show-more{display:none}.project-list .contents{padding-left:10px;padding-right:10px}@media (min-width: 1000px){.project-list .contents{width:66.666%;max-width:66.666%;padding-right:0}}.about{padding-left:10px;padding-right:10px;padding-top:10px;overflow-y:auto}@media (min-width: 1000px){.about{position:fixed;top:0;bottom:0;right:0;left:66.666%;padding-bottom:7vw}body[data-open-project="true"] .about{display:none}}.project-text-desktop{padding-left:10px;padding-right:10px;padding-top:10px;overflow-y:auto;display:none;padding-bottom:7vw}@media (min-width: 1000px){.project-text-desktop{position:fixed;top:0;bottom:0;right:0;left:66.666%}}@media (max-width: 999.98px){.project-text-desktop{display:none !important}}body[data-open-project="true"] .project-text-desktop{display:block}.about-mobile-contact{padding-left:10px;padding-right:10px;padding-top:10px}.project-wrapper h1{position:sticky;top:0px;z-index:9;margin-top:-0.1em}.project-wrapper h1 a{text-decoration:none}.project-wrapper h1 a sup{opacity:0;pointer-events:none}@media (max-width: 999.98px){.project-wrapper h1 a sup{display:none}}.project-wrapper h1 a:hover sup{opacity:1}.project-wrapper .project-contents{padding-top:10px;display:none}.project-wrapper .project-contents .duo{display:flex;align-items:stretch;justify-content:space-between}.project-wrapper .project-contents .duo .duo-col{width:calc(50% - 5px);position:relative}.project-wrapper .project-contents .duo .duo-col figure{width:100%;height:100%}.project-wrapper .project-contents .duo .duo-col figure img{width:100%;height:100%;object-fit:cover}@media (max-width: 575.98px){.project-wrapper .project-contents .duo{display:block}.project-wrapper .project-contents .duo .duo-col{aspect-ratio:unset !important;width:100%}}.project-wrapper .project-contents figure.project-fig{overflow:hidden;padding-bottom:10px}.project-wrapper .project-contents figure.project-fig img.project-img{width:100%;display:block;transition:filter 500ms, transform 500ms}.project-wrapper .project-contents figure.project-fig.blur img{filter:blur(25px);transform:scale(1.05)}@media (min-width: 1000px){.project-wrapper .project-contents .collab-cols{display:flex;align-items:flex-start;justify-content:flex-start}.project-wrapper .project-contents .collab-cols .collab-col-1,.project-wrapper .project-contents .collab-cols .collab-col-2{width:50%;max-width:50%}.project-wrapper .project-contents .collab-cols .collab-col-2{padding-left:10px;padding-right:10px}}.project-wrapper[data-is-open="true"] h1{color:#b4080a}.project-wrapper[data-is-open="true"] h1 sup{opacity:1}.project-wrapper[data-is-open="true"] h1 a:hover sup::after{content:"close";text-decoration:underline;display:inline-block;margin-left:0.5em}.project-wrapper[data-is-open="true"] .project-contents{display:block}.container-fluid{max-width:940px;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}@media (max-width: 575.98px){.container-fluid{padding-left:15px;padding-right:15px}}