@charset "UTF-8";:root{--frame-color:#3d3d3d}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,.4)}[hidden]{display:none}a:active,a:focus,button:active,button:focus{outline:0}.btn,.nav-social a,button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}svg:not(:root){overflow:hidden}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--track-color:#3d3d3d}html{font-size:16px;scroll-behavior:smooth}body{font-family:Open Sans,Helvetica Neue,helvetica,arial,sans-serif;font-size:62.5%;font-weight:200;line-height:1.5;transition:opacity .2s}body::-webkit-scrollbar{background:var(--track-color);width:10px}body::-webkit-scrollbar-track{background-color:#0003}body::-webkit-scrollbar-thumb{background-color:#0006}[v-cloak]{display:none}main{height:100%;padding:2vw}main.is-single{padding:0 2vw 2vw}::-moz-selection{background:#575757;color:#fff}::selection{background:#575757;color:#fff}h1,h2{line-height:1}h1{font-size:3.5em}h2{font-size:2.8em;margin:0 0 10px}h3{display:block;font-size:1.6em;font-weight:700}h1 small,h2 small{font-size:.7em}a{text-decoration:none}p a,ul a{color:#3d3d3d;transition:.4s}p a:active,p a:focus,p a:hover,ul a:active,ul a:focus,ul a:hover{color:#636363}p{color:#3d3d3d;font-size:1.6em}em{background:#ebebeb;padding:3px}b,strong{font-weight:700}ol,ul{list-style:none;margin:0;padding-left:0}.bullets>li{font-size:1.6em;position:relative}.bullets>li:before{color:#a9a9a9;content:"■";font-size:1em;padding-right:.6em;position:relative;top:-.1em}.single-content ul{margin-left:15px}.single-content ul li{font-size:1.6em;position:relative}.single-content ul li:before{color:#3d3d3d;content:"■";font-size:1em;left:-15px;line-height:1.6;position:absolute}img{display:block;max-width:100%}[class^=btn],button{border:0;color:#fff;display:inline-block;font-size:1.6em;font-weight:300;letter-spacing:1px;padding:.313em .626em;text-align:center;transition:.2s}[class^=btn]:active,[class^=btn]:focus,[class^=btn]:hover,button:active,button:focus,button:hover{opacity:.8}[class^=btn].is-disabled,button.is-disabled{opacity:.2;pointer-events:none}@media(max-width:543px){main{height:auto}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(min-width:768px){.container{max-width:100%}}@media(min-width:962px){.container{max-width:940px}}.container-sm{margin:auto;max-width:100%;width:500px}[class^=fr-]{background-color:var(--frame-color);left:0;position:fixed;top:0;transition:.4s;z-index:100}.fr-tp{height:2vw;width:100%}.fr-tp.single-nav{height:4vw;min-height:60px}.fr-rt{left:auto;right:0}.fr-lt,.fr-rt{height:100%;width:2vw}.fr-bt{align-items:center;bottom:0;display:flex;height:55px;justify-content:center;top:auto;width:100%;z-index:90}.fr-bt.is-disabled{height:calc(2vw + 1px)}.fr-bt.is-disabled .frame-btn{opacity:0;pointer-events:none}.frame-btn{background:transparent;color:#fff;display:block;font-size:1.6em;font-weight:300;height:100%;letter-spacing:1px;opacity:1;width:100%}.frame-btn:hover{background:#4a4a4a}.is-single .fr-bt{height:2vw}.is-single .frame-btn{display:none}.component-wrapper{height:100%;opacity:1;position:relative}.component-wrapper:before{background:#fff;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:visibility 0s .4s,opacity .4s;visibility:hidden;width:100%;will-change:opacity;z-index:10}.component-wrapper.is-hidden:before{opacity:1;transition:opacity .4s;visibility:visible}.index{background:url(../img/head.webp) no-repeat;background-position:bottom;background-size:auto 500px;height:calc(100vh - 2vw - 55px);z-index:1}.index-portrait{background-position:center 80px;background-size:600px auto;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.branding{display:flex;flex-wrap:wrap;justify-content:space-between;z-index:5}.branding h1{margin:10px 0}.index-logo,.nav-social{display:flex;flex-direction:column;justify-content:center}.index-logo{padding:3vw}.index-logo svg{margin-bottom:14px;width:100px}.nav-social{padding:3vw}.nav-social li{margin-bottom:30px;position:relative;width:100%}.nav-social svg{fill:#3d3d3d;height:25px;margin-right:10px;transition:.2s;width:25px}.nav-social a{align-items:center;color:#3d3d3d;display:flex;font-size:1.6em;letter-spacing:1px;z-index:2}.intro-architecture{align-self:flex-start;display:flex;flex-basis:100%;flex-direction:column;padding:3vw}.intro-architecture ul{margin:auto}.intro-architecture li,.intro-architecture ul{align-items:center;display:flex}.intro-architecture p{margin-bottom:14px;text-align:center}.intro-architecture li{font-size:18px}.intro-architecture li+li{margin-left:16px}.intro-architecture li span{font-size:10px}.intro-architecture svg{height:25px}.intro-architecture li:nth-child(4) svg{height:20px}@media(max-width:961px){.branding{flex-direction:column}.index{justify-content:flex-start}.intro-architecture p{text-align:left}}@media(max-width:767px){.index{background-size:50vh}.branding{align-items:center;flex-direction:column}.branding h1{text-align:center}.branding svg{display:block;margin:0 auto 5px}.intro-architecture{align-self:center}.intro-architecture ul{flex-wrap:wrap}.intro-architecture li{flex-basis:50%;justify-content:center}.intro-architecture li+li{margin:10px 0 0}.intro-architecture p{text-align:center}.nav-social{flex-direction:row;padding:0 4vw;width:100%}.nav-social li{flex:1 0 auto;width:auto}.nav-social a{display:block;margin:0}.nav-social span{opacity:0}.index-logo{align-items:center;flex-direction:row;padding:30px 0}.index-logo svg{margin-bottom:0;width:80px}.index-logo h1{font-size:3.5em;margin:0 0 0 15px;text-align:left}}@media(max-height:750px){.mobile-padding{padding-bottom:55px}}@media(max-width:543px){.index-logo svg{width:80px}.index-logo h1{font-size:3em;margin-top:0}}@media(max-width:400px){[class^=nav-social--] a{padding:10px}[class^=nav-social--] svg{margin:0}[class^=nav-social--] svg+span{display:none}}.load-more-btn{background:#3d3d3d;color:#fff;font-weight:600;height:55px;padding:0}.load-more-btn:hover{background:#4a4a4a;color:#fff}.load-more-btn.loaded{height:0;overflow:hidden;transform:translateY(-100%)}.portfolio{display:flex;flex-wrap:wrap;overflow:hidden;position:relative}.portfolio .title{color:#fff;padding:0 10px;text-shadow:0 0 0 rgba(0,0,0,.2);transition:.4s}.portfolio .title h2{font-weight:400}.project{align-items:center;display:flex;flex-basis:100%;height:300px;overflow:hidden;position:relative;transition:height .4s 1s}.project:hover .project-logo{filter:drop-shadow(0 5px 4px rgba(0,0,0,.2));transform:translate3d(0,-10px,0)}.project:hover .title{text-shadow:0 5px 4px rgba(0,0,0,.2)}.project:hover .preview{opacity:1;transform:translate(-50%)}.project .preview{bottom:0;box-shadow:0 5px 4px #0003;left:50%;margin:auto;opacity:0;position:absolute;transform:translate(-50%,100%);transition:.4s;width:460px;z-index:1}.project .preview img{border-top-left-radius:5px;border-top-right-radius:5px}.project>a{align-items:center;display:flex;height:100%;justify-content:center;width:100%;z-index:5}.project img{margin:auto}.project-logo{filter:drop-shadow(0 0 0 rgba(0,0,0,.2));position:relative;transform:translateZ(0);transition:.4s;z-index:2}.project--external h2{color:inherit;font-size:2.4em;font-weight:400;margin:10px 0 0;text-align:center}.portfolio-list{flex-basis:50%;flex-direction:column;font-size:2em;padding:25px}.portfolio-list--header{margin-bottom:20px;text-align:center;z-index:5}.portfolio-list--header h3{font-size:1.2em}.portfolio-list ul{width:100%;z-index:5}.portfolio-list--item{margin-bottom:15px;padding-left:20px;position:relative;width:100%}.portfolio-list--item:last-child{margin:0}.portfolio-list--item a{color:#fff}.portfolio-list--item a:before{background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:.8s cubic-bezier(.19,1,.22,1);width:3px}.portfolio-list--item a:hover:before{width:10%}[class^=blender-]{background-size:cover!important;height:100%;left:0;position:absolute;top:0;width:100%}.blender-1{filter:brightness(.8) grayscale(1);mix-blend-mode:multiply;opacity:1;transition:.4s .1s}.project:hover .blender-1{filter:brightness(.8) grayscale(0)}@media(min-width:600px){.size-shorter{flex-basis:45%}.size-longer{flex-basis:55%}.size-half{flex-basis:50%}}@media(max-width:961px){.portfolio{background:transparent}.project:hover{filter:none}.project-logo{filter:drop-shadow(0 5px 4px rgba(0,0,0,.2));padding-bottom:105px}.project .preview{opacity:1;transform:translate(-50%);width:90%}.blender-1{filter:none;mix-blend-mode:unset;opacity:1}}@media(max-width:767px){.project{height:200px;min-height:0}.project-logo{padding-bottom:50px}}@media(max-width:543px){.project{flex-basis:100%}}.graphics-wrap{background:#000;padding:60px 40px}.graphics-grid{-moz-columns:2;column-count:2;-moz-column-gap:40px;column-gap:40px}.graphics-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:40px}.graphics-item:last-child{margin:0}.graphics-media iframe,.graphics-media img{display:block;height:auto;width:100%}.graphics-media iframe{aspect-ratio:16/9}@media(min-width:1200px){.graphics-grid{-moz-columns:3;column-count:3}}@media(max-width:961px){.graphics-grid{-moz-columns:1;column-count:1}}.interlude{position:relative}.interlude h2{margin-bottom:2vw}.interlude .icon,.interlude h2{align-items:center;display:flex}.interlude .icon{background:#ebebeb;border-radius:50%;height:70px;justify-content:center;margin-right:20px;width:70px}.interlude svg{width:40px}.interlude a{color:#779ecb}[class^=interlude__]{padding:8vw 4vw}.interlude__about{background-color:#fff;background-image:url(../img/body.webp);background-position:90% bottom;background-repeat:no-repeat;background-size:clamp(200px,50%,500px) auto;padding-bottom:calc(4vw + 120px);position:relative}.interlude__about .icon{fill:#235a6e}.intro,.list{max-width:100%;width:450px}.contact{display:flex;flex:1 0 auto;flex-direction:column;margin-left:15px}.contact li{align-items:center;display:flex;font-size:1.6em}.contact li+li{margin-top:10px}.contact svg{height:20px;margin-right:8px;width:20px}.list{margin:40px 0}.tools{margin-top:40px}.tools h3{margin-bottom:10px}.tools ul{display:flex;flex-wrap:wrap}.tools li{margin-right:25px}.tools img{height:30px;margin:auto}.awards{font-size:.8em;margin-left:1em}.list li{background:#fff;display:inline-block;margin-top:5px;padding-right:5px}@media(max-width:1070px){.interlude__about{background-position:120% bottom}}@media(max-width:940px){.intro{flex-direction:column}.contact{margin:10px 0 0}}@media(max-width:650px){.intro{width:100%}.interlude__about{background-position:bottom;padding-bottom:350px}.tools li:first-child{margin-bottom:10px}}.single{background:#fff;padding-bottom:30px}.single>.container+.container{padding-top:6vh}.single.is-hidden .single-header:after{transform:translateZ(0);transition:.4s}.single.is-hidden .single-content{opacity:0;transform:translate3d(0,-20px,0);transition:.4s}.single-header{align-items:center;background-position:50%!important;background-size:cover!important;display:flex;height:250px;justify-content:center;left:0;margin:calc(40px + 4vw) auto 0;max-width:calc(100% - 30px - 4vw);position:fixed;right:0;top:0;width:910px;z-index:-1}.single-header:after{background:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translate3d(0,100%,0);transition:transform 1.2s cubic-bezier(.19,1,.22,1);width:100%;will-change:transform}.single-content{background:#fff;position:relative;transition:.8s .2s;will-change:transform,opacity;z-index:2}.single-header+.single-content{margin-top:calc(4vw + 290px)}.single-content h1{padding-top:3vh;text-align:center}.single-meta{display:flex;justify-content:center;padding:3vh 0}.single-meta__chip{color:#fff;display:flex;font-size:1.2em;font-weight:300}.single-meta__chip+.single-meta__chip{margin-left:20px}.single-meta__content,.single-meta__title{margin:0;min-width:70px;padding:2px 10px;text-align:center}.single-meta__content{background:#a9a9a9}.single-description{margin:auto;max-width:100%;text-align:justify;width:500px}.single-description h2{padding-bottom:10px;position:relative;text-align:center}.single-description h2:after{background:#ebebeb;bottom:0;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;width:50%}.nav-social .single-description a,.single-description .btn,.single-description .nav-social a{display:block;margin:6vh auto 0;padding:5px;width:150px}.single-description img{margin:auto}.single-description img+p,.single-description p+img{margin-top:15px}.single-description video{display:block;margin:15px auto 0;max-width:100%}.infobox{background:#ebebeb;display:block;margin:0 auto;max-width:100%;padding:20px 20px 20px 50px;position:relative;width:700px}.infobox:before{content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 65 65'><path fill='%23fff' d='M32.5,0C14.58,0,0,14.579,0,32.5S14.58,65,32.5,65S65,50.421,65,32.5S50.42,0,32.5,0z M32.5,61C16.785,61,4,48.215,4,32.5S16.785,4,32.5,4S61,16.785,61,32.5S48.215,61,32.5,61z'/><circle fill='%23fff' cx='33.018' cy='19.541' r='3.345'/><path fill='%23fff' d='M32.137,28.342c-1.104,0-2,0.896-2,2v17c0,1.104,0.896,2,2,2s2-0.896,2-2v-17C34.137,29.237,33.241,28.342,32.137,28.342z'/></svg>");left:5px;position:absolute;top:22px;width:20px}.infobox h2{font-size:2.4em}.infobox .btn,.infobox .nav-social a,.nav-social .infobox a{font-size:1.4em}.infobox p,.single-description p{white-space:pre-line}@media(max-width:1020px){.single-header{margin-top:75px}.single-header+.single-content{margin-top:325px}}@media(max-width:543px){.single-header{margin:70px auto 0}.single-header+.single-content{margin-top:320px}.single-meta{align-items:center;flex-direction:column}.single-meta__chip+.single-meta__chip{margin-left:0;margin-top:10px}}.interlude__articles{color:#fff;margin-top:-120px;padding:0;position:relative}.interlude__articles:after{background:linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%);content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;width:100%;z-index:1}.interlude__articles h2{color:currentColor;margin:0;padding:25px 4vw}.interlude__articles .icon{background:currentColor}.articles-list,.interlude__articles .icon,.interlude__articles h2 span:nth-child(2){position:relative;z-index:2}.articles-list{display:flex;flex-wrap:wrap}.article{flex:33.33%;transition:.2s}.article:first-child{background-color:#00000020}.article:nth-child(2){background-color:#00000040}.article:nth-child(3){background-color:#00000060}.article:nth-child(4){background-color:#00000080}.article:nth-child(5){background-color:#0000009f}.article:nth-child(6){background-color:#000000bf}.article:hover{background-color:#000000d9}.article a{display:block;height:100%;padding:2vw 4vw}.article a,.article a:active,.article a:focus,.article a:hover{color:currentColor}.article__title{font-size:2em}.article__date{font-size:1.4em;font-style:italic}@media(max-width:767px){.article{flex-basis:50%}.article:first-child{flex-basis:100%}.article:first-child a{padding:8vw 4vw}}@media(max-width:543px){.article{flex-basis:100%}.article a{padding:4vw}}.single-nav{display:flex;font-family:Open Sans;justify-content:space-between;letter-spacing:1px;padding:0 2vw}.single-nav a{align-items:center;background:#24242433;color:#fffc;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;opacity:1;padding:10px;transition:.4s;width:100px;z-index:2}.single-nav a:hover{background:#24242466}.single-nav a.is-disabled{background:transparent;opacity:.6;pointer-events:none}.single-nav svg{fill:#fffc;height:20px;width:20px}.single-prev-next{display:flex;min-width:40%}.single-prev-next a{flex-basis:50%}.close{min-width:20%}.single-prev svg{margin-right:10px}.close svg,.single-next svg{margin-left:10px}@media(max-width:767px){.single-prev-next{width:66%}.single-nav a{flex:1 0 auto;justify-content:center}}.not-found{align-items:center;display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;position:absolute}.not-found a{background:#3d3d3d;margin-top:40px}@keyframes portraitIn{0%{background-position:center 100vw}to{background-position:center 16vw}}.loader,.loader-more{display:block;height:5px;inset:0;margin:auto;overflow:hidden;position:fixed;width:50px;z-index:100}.loader-more:after,.loader-more:before,.loader:after,.loader:before{background:#3d3d3d;content:"";display:block;height:100%;width:100%}.loader-more:before,.loader:before{height:1px;transform:translateY(3px)}.loader-more:after,.loader:after{animation:loader 1s infinite}.slider-wrap .loader{margin:auto;position:absolute}.slider-wrap .loader:after,.slider-wrap .loader:before{background:#fff}@keyframes loader{0%{transform:translate(-100%,1px)}to{transform:translate(100%,1px)}}.fade-enter-active,.fade-leave-active{transition:.4s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-delay-leave-active{transition:.4s}.fade-delay-enter-active{transition:.4s .4s}.fade-delay-enter-from,.fade-delay-leave-to{opacity:0}.in-fade{opacity:1}.in-fade,.out-fade{transition:opacity .4s}.out-fade{opacity:0}