@font-face{font-family:'Monaco';font-style:normal;font-weight:normal;src:local("Monaco"),url("/fonts/Monaco.woff") format("woff")}
h1,h2,h3,h4,h5,h6{font-family:'Monaco',sans-serif;text-transform:uppercase;line-height:1.15em;letter-spacing:normal}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#ab864d}
h1.observable::before,h2.observable::before,h3.observable::before,h4.observable::before,h5.observable::before,h6.observable::before{content:'';width:0;height:100%;position:absolute;left:0;top:0;background:#dadada;z-index:-1;-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-delay:inherit;transition-delay:inherit;-webkit-transition-timing-function:ease-in-out !important;transition-timing-function:ease-in-out !important}
h1.observable.observed::before,h2.observable.observed::before,h3.observable.observed::before,h4.observable.observed::before,h5.observable.observed::before,h6.observable.observed::before{width:100%}
h2{font-size:calc(max(30px, min(2.604167vw, 4.629vmin)));position:relative;padding:.5em .5em 0;display:inline-block;margin-left:9.21875vw;margin-bottom:.75em}
h2::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#dadada;z-index:-1;-webkit-transition:width .3s;transition:width .3s}
p,li{font-family:'Lato',sans-serif;line-height:1.15em}
.navbar{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:absolute}
.navbar .x-light img{width:calc(max(150px, min(15.625vw, 300px)))}
.navbar p,.navbar li{font-family:'Monaco',sans-serif;color:white;text-transform:uppercase;font-size:calc(max(0.7135vw, 13.7px));list-style:none}
.navbar p a,.navbar li a{font-family:inherit;color:inherit;text-transform:inherit;font-size:inherit;text-decoration:unset}
.navbar .left p,.navbar .right p{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright}
.navbar .left:hover .tagline p{letter-spacing:.1em;-webkit-transform:translateY(15%);transform:translateY(15%)}
.navbar .left:hover .tagline p:nth-child(2){-webkit-transform:translateY(-15%);transform:translateY(-15%)}
.navbar .center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.navbar .center ul{padding:0;padding-top:50px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.navbar .center ul li{margin:0 .25em;font-family:'Lato',sans-serif;letter-spacing:.22em;font-size:calc(max(1.0416vw, 20px));line-height:1em}
.navbar .center ul li a{position:relative}
.navbar .center ul li a::before{content:'';position:absolute;bottom:-4px;right:0;width:0;height:2px;background:#ab864d;-webkit-transition:width .3s cubic-bezier(0.785,0.135,0.15,0.86);transition:width .3s cubic-bezier(0.785,0.135,0.15,0.86);pointer-events:none}
.navbar .center ul li:hover a::before{left:0;width:100%}
.navbar .right{margin-right:10px;margin-top:10px}
.navbar .right *{cursor:pointer}
.navbar .right .menu-dots{position:relative;display:grid;grid:1fr 1fr 1fr / 1fr 1fr 1fr;width:calc(max(1.5625vw, 35px));height:calc(max(1.5625vw, 35px));padding:3px;margin:0;-webkit-transition:padding .3s ease-in-out;transition:padding .3s ease-in-out}
.navbar .right .menu-dots .dot{width:calc(max(0.3645vw, 7px));height:calc(max(0.3645vw, 7px));border-radius:50%;background:white}
.navbar .right .menu-dots .dot:nth-child(3){justify-self:center}
.navbar .right .menu-dots .dot:nth-child(4){justify-self:end}
.navbar .right .menu-dots .dot:nth-child(5){-ms-flex-item-align:center;align-self:center}
.navbar .right .menu-dots .dot:nth-child(6){-ms-flex-item-align:center;align-self:center;justify-self:center}
.navbar .right .menu-dots .dot:nth-child(7){-ms-flex-item-align:center;align-self:center;justify-self:end}
.navbar .right .menu-dots .dot:nth-child(8){-ms-flex-item-align:end;align-self:end}
.navbar .right .menu-dots .dot:nth-child(9){-ms-flex-item-align:end;align-self:end;justify-self:center}
.navbar .right .menu-dots .dot:nth-child(10){-ms-flex-item-align:end;align-self:end;justify-self:end}
.navbar .right .menu-dots button{position:absolute;width:100%;height:100%;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:unset}
.navbar .right:hover .menu-dots{padding:1px}
.navbar .right p{margin:1em auto 0;line-height:1em;-webkit-transition:letter-spacing .3s;transition:letter-spacing .3s}
.navbar .right:hover p{letter-spacing:.1em}
.admin-bar .navbar{top:46px}
.admin-bar .hero img{min-height:568px;max-height:calc(100vh - 68px - 4.259vh)}
.footer-info{max-width:92.96875vw;background:#e1e1e1;border-radius:12px;min-height:120px;margin:0 auto;background-size:33%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:calc(max(30px, 5.2083vw));-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer-info h2{font-size:calc(max(16.2px, min(1.40625vw, 2.5vmin)));margin-left:unset;margin-bottom:2em;text-align:center}
.footer-info h2 span{display:block}
.footer-info h4{font-size:calc(max(12px, min(0.625vw, 1.111vmin)));font-family:'Lato',sans-serif;margin-bottom:0}
.footer-info a{color:#262626;font-size:calc(max(18px, min(0.9375vw, 1.667vmin)));margin-bottom:1em;display:block;font-family:'Lato',sans-serif}
.footer-info p{color:#262626;font-size:calc(max(18px, min(0.9375vw, 1.667vmin)));margin-bottom:0;line-height:1.722em}
.footer-info p span{font-size:calc(max(12px, min(0.625vw, 1.111vmin)));color:#ab864d}
.footer-info p a{display:inline-block;margin-bottom:0}
.footer-info p+a{color:#ab864d;margin-bottom:2em}
.footer-info>div.right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer-info>div.right>div{min-width:250px}
.footer-info .social{position:relative;top:0;left:0;-webkit-transform:unset;transform:unset}
.footer-info .social svg *{fill:#2f2f2f}
.footer-info .social svg:hover *{fill:#ab864d;-webkit-filter:drop-shadow(0 0 5px white);filter:drop-shadow(0 0 5px white)}
.footer-info .contact{margin-bottom:15px}
footer{position:relative}
footer .copyright{color:#343333;text-align:center;font-size:12px;padding:1em}
footer .x-watermark{width:33px;height:24px;margin:0 auto 30px}
footer .x-watermark svg{width:100%;height:100%}
footer .x-watermark svg *{fill:#b5b5b5}
body{background:#ececec;width:100vw;height:100vh;overflow:hidden}
body.splash-hidden{width:unset;height:unset;overflow:visible}
hr{background:#ab864d}
.d-flex{-ms-flex-wrap:wrap;flex-wrap:wrap}
.hero img{width:100vw;height:100vh;max-height:93.703vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}
.hero .banner{background:#343333;position:relative;height:calc(max(6.296vh, 68px));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}
.hero .banner .carousel{overflow:hidden;width:100%;opacity:0}
.hero .banner .carousel .track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.hero .banner .carousel .track .slide{padding:0 1.263157em;-ms-flex-negative:0;flex-shrink:0}
.hero .banner .carousel .track.stop_moving{-webkit-transition:unset !important;transition:unset !important}
.hero .banner p{margin:0;color:#ab864d;text-transform:uppercase;font-size:calc(max(0.989583vw, 19px));letter-spacing:.2em}
.hero .banner .top-layer{padding:0 calc(max(1.40625vw, 27px));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#343333;width:100%;max-width:337px;text-align:center}
.hero .banner .top-layer p{color:white;width:100%;padding:0 calc(max(2.1875vw, 42px));letter-spacing:.2em;font-size:calc(max(28px, min(1.4583vw, 1.851vmin)))}
.hero .banner .top-layer::before,.hero .banner .top-layer::after{content:'';position:absolute;width:calc(max(16px, min(0.833333vw , 1.481vmin)));height:calc(max(32px, min(1.66667vw, 2.962vmin)));left:calc(max(0.572916vw, 11px));background:white;-webkit-clip-path:polygon(50% 100%,0 75%,0 calc(75% - (0.052083vw * 2)), calc(50% - 0.052083vw) calc(100% - (0.052083vw*3)), calc(50% - 0.052083vw) 0, calc(50% + 0.052083vw) 0, calc(50% + 0.052083vw) calc(100% - (0.052083vw * 3)), 100% calc(75% - (0.052083vw * 2)), 100% 75%, 50% 100%);clip-path:polygon(50% 100%,0 75%,0 calc(75% - (0.052083vw * 2)), calc(50% - 0.052083vw) calc(100% - (0.052083vw*3)), calc(50% - 0.052083vw) 0, calc(50% + 0.052083vw) 0, calc(50% + 0.052083vw) calc(100% - (0.052083vw * 3)), 100% calc(75% - (0.052083vw * 2)), 100% 75%, 50% 100%)}
.hero .banner .top-layer::after{left:unset;right:calc(max(0.572916vw, 11px))}
.social{position:absolute;bottom:calc(max(8.61vh, 93px));right:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(max(4.6875vw, 90px));display:-webkit-box;display:-ms-flexbox;display:flex}
.social>div{-webkit-box-flex:0;-ms-flex:0 0 calc(max(1.0416vw, 20px));flex:0 0 calc(max(1.0416vw, 20px))}
.social svg{width:calc(max(1.0416vw, 20px));height:calc(max(1.0416vw, 20px))}
.social svg:nth-child(2){text-align:center}
.social svg:nth-child(3){text-align:right}
.social svg *{fill:white;-webkit-transition:fill .3s;transition:fill .3s}
.social svg:hover *{fill:#ab864d}
.intro{padding:5rem 5vw 0;max-width:calc(min(82.5vw, 146.667vh));margin:0 auto}
.intro h2{font-size:calc(max(24px, min(3.6875vw, 6.5556vmin)));padding:0 2.03125vw;position:relative;z-index:1;line-height:1.21951em;margin:0;display:none;-webkit-transition:none;transition:none}
.intro h2::before{content:'';width:0;height:100%;position:absolute;left:0;top:0;background:#dadada;z-index:-1;-webkit-transition-property:width;transition-property:width;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.intro h2.observed::before,.intro h2.observed ~ .observe-linked::before{width:100%;-webkit-transition-delay:inherit;transition-delay:inherit;-webkit-transition-duration:inherit;transition-duration:inherit}
.intro h2 span{color:#ab864d}
.intro h2:nth-child(1){padding-top:10px;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.6s;transition-duration:.6s}
.intro h2:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition-duration:.9s;transition-duration:.9s}
.intro h2:nth-child(3){padding-bottom:10px;-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transition-duration:.9s;transition-duration:.9s}
.intro h2.mobile{display:block;text-align:center;padding:10px}
.intro h2:nth-child(3) span,.intro h2.mobile span:nth-child(2){font-size:calc(max(18px, min(1.25vw, 2.222vmin)));display:block;color:#ab864d;margin:0;line-height:calc(max(42px, min((3.6875vw - 0.75em), 6.5556vmin)));width:100%}
.intro h2.mobile span:nth-child(2){line-height:1em;margin-top:1em}
.intro hr{margin:calc(max(25px, min(4.167vw, 80px))) 0}
.intro ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:center}
.intro ul li{font-family:'Lato',sans-serif;color:#191919;letter-spacing:.24em;font-size:calc(max(15px, min(0.78125vw, 1.3889vmin)));line-height:2.44em;text-transform:uppercase}
.intro ul li:nth-child(odd){color:#8e6c37}
.intro h3{font-size:calc(max(30px, min(2.604167vw, 4.629vmin)));position:relative;padding:.5em .5em 0}
.intro h3 span{color:#ab864d}
.intro>div{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.intro>div>div:nth-child(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.intro>div>div:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.projects h2{font-size:calc(max(30px, min(2.604167vw, 4.629vmin)));position:relative;padding:.5em .5em 0;display:inline-block;margin-left:9.21875vw;margin-bottom:.75em}
.projects h2 span{color:#ab864d}
.projects .project-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:0 auto;max-width:90vw}
.projects .project-wrapper .project{-webkit-box-flex:0;-ms-flex:0 0 90vw;flex:0 0 90vw;position:relative;padding:0;margin:10px calc(max(0.78125vw, 30px));cursor:pointer}
.projects .project-wrapper .project:hover .project_id{opacity:1;-webkit-transform:rotate(180deg) translateY(0);transform:rotate(180deg) translateY(0)}
.projects .project-wrapper .project:hover img{-webkit-filter:drop-shadow(3px 6px 6px #0000003f);filter:drop-shadow(3px 6px 6px #0000003f)}
.projects img{border-radius:15px;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-filter .3s,-webkit-transform .3s;transition:-webkit-filter .3s,-webkit-transform .3s;transition:filter .3s,transform .3s;transition:filter .3s,transform .3s,-webkit-filter .3s,-webkit-transform .3s}
.projects .project_id{position:absolute;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:rotate(180deg) translateY(-15px);transform:rotate(180deg) translateY(-15px);color:#ab864d;right:calc(min(-0.78125vw, -15px));margin:0;margin-top:1em;font-size:calc(max(0.625vw, 12px));font-family:'Monaco',sans-serif;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}
.projects p{color:#ab864d;font-size:calc(max(12px, min(0.625vw, 1.111vmin)));float:left;text-transform:uppercase}
.projects p span{float:inherit}
.projects h3{clear:left;color:#343333;font-size:calc(max(18px, min(0.9375vw, 1.667vmin)))}
.about{margin:calc(min(7.75vw, 149px)) auto 100px}
.about h2{margin-bottom:1.5em}
.about .about-content{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:90vw;margin:0 auto;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.about .about-content img{margin-right:46px;width:100%}
.about .about-content h3{font-size:calc(max(27px, min(1.40625vw, 2.5vmin)));margin-top:30px;padding:0 8px;color:#343333}
.about .about-content h3 span{display:block}
.about .about-content p{padding:10px 8px 0;font-size:22px;text-transform:unset;line-height:1.409em;margin-bottom:0}
.about .about-content hr{display:none}
.about>hr{max-width:81.5625vw;margin:calc(max(25px, min(4.167vw, 80px))) auto}
@media(min-width:600px){.footer-info h2{text-align:start}
.footer-info>div.right{text-align:start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.footer-info>div.right>div{min-width:unset}
.footer-info .contact{padding-right:15px;margin-right:100px}
}@media(min-width:768px){.navbar .right{margin-right:44px;margin-top:50px}
footer .copyright{margin-left:9.21875vw;padding:40px 1.5em;text-align:start}
footer .x-watermark{position:absolute;left:50%;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.hero .banner .top-layer{width:unset}
.projects .project-wrapper{max-width:98.125vw}
.projects .project-wrapper .project{min-width:300px;-ms-flex-preferred-size:40vw;flex-basis:40vw;margin:10px calc(max(0.78125vw, 15px))}
.about .about-content{max-width:76.875vw}
}@media(min-width:783px){.admin-bar .navbar{top:32px}
.admin-bar .hero img{max-height:calc(100vh - 68px - 2.962vh)}
}@media(min-width:992px){.navbar .left .tagline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:64%;margin-top:-50px;cursor:default}
.navbar .left .tagline p{margin:0;padding:0;position:relative;line-height:1em;pointer-events:none;-webkit-transition:letter-spacing .3s ease-in-out,margin .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:letter-spacing .3s ease-in-out,margin .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:letter-spacing .3s ease-in-out,transform .3s ease-in-out,margin .3s ease-in-out;transition:letter-spacing .3s ease-in-out,transform .3s ease-in-out,margin .3s ease-in-out,-webkit-transform .3s ease-in-out}
.navbar .left .tagline p:nth-child(2){margin-top:2em}
.footer-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.footer-info>div{width:50%}
.intro{padding:unset;margin:149px auto 100px}
.intro h2{display:inline-block}
.intro h2.mobile{display:none}
.intro h2:nth-child(3) span,.intro h2.mobile span:nth-child(2){display:inline-block;position:absolute;top:50%;-webkit-transform:translate(calc(2.03125vw + 1em), -50%);transform:translate(calc(2.03125vw + 1em), -50%)}
}@media(min-width:1200px){.intro ul{padding-left:40px;text-align:start}
.intro>div{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.intro>div>div:nth-child(1){width:66%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.intro>div>div:nth-child(2){width:33%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.about .about-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:start}
.about .about-content img{width:unset}
.about .about-content p{margin-bottom:calc(42px + 1em)}
.about .about-content hr{display:block;margin:40px auto}
.about>hr{margin-top:-42px}
}@media(min-width:1200px) and (max-width:1679px){.intro ul li:nth-child(odd){color:#191919}
.intro ul li:nth-child(4n+1),.intro ul li:nth-child(4n+4){color:#8e6c37}
}@media(min-width:1300px){.projects .project-wrapper .project{-ms-flex-preferred-size:22.65625vw;flex-basis:22.65625vw}
}@media(min-width:1680px){.intro ul{grid:repeat(6,1fr)/repeat(3,1fr)}
}@media(max-width:787px){.navbar .center{display:none}
}@media(max-width:767px){.hero .carousel{display:none}
}