.site-header:after,.logo-wrap:after{clear:both;content:'';display:table}
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:focus,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
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}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
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"]{-webkit-appearance:button;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:0;margin:0;padding:0}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
ul{margin:0;padding:0}
ul li{list-style-type:none}
img{vertical-align:top}
p{margin:0}
a{text-decoration:none}
html,body{min-height:100%}
.italic{font-style:italic}
.underline{text-decoration:underline}
.strikethrough{text-decoration:line-through}
.bold{font-weight:bold}
.cfix:after{clear:both;content:' ';display:block;height:0;line-height:0;overflow:hidden;visibility:hidden}
html{background-color:#000000;background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
html:before{background-color:#000;display:none;opacity:calc(30 * 0.01)}
.site-container{float:none;margin-left:auto;margin-right:auto;max-width:1600px}
html{position:relative}
html:before{content:'';height:100%;left:0;position:fixed;top:0;width:100%}
.site-wrap,.site-container{position:relative;width:100%}
.site-wrap:before{content:'';height:100%;left:0;position:absolute;top:0;width:100%}
.site-header{position:relative}
.responsive-nav{display:none;opacity:0;visibility:hidden}
.project-cover .separator:last-child{display:none}
.preserve-whitespace{white-space:pre-wrap}
.preserve-whitespace--nowrap{white-space:pre}
.logo{clear:both;word-wrap:break-word}
.logo img{max-width:100%}
.logo a{color:inherit}
.logo .image-link{display:inline-block;max-width:100%}
.logo .image-rollover,.logo .image-scroll{display:none}
.logo.logo-text{width:100%}
.logo.has-rollover.hoverable:hover .image-link{display:none}
.logo.has-rollover.hoverable:hover .image-link.image-rollover{display:block}
.on-scroll .logo.has-scroll .image-normal,.on-scroll .logo.has-scroll .image-rollover{display:none !important}
.on-scroll .logo.has-scroll .image-scroll{display:inline-block}
.social{font-size:0}
.social li{display:inline-block}
.social li:first-child{padding-left:0 !important}
.social li:last-child{padding-right:0 !important}
.social li svg{vertical-align:middle}
.social a{display:block;text-align:center}
nav .page-title,nav .gallery-title,nav .project-title,nav .link-title,nav .social,nav .social li{display:inline-block;vertical-align:middle}
nav .project-title:first-child,nav .gallery-title:first-child,nav .page-title:first-child,nav .link-title:first-child{padding-left:0 !important}
nav .project-title:last-child,nav .gallery-title:last-child,nav .page-title:last-child,nav .link-title:last-child{padding-right:0 !important}
.site-footer{clear:both;display:block}
.site-header{display:-webkit-flex;display:flex;position:fixed;right:0;top:0;width:100%}
.site-header.on-scroll{transition:background-color 0.3s ease, box-shadow 0.3s ease}
.logo-wrap{flex:1}
.logo-wrap{max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:0px;padding-top:0px;width:17.5%}
.logo-text{margin-left:auto;margin-right:auto;text-align:center}
.logo{font-family:var(--font-mono);font-size:14px;font-style:normal;font-weight:500;line-height:30px;padding-bottom:0px;padding-left:0%;padding-right:0%;padding-top:0px}
.logo,.logo a{color:#fff}
.logo a:hover{color:#fff;font-style:normal;font-weight:300;text-decoration:underline}
nav{float:left;max-width:100%;width:41.5%}
nav .gallery-title a{color:#a9a9a9;font-family:var(--font-mono);font-size:15px;font-style:normal;font-weight:500;line-height:30px}
nav .gallery-title a:hover{color:#fff;font-style:normal;font-weight:600;text-decoration:underline}
nav .gallery-title a.active{color:#fff;font-style:normal;font-weight:600}
nav .project-title a{color:#a9a9a9;font-family:var(--font-sans);font-size:17px;font-style:normal;font-weight:500;line-height:30px}
nav .project-title a:hover{color:#fff;font-style:normal;font-weight:500}
nav .project-title a.active{color:#fff;font-style:normal;font-weight:600}
nav .page-title a{color:#a9a9a9;font-family:var(--font-mono);font-size:15px;font-style:normal;font-weight:500;line-height:30px}
nav .page-title a:hover{color:#fff;font-style:normal;font-weight:600;text-decoration:underline}
nav .page-title a.active{color:#fff;font-style:normal;font-weight:600}
nav .link-title a{color:#a9a9a9;font-family:var(--font-sans);font-size:17px;font-style:normal;font-weight:500;line-height:30px}
nav .link-title a:hover{color:#fff;font-style:normal;font-weight:500}
.pf-nav-social{text-align:right}
.pf-nav-social li{padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px}
.pf-nav-social a:hover svg{fill:#fff;opacity:1}
.pf-nav-social svg{fill:#fff;height:30px;opacity:1;width:30px}
@media (max-width: 932px){.pf-nav-social li{padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:8px}}
@media (max-width: 540px){.pf-nav-social li{padding-top:0px;padding-bottom:0px;padding-left:7px;padding-right:7px}}
nav{padding-left:0%;padding-right:0%;text-align:left}
nav .gallery-title{padding-left:20px;padding-right:20px}
nav .project-title{padding-left:0px;padding-right:20px}
nav .page-title{padding-left:20px;padding-right:20px}
nav .link-title{padding-left:0px;padding-right:20px}
.site-footer{font-family:var(--font-mono);font-size:12px;font-style:normal;font-weight:400;line-height:30px;padding-bottom:130px;padding-left:0px;padding-right:0px;padding-top:182px;text-align:center;text-transform:none;width:100%}
.site-footer,.site-footer a{color:#a9a9a9}
@media (max-width: 932px){.site-footer{font-size:12px;line-height:30px;padding-bottom:48px;padding-top:64px}}
@media (max-width: 540px){.site-footer{font-size:12px;line-height:30px;padding-bottom:41px;padding-top:54px}}
.site-content{margin-left:2%;margin-right:2%;width:96%}
.site-header{-webkit-align-items:center;align-items:center;background-color:#000000;height:70px;padding-bottom:0px;padding-left:2%;padding-right:2%;padding-top:0px;position:fixed;z-index:3}
.site-header.on-scroll{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);background-color:#000000}
.site-header.on-scroll .logo,.site-header.on-scroll .logo a{color:#a9a9a9}
.site-header.on-scroll .pf-nav-social svg{fill:#a9a9a9;opacity:1}
.site-header.on-scroll nav .page-title a{color:#a9a9a9}
.site-header.on-scroll nav .gallery-title a{color:#a9a9a9}
.site-header.on-scroll nav .project-title a{color:#a9a9a9}
.site-header.on-scroll nav .link-title a{color:#a9a9a9}
.header-placeholder{display:block;height:70px}
.pf-nav-social{width:41%}
.hamburger-click-area{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;display:none;padding:30px 5%;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:50%}
.hamburger{position:relative;width:24px}
.hamburger i{display:block;height:2px;margin-bottom:4px}
.hamburger i:last-child{margin-bottom:0}
@media (max-width: 932px){nav{display:none;padding:0;width:100%}.site-header{padding-left:5%;padding-right:5%}.logo-wrap{max-width:100%;padding:0;width:100%}.logo{max-width:100%;padding:0 39px 0 0}.logo-text{padding-left:39px}.close-responsive-button{top:40px}.hamburger-click-area{display:block}.hamburger i{background-color:#fff}main,.site-container{width:100%}.site-content{margin:0;padding:0 0;width:100%}.responsive-nav{background-color:#000000;bottom:0;display:flex;height:100%;left:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:50px 5% 0;position:fixed;right:0;text-align:center;top:0;transition:visibility 0s ease 0.2s, opacity 0.2s ease 0s;z-index:99999}.responsive-nav nav{float:none;margin:auto;max-width:100%;width:100%}.responsive-nav.has-social nav{padding-bottom:80px}.responsive-nav .nav-container{width:100%}.responsive-nav .page-title,.responsive-nav .project-title,.responsive-nav .link-title,.responsive-nav .gallery-title{display:block;text-align:center}.responsive-nav .page-title a,.responsive-nav .project-title a,.responsive-nav .link-title a,.responsive-nav .gallery-title a{font-size:22px;line-height:32px}.responsive-nav .page-title,.responsive-nav .project-title,.responsive-nav .link-title,.responsive-nav .gallery-title{padding:0 0 30px}.responsive-nav .group{padding:0}.responsive-nav .social{text-align:center;width:100%;background-color:#fff;border-top:1px solid rgba(0, 0, 0, 0.08);bottom:0;left:0;margin:0;min-height:80px;overflow-x:auto;overflow-y:hidden;padding:5%;position:fixed}.responsive-nav .social ul{white-space:nowrap}.responsive-nav .social svg{width:42px}.responsive-nav .social li{display:inline-block;float:none !important;padding:0 20px 0 0}.responsive-nav .social li:last-child{padding-right:0}.close-responsive-click-area{cursor:pointer;padding:50px 6%;position:fixed;right:0;-webkit-tap-highlight-color:transparent;top:0}.close-responsive-button{height:20px;position:fixed;right:5%;width:20px}.close-responsive-button:before,.close-responsive-button:after{background-color:#fff;content:'';display:block;height:20px;left:50%;position:absolute;width:2px}.close-responsive-button:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.close-responsive-button:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.show-responsive-nav{overflow:hidden}.show-responsive-nav .responsive-nav{opacity:1;transition:visibility 0s ease 0s, opacity 0.2s ease 0s;visibility:visible}.show-responsive-nav .responsive-nav nav{display:block}.show-responsive-nav .site-header,.show-responsive-nav .site-container{display:none}.site-footer{padding-left:5%;padding-right:5%;width:100%}}
@media (max-width: 540px){.close-responsive-click-area{padding:40px 10%}.close-responsive-button{top:30px}}
@media (max-width: 932px){.logo-container{width:100%}.site-header .pf-nav-social{display:none}.site-header.on-scroll .hamburger i{background-color:#a9a9a9}.responsive-nav,.responsive-nav .social{background-color:#000000 !important}}
.project-cover .details-inner:after,.project-covers:after{clear:both;content:'';display:table}
.project-cover{display:block;position:relative}
.project-cover.hold-space .cover-image:before{content:'';display:block;width:100%}
.project-cover.hold-space .cover{left:0;min-height:100%;position:absolute;top:0}
.project-cover .cover-image-wrap{overflow:hidden;position:relative}
.project-cover .cover-image{position:relative;-webkit-transform:translateZ(0)}
.project-cover .cover-image:after{-webkit-transition:background-color 0.2s ease, opacity 0.2s ease;-moz-transition:background-color 0.2s ease, opacity 0.2s ease;transition:background-color 0.2s ease, opacity 0.2s ease;content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%}
.project-cover .cover{background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;min-height:100%;overflow:hidden;width:100%}
.project-cover .cover .cover__img{height:calc(100% + 2px);left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(100% + 2px)}
.project-cover .cover .cover__img.js-lazy{background-color:rgba(0, 0, 0, 0.03)}
.project-cover .cover .cover__img.js-lazy.image-loaded{background-color:transparent}
.project-cover .cover-rollover{opacity:0;visibility:hidden}
.project-cover:hover .cover-normal.has-rollover,.project-cover.touch-hover .cover-normal.has-rollover{opacity:0;visibility:hidden}
.project-cover:hover .cover-rollover,.project-cover.touch-hover .cover-rollover{opacity:1;visibility:visible}
.project-cover .title,.project-cover .date,.project-cover .custom1,.project-cover .custom2,.project-cover .description{clear:both}
.project-cover .description{white-space:pre-line;word-wrap:break-word}
.project-cover .details-inner{overflow:hidden}
.project-covers{display:flex;flex-wrap:wrap}
.back-to-top .arrow{margin-right:10px}
.back-to-top-fixed{position:fixed;z-index:3}
.icon-back-to-top{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:block;left:50%;position:absolute;top:50%}
.project-cover{margin-right:16px;width:calc(50% - 8px)}
.project-cover.hold-space .cover-image:before{padding-bottom:80%}
.project-cover .cover-image-wrap{margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px}
.project-cover .cover-image{float:none;margin-left:auto;margin-right:auto;width:100%}
.project-cover .cover-image:after{background-color:#000;opacity:0.16}
.project-cover:hover .cover-image:after,.project-cover.touch-hover .cover-image:after{background-color:#000;opacity:0.4}
.project-cover .cover-image,.project-cover .cover-image:after,.project-cover .cover{border-radius:0px}
.project-cover .details-wrap{margin-left:auto;margin-right:auto;max-width:100%;padding-top:0%;width:100%}
.project-cover .details{background:rgba(255, 255, 255, 0)}
.project-cover .details-inner{padding-bottom:6%;padding-left:0%;padding-right:0%;padding-top:4%}
.project-cover .title{color:#fff;float:none;font-family:var(--font-sans);font-size:16px;font-style:normal;font-weight:400;line-height:20px;margin:auto;padding-bottom:3px;padding-left:0%;padding-right:0%;padding-top:0px;text-align:center;text-transform:none;width:100%}
.project-cover .date{color:#a9a9a9;float:none;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:auto;padding-bottom:0px;padding-left:0%;padding-right:0%;padding-top:0px;text-align:center;text-transform:none;width:100%}
.project-cover .custom1{color:#9E9E9E;float:none;font-family:var(--font-sans);font-size:15px;font-style:normal;font-weight:400;line-height:18px;margin:auto;padding-bottom:0px;padding-left:0%;padding-right:0%;padding-top:8px;text-align:center;text-transform:none;width:100%}
.project-cover .custom2{color:#a9a9a9;float:none;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:auto;padding-bottom:0px;padding-left:0%;padding-right:0%;padding-top:12px;text-align:center;text-transform:none;width:100%}
.project-cover .description{color:#a9a9a9;float:none;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:auto;padding-bottom:0px;padding-left:0%;padding-right:0%;padding-top:12px;text-align:center;text-transform:none;width:100%}
.project-cover:nth-child(2n){margin-right:0}
.project-cover:nth-child(2n + 1){clear:left;margin-left:0}
@media (max-width: 932px){.project-cover .title{font-size:14px;line-height:20px;padding-bottom:5px}.project-cover .date{font-size:14px;line-height:20px}.project-cover .custom1{font-size:14px;line-height:20px;padding-top:8px}.project-cover .custom2{font-size:14px;line-height:20px;padding-top:10px}.project-cover .description{font-size:14px;line-height:20px;padding-top:10px}.project-cover .cover-image-wrap{margin-bottom:0px;margin-top:0px}}
@media (max-width: 540px){.project-cover{margin-right:0 !important;width:100%}.project-cover .title{font-size:14px;line-height:20px;padding-bottom:4px}.project-cover .date{font-size:14px;line-height:20px}.project-cover .custom1{font-size:14px;line-height:20px;padding-top:7px}.project-cover .custom2{font-size:14px;line-height:20px;padding-top:10px}.project-cover .description{font-size:14px;line-height:20px;padding-top:10px}.project-cover .cover-image-wrap{margin-bottom:0px;margin-left:0;margin-right:0;margin-top:0px}}
.project-covers{padding-bottom:0px;padding-top:100px}
.project-cover .details-wrap{padding-bottom:6.5%}
@media (max-width: 932px){.project-covers{padding-bottom:0px;padding-top:40px}}
@media (max-width: 540px){.project-covers{padding-bottom:0px;padding-top:34px}}
.back-to-top{display:none}
.back-to-top-fixed{display:block;bottom:40px;height:60px;width:60px;right:40px}
.back-to-top-fixed:hover .icon-back-to-top{fill:#212121;opacity:1}
.icon-back-to-top{fill:#212121;height:20px;opacity:1;position:absolute;width:20px}
@media (max-width: 932px){.back-to-top-fixed{display:none}}