@font-face{font-family:'Styrene B';src:url("../fonts/StyreneB/StyreneB-Medium.woff2") format("woff2"),url("../fonts/StyreneB/StyreneB-Medium.woff") format("woff"),url("../fonts/StyreneB/StyreneB-Medium.ttf") format("truetype"),url("../fonts/StyreneB/StyreneB-Medium.svg#StyreneB-Medium") format("svg");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:'Styrene B';src:url("../fonts/StyreneB/StyreneB-Light.woff2") format("woff2"),url("../fonts/StyreneB/StyreneB-Light.woff") format("woff"),url("../fonts/StyreneB/StyreneB-Light.ttf") format("truetype"),url("../fonts/StyreneB/StyreneB-Light.svg#StyreneB-Light") format("svg");font-weight:300;font-style:normal;font-display:block}.cursor-prev,.navstripe.prev-go,.prevhalf,#portfolio .inner .item.past{cursor:url("../images/prev.svg") 0 29,auto}.cursor-next,.navstripe.next-go,.nexthalf,#portfolio .inner .item.future{cursor:url("../images/next.svg") 50 29,auto}html,body{height:100%;width:100%;overscroll-behavior:none}body{font-family:'Styrene B', Helvetica, sans-serif;font-weight:300;font-size:21px;line-height:29px;background-color:#fff;color:#000;letter-spacing:0em;margin:0;padding:0}body.bgcolor{background-color:#F8E9E9;color:#3C481E}body.bgcolor a:link,body.bgcolor a:visited{color:#3C481E}body.bgcolor a:hover,body.bgcolor a:active,body.bgcolor a:focus{color:rgba(60,72,30,0.8)}body::-webkit-scrollbar{width:0px;height:0px}body::-webkit-scrollbar-thumb{background-color:#F8E9E9;width:0px;height:0px}*{outline:none}::-moz-selection{background-color:#3C481E;color:#F8E9E9}::selection{background-color:#3C481E;color:#F8E9E9}.is-shown{transition:opacity 1.2s ease;opacity:1 !important;will-change:opacity}@media (max-device-width: 1000px) and (orientation: landscape){.is-shown{transition-delay:0.4s}}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:-10;opacity:1}#loader>div{-webkit-animation:glow 1s linear infinite;animation:glow 1s linear infinite;margin-bottom:40px;display:none}#loader.is-hidden{opacity:0;transition:opacity 1.2s ease;will-change:opacity}@-webkit-keyframes glow{0%,100%{color:#3c481e}50%{color:rgba(60,72,30,0.6)}}@keyframes glow{0%,100%{color:#3c481e}50%{color:rgba(60,72,30,0.6)}}.big,nav#mainmenu,.big-text{font-size:40px;line-height:56px}@media (max-width: 1200px){.big,nav#mainmenu,.big-text{font-size:30px;line-height:39px}}@media (max-width: 922px){.big,nav#mainmenu,.big-text{font-size:21px;line-height:29px}}.hidden{display:none;width:100%}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.is-active{display:block}.is-active-flex{display:flex}.invisible{opacity:0}.invisible.visible{opacity:1}.wrapper{position:relative}.hyphens,.content .container.togglebox{-webkit-hyphens:auto;hyphens:auto}.bold,strong{font-weight:700}.fit{width:100%;height:auto}.d-flex,nav#mainmenu{display:flex}.d-flex.justify-content-center,nav#mainmenu{justify-content:center}.d-flex.justify-content-between,nav.justify-content-between#mainmenu{justify-content:space-between}.d-flex.align-items-center,nav#mainmenu{align-items:center}.d-flex.align-items-end,nav.align-items-end#mainmenu{align-items:flex-end}.d-flex.flex-column,nav#mainmenu{flex-direction:column}.d-flex.flex-wrap,nav.flex-wrap#mainmenu{flex-wrap:wrap}h1,h2,h3,h4{font-weight:100;font-size:21px;line-height:29px;margin-top:0;margin-bottom:30px}p{margin-bottom:47px;margin-top:0;padding-top:0}.big-text{margin-top:-14px}a:link,a:visited{text-decoration:none;color:#000}a:hover,a:active,a:focus{color:#2026ba;text-decoration:none}a.nolink:link,a.nolink:visited{color:#3C481E;border:none}a.nolink:hover,a.nolink:active,a.nolink:focus{color:#3C481E;border:none}.invert{color:#fff}.invert a:link,.invert a:visited{color:#fff}.invert a:hover,.invert a:active,.invert a:focus{color:#fff}.invert a.nolink:link,.invert a.nolink:visited{color:#fff}#portfolio{position:fixed;top:0;left:0;height:100vh;width:100vw;overflow:hidden}#portfolio .inner{position:absolute;top:0;left:0;bottom:0;width:200%}#portfolio .inner .item{position:absolute;top:55px;bottom:55px;left:0;overflow:hidden}@media (max-width: 820px){#portfolio .inner .item{top:40px;bottom:40px}}#portfolio .inner .item img{height:100%;width:auto;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}#portfolio .inner .item.transit{transition:all 0.6s ease;will-change:transform}#portfolio .inner .item.future{pointer-events:none}#portfolio .inner .item.past{pointer-events:none}#portfolio .inner.tall{width:auto;right:0;height:100vh}#portfolio .inner.tall .item{top:0;bottom:auto;left:55px;right:55px}@media (max-width: 820px){#portfolio .inner.tall .item{left:40px;right:40px}}#portfolio .inner.tall .item img{width:100%;height:auto}.prevhalf{position:fixed;top:0;bottom:0;left:0;width:50%}@media (max-aspect-ratio: 1/1){.prevhalf{width:100%;bottom:auto;height:50%}}.nexthalf{position:fixed;top:0;bottom:0;width:50%;right:0}@media (max-aspect-ratio: 1/1){.nexthalf{width:100%;top:auto;height:50%}}.content{max-width:calc(1300px + (2 * (28px + 27px)));padding-bottom:130px}@media (max-width: 820px){.content{max-width:calc(1300px + (2 * (20px + 20px)))}}@media (max-width: 820px){.content{padding-bottom:45px}}.content.main{margin:130px auto 0 auto}@media (max-width: 992px){.content.main{margin-top:40px}}.content .container{padding:0 28px;display:flex;flex-wrap:wrap}@media (max-width: 820px){.content .container{padding:0 20px}}.content .container .col{padding:0 27px;margin-bottom:47px}@media (max-width: 820px){.content .container .col{padding:0 20px}}.content .container .col a[href^=mailto]{-webkit-hyphens:auto;hyphens:auto}.content .container .col.col-6{width:calc(50% - (2 * 27px))}@media (max-width: 820px){.content .container .col.col-6{width:calc(100% - (2 * 20px))}}.content .container .col.col-12{width:calc(100% - (2 * 27px))}@media (max-width: 820px){.content .container .col.col-12{width:calc(100% - (2 * 20px))}}.content .container .col.mb-2{margin-bottom:105px}.content .container .col.mb-0{margin-bottom:0px}.content .container .col p{margin-bottom:50px}.content .container .col p:last-child{margin-bottom:0}.content .container .col p.dates-list{display:flex;flex-wrap:wrap}.content .container .col p.dates-list .date{width:88px}.content .container .col p.dates-list .place{width:calc(100% - 88px);margin-bottom:10px}@media (max-width: 992px){.content .container .col{margin-bottom:28px}.content .container .col.mb-2{margin-bottom:80px}.content .container .col p:not(.big-text),.content .container .col>a,.content .container .col div{font-size:16px;line-height:23px}.content .container .col p:not(.big-text).dates-list .date,.content .container .col>a.dates-list .date,.content .container .col div.dates-list .date{width:57px}.content .container .col p:not(.big-text).dates-list .place,.content .container .col>a.dates-list .place,.content .container .col div.dates-list .place{width:calc(100% - 57px);margin-bottom:12px}.content .container .col p:not(.big-text).dates-list .place:last-child,.content .container .col>a.dates-list .place:last-child,.content .container .col div.dates-list .place:last-child{margin-bottom:0}.content .container .col h1{font-size:16px;line-height:23px;margin-bottom:27px}}.content .container.toggler{cursor:pointer;margin:5px 0;justify-content:flex-start}@media (max-width: 992px){.content .container.toggler{margin:0}}.content .container.toggler .toggle-button{display:inline-block}.content .container.toggler .toggle-button.is-active,.content .container.toggler .toggle-button:hover,.content .container.toggler .toggle-button:focus,.content .container.toggler .toggle-button a:hover,.content .container.toggler .toggle-button a:focus{color:#2026BA}.content .container.togglebox{margin-top:45px;margin-bottom:45px;padding:0 28px !important;width:calc(100% - (2* 28px)) !important;color:#2026BA}@media (max-width: 820px){.content .container.togglebox{padding:0 20px !important;width:calc(100% - (2* 20px)) !important}}.content .container.togglebox a{transition:all 0.2s}.content .container.togglebox a:link,.content .container.togglebox a:visited{text-decoration:none;color:#2026BA}.content .container.togglebox a:hover,.content .container.togglebox a:active,.content .container.togglebox a:focus{color:rgba(32,38,186,0.8);text-decoration:none}.content .container.togglebox .col{margin-bottom:0}.content .container.togglebox .col p{margin-bottom:29px}.content .container.togglebox .col p:last-child{margin-bottom:0}#bottombar{position:fixed;left:0;bottom:0;width:calc(100vw - (2 * 55px));padding:25px 55px;background-color:#fff;z-index:50}@media (max-width: 820px){#bottombar{padding:25px 40px;width:calc(100vw - (2 * 40px))}}#bottombar nav{display:flex;flex-wrap:wrap}#bottombar nav .sort-nav-item{margin-right:115px}@media (max-width: 1280px){#bottombar nav .sort-nav-item{margin-right:90px}}#bottombar nav .sort-nav-item:last-child{margin-right:0}#bottombar nav .sort-nav-item:hover,#bottombar nav .sort-nav-item:focus,#bottombar nav .sort-nav-item.is-active{color:#2026BA;cursor:pointer}#bottombar .goup{width:100%;display:none;text-align:right;margin-bottom:-23px;margin-top:7px;cursor:pointer}#bottombar .goup img{-webkit-transform:scale(1, -1);transform:scale(1, -1);width:24px}#bottombar .next-project,#bottombar .spacer{width:165px;display:flex}#bottombar .next-project>a,#bottombar .spacer>a{margin-right:25px}#bottombar .project-subline{text-align:center}@media (max-width: 810px){#bottombar.indexnav-wrap{-webkit-transform:translateY(calc(100% - 55px));transform:translateY(calc(100% - 55px));transition:-webkit-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;will-change:transform}#bottombar.indexnav-wrap nav{display:block}#bottombar.indexnav-wrap nav .sort-nav-item{margin-bottom:15px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;will-change:transform opacity;opacity:0}#bottombar.indexnav-wrap .goup{display:block;-webkit-transform:translateY(-23px);transform:translateY(-23px)}#bottombar.indexnav-wrap .goup img{-webkit-transform:scale(1, -1);transform:scale(1, -1)}#bottombar.indexnav-wrap.is-active{-webkit-transform:translateY(0);transform:translateY(0)}#bottombar.indexnav-wrap.is-active nav .sort-nav-item{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#bottombar.indexnav-wrap.is-active .goup{-webkit-transform:translateY(-13px);transform:translateY(-13px)}#bottombar.indexnav-wrap.is-active .goup img{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@media (max-width: 810px) and (max-height: 609px) and (orientation: landscape){#bottombar.indexnav-wrap{position:fixed}#bottombar.indexnav-wrap nav{display:flex;flex-direction:column;align-items:center}#bottombar.indexnav-wrap nav div{margin:0;padding:0;line-height:1em}}@media (max-width: 820px) and (max-aspect-ratio: 1/1){#bottombar.project-bar{position:static;bottom:auto;left:auto;background-color:transparent;margin-top:55px}#bottombar.project-bar .project-subline{display:none}#bottombar.project-bar .next-project{margin-bottom:10px}}.highlight{background-color:lime}.maincol{color:#F88761}.background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bgcol{background-color:#F88761}.cursor,#menutoggler,#portfolio .inner .item.is-in-focus{cursor:pointer}.white{color:#fff}#menutoggler{position:fixed;top:27px;left:27px;height:56px;width:56px;background-color:#2026BA;border-radius:28px;z-index:100}@media (max-width: 820px){#menutoggler{position:fixed;top:20px;left:20px;width:40px;height:40px;border-radius:20px}}nav#mainmenu{position:fixed;top:0;left:0;bottom:0;right:50%;background-color:#F88761;-webkit-transform:translateX(-105%);transform:translateX(-105%);z-index:90}@media (max-width: 992px){nav#mainmenu{line-height:44px}}nav#mainmenu.is-active{-webkit-transform:translateX(0);transform:translateX(0)}nav#mainmenu.transit{transition:-webkit-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;will-change:transform}@media (max-aspect-ratio: 1/1){nav#mainmenu{right:0;bottom:auto;padding-top:80px;padding-bottom:80px;-webkit-transform:translateY(-105%);transform:translateY(-105%);min-height:calc(50vh - 160px)}nav#mainmenu.is-active{-webkit-transform:translateY(0%);transform:translateY(0%)}}nav#mainmenu a{display:block}nav#mainmenu a:link,nav#mainmenu a:visited{color:#000}nav#mainmenu a:hover,nav#mainmenu a:active,nav#mainmenu a:focus{color:#3C481E}#menulayer{position:fixed;bottom:0;left:0;right:0;top:0;z-index:80;display:none}#menulayer.is-active{display:block}#cookies{position:fixed;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.8);color:#fff;z-index:100000;padding:17px 25px;display:none}#cookies.is-active{display:block}#matrix{margin-bottom:50px}#matrix .row:last-child>div:last-child{margin-bottom:0 !important}.project-wrap .project-wrap-inner{display:flex;padding-top:55px;height:calc(100vh - 55px - 200px)}@media (max-width: 820px) and (orientation: landscape){.project-wrap .project-wrap-inner{min-height:calc(100vh - (55px * 2) - 120px)}}.project-wrap .project-wrap-inner .project-item{position:relative;height:100%;line-height:0}.project-wrap .project-wrap-inner .project-item .caption{margin:0;padding:17px 20px;line-height:1em}.project-wrap .project-wrap-inner .project-item img{height:100%;width:auto;opacity:0;transition:opacity 0.5s linear;will-change:opacity}.project-wrap .project-wrap-inner .project-item.in-viewport img{opacity:1}.project-wrap .project-wrap-inner .project-item .playicon{z-index:2}.project-wrap .project-wrap-inner .project-item .videowrap{z-index:2}@media (max-width: 820px) and (max-aspect-ratio: 1/1){.project-wrap .project-wrap-inner{display:block;padding:0 40px 0 40px;height:auto;width:calc(100% - 40px * 2)}.project-wrap .project-wrap-inner .project-item{height:auto;width:100%}.project-wrap .project-wrap-inner .project-item img{width:100%;height:auto}.project-wrap .project-wrap-inner .project-item .caption{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media (max-width: 820px) and (min-aspect-ratio: 1/1){.project-wrap .project-wrap-inner{padding-top:40px}}@media (max-device-width: 1200px) and (orientation: landscape){.project-wrap .project-wrap-inner{overflow-x:scroll;overflow-y:hidden}}.project-wrap .project-title{display:none}@media (max-width: 820px) and (orientation: portrait){.project-wrap .project-title{display:block;padding:0 40px 0 40px;margin:24vh 0 32vh 0}}@media (max-width: 820px) and (orientation: portrait) and (max-height: 700px){.project-wrap .project-title{margin:225px 0 284px 0}}@media (max-width: 820px) and (orientation: portrait) and (max-height: 400px){.project-wrap .project-title{margin:135px 0 34px 0}}.ratio{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;background-color:black;color:white;display:none}#index .index-inner{padding:55px}@media (max-width: 992px){#index .index-inner{padding:110px 27px}}@media (max-width: 820px){#index .index-inner{padding:80px 20px}}#index .index-inner .project{margin-right:90px;margin-bottom:110px}@media (max-width: 1280px){#index .index-inner .project{margin-right:50px;margin-bottom:60px}}@media (max-width: 992px){#index .index-inner .project{margin-right:45px;margin-bottom:45px}}@media (max-width: 600px){#index .index-inner .project{margin-right:40px;margin-bottom:25px}}#index .index-inner .project .project-image{height:135px;background-color:rgba(248,233,233,0)}@media (max-width: 1280px){#index .index-inner .project .project-image{height:95px}}@media (max-width: 992px){#index .index-inner .project .project-image{height:70px}}@media (max-width: 600px){#index .index-inner .project .project-image{height:50px}}#index .index-inner .project .project-image img{height:100%;width:auto;vertical-align:top;opacity:1}#index .index-inner .project.no-tag .project-image{background-color:#F8E9E9}#index .index-inner .project.no-tag .project-image img{opacity:0}#index .index-inner .project.transit .project-image{transition:background-color 0.5s ease-in-out}#index .index-inner .project.transit .project-image img{transition:opacity 0.5s ease-in-out}.videowrap{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.videowrap iframe{width:100%;height:100%}.videowrap.is-active{display:block}.playicon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:3em;color:white;cursor:pointer}.playicon img{height:30% !important;max-height:150px !important;width:auto !important;transition:all 0.25s ease-in-out}.playicon.is-hidden{display:none}.playicon:hover img,.playicon:focus img{-webkit-transform:scale(1.075);transform:scale(1.075)}.navstripe{position:fixed;top:54.5px;bottom:54.5px;width:33.33%;width:20%;min-width:150px;display:none}.navstripe.is-active{display:block}.navstripe.prev-go{left:0}.navstripe.next-go{right:0}@media (max-width: 820px){.navstripe{display:none}}#size{width:240px;text-align:center;font-size:0.75em;line-height:1em;z-index:1000000;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(255,0,0,0.3);color:black;margin:0;padding:0;pointer-events:none;display:none}
