body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	overflow: hidden;
}
.slides {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: grid;
	grid-template-rows: 100%;
	grid-template-columns: 100%;
	place-items: center;
}

.slide {
	width: 100%;
	height: 100%;
	grid-area: 1 / 1 / -1 / -1;
	pointer-events: none;
	opacity: 0;
	overflow: hidden;
	position: relative;
	display: grid;
	place-items: center;
	will-change: transform, opacity;
}
@media screen and (max-width: 560px){
	.slide{
		width: 120%;
	}
}

.slide--current {
	pointer-events: auto;
	opacity: 1;
}

.slide__img {
	width: 120%;
	height: 120%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	will-change: transform, opacity, filter;
}
@font-face{font-family:"Prolog Venetian";font-style:normal;font-weight:400;src:url("../../files/layout/PrologVenetian.woff") format("woff")}:root{--color: #000;--background: #fff}.theme--white{--color: #000;--background: #fff}.theme--black{--color: #fff;--background: #000}.fullScreen,#projectTeaser,#projectDetails,#projectDetails .project,#projectDetails .fadeGallery,#projectDetails .fadeGallery .element{width:100%;height:100dvh;position:absolute}@keyframes hoverText{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-20px);opacity:1}45%{transform:translateY(-20px);opacity:0}50%{transform:translateY(20px);opacity:0}55%{transform:translateY(20px);opacity:1}100%{transform:translateY(0);opacity:1}}.texthover{overflow:hidden;display:inline-block}.texthover>span{display:inline-block;animation-duration:0.5s;animation-fill-mode:forwards}@media (hover:hover){.texthover:hover>span{animation-name:hoverText}}body,html{height:100%;margin:0;padding:0}body{background-color:var(--background);color:var(--color);font-family:"Prolog Venetian";font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body.defaultTheme footer{color:var(--color);mix-blend-mode:unset}body.defaultTheme footer .more{display:none}.hidden{display:none !important}strong,h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px}a{color:var(--color);text-decoration:none}a:hover{text-decoration:underline}#projectTeaser{z-index:50}#projectTeaser.hide{display:none}#projectZoom{position:absolute;z-index:20;top:0;left:0;right:0;height:100dvh;display:flex;align-items:center;justify-content:center}#projectZoom .zoomOverlay{width:100%;height:100%;background-size:120%;background-position:center;background-repeat:no-repeat;transition:all ease 0.5s;display:none}#projectZoom .zoomOverlay.active{display:block}#projectZoom.zoomOut .zoomOverlay{background-size:100%;width:1024px;height:735px}#projectZoom.hide{display:none}@media screen and (min-width:561px){#projectTeaser .slide__img{pointer-events:none}}@media screen and (max-width:560px){#projectZoom .zoomOverlay{background-size:265%}#projectZoom.zoomOut .zoomOverlay{background-size:100%;width:calc(100% - 30px);height:80dvh}}#projectDetails{overflow:hidden;opacity:0}#projectDetails.active{opacity:1}#projectDetails .inside{height:100vh}#projectDetails #fadeNav{position:absolute;top:0;bottom:80px;left:0;right:0;z-index:10}#projectDetails #fadeNav.hide{display:none}@media screen and (min-width:1024px){#projectDetails #fadeNav>div{position:absolute;top:0;bottom:0;cursor:none}#projectDetails #fadeNav>div.prev{left:0;right:50%}#projectDetails #fadeNav>div.next{left:50%;right:0}#projectDetails #fadeNav>div .cursor{position:absolute;display:none}}@media screen and (min-width:1024px) and (hover:hover){#projectDetails #fadeNav>div:hover>.cursor{display:block}}@media screen and (max-width:1025px){#projectDetails #fadeNav{display:none}#projectDetails #fadeNav>div{display:none !important}}#projectDetails .project{z-index:1;background:var(--background);color:var(--color);transition:transform ease 0.5s;transform:translateX(-200%)}#projectDetails .project.active{z-index:10;transform:translateX(0)}#projectDetails .project.next{z-index:5;transform:translateX(100%)}#projectDetails .project.next~.project{transform:translateX(200%)}#projectDetails .project.next~.project.active{transform:translateX(0)}#projectDetails .project.next~.project.prev{transform:translateX(-100%)}#projectDetails .project.prev{z-index:5;transform:translateX(-100%)}#projectDetails .fadeGallery{z-index:10;transition:1s;opacity:1}#projectDetails .fadeGallery.hide{opacity:0;pointer-events:none}#projectDetails .fadeGallery .element{transition:all ease 1s;z-index:1;opacity:0;display:flex;align-items:center;justify-content:center}#projectDetails .fadeGallery .element.active{z-index:5;opacity:1}#projectDetails .fadeGallery .element figure{transition:all ease 0.5s;pointer-events:none;position:absolute;width:calc(100% - 30px);height:100%;text-align:center;max-height:80dvh;max-width:1024px;transition:width ease 1s}#projectDetails .fadeGallery .element figure video{max-width:100%;max-height:100%;width:auto;height:auto}#projectDetails .fadeGallery .element figure img{transition:all ease 2s;height:100%;width:100%;object-position:center;object-fit:contain;display:block}#projectDetails .thumbs{height:100vh;overflow:hidden;box-sizing:border-box;padding:20px 20px 100px 20px;opacity:0;pointer-events:none;transition:opacity ease 1s}#projectDetails .thumbs p.description{margin-top:0;margin-bottom:30px;max-width:50%}#projectDetails .thumbs .grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}#projectDetails .thumbs .grid>.element{flex-basis:calc(100% / 7 - (20px * 6) / 7);cursor:pointer;transform:translate(0, 0)}#projectDetails .thumbs .grid>.element figure{display:block;overflow:hidden;width:100%}#projectDetails .thumbs .grid>.element figure img,#projectDetails .thumbs .grid>.element figure video{display:block;max-width:100%;transition:transform ease 1s;transform:scale(1)}#projectDetails .thumbs .grid>.element.topOfStack{z-index:10}@media (hover:hover){#projectDetails .thumbs .grid>.element:hover figure img,#projectDetails .thumbs .grid>.element:hover figure video{transform:scale(1.2)}}#projectDetails .thumbs.absolute .grid>.element{position:absolute}#projectDetails .thumbs.transition .grid>.element{transition:all ease 1.5s}#projectDetails .thumbs.stack .grid>.element{top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important}#projectDetails .thumbs.active{opacity:1}#projectDetails .thumbs.scrollable{overflow:auto;pointer-events:all}@media screen and (max-width:560px){#projectDetails .thumbs{padding:60px 15px 60px 15px}#projectDetails .thumbs p.description{max-width:100%}#projectDetails .thumbs .grid{gap:10px}#projectDetails .thumbs .grid>.element{flex-basis:calc(100% / 3 - (10px * 2) / 3)}}#portfolioFooter{position:fixed;bottom:20px;z-index:100;left:20px;right:20px;height:20px;display:flex;gap:50px}#portfolioFooter #logo{cursor:pointer}#portfolioFooter #menu{width:120px;flex-shrink:0;display:flex;gap:6px}#portfolioFooter #menu span{cursor:pointer}#portfolioFooter #titles{position:relative;flex-grow:1}#portfolioFooter h3.title{position:absolute;top:0;margin:0;opacity:0;z-index:1}#portfolioFooter h3.title.active{opacity:1;z-index:2}#portfolioFooter #goToThumbs{width:120px;cursor:pointer;flex-shrink:0}#portfolioFooter #changeColor{position:absolute;z-index:100;left:50%;transform:translateX(-50%);cursor:pointer}#portfolioFooter #changeColor span{width:17px;height:17px;display:block;border-radius:100%;background:var(--color)}#portfolioFooter #counterStart{margin-right:40px}#portfolioFooter #counterStart p{margin:0}#portfolioFooter #close{margin-right:40px;cursor:pointer}#portfolioFooter #detailNav{margin-right:120px;display:flex;gap:20px}#portfolioFooter #detailNav>div{cursor:pointer}#portfolioFooter.state-first{color:#fff;mix-blend-mode:difference}#portfolioFooter.state-first #logo{pointer-events:none}#portfolioFooter.state-first h3.title{cursor:pointer}#portfolioFooter.state-first #goToThumbs,#portfolioFooter.state-first #detailNav,#portfolioFooter.state-first #close,#portfolioFooter.state-first #changeColor{display:none}#portfolioFooter.state-detail h3.title{pointer-events:none}#portfolioFooter.state-detail #counterStart,#portfolioFooter.state-detail #menu{display:none}#portfolioFooter.state-thumbs h3.title{pointer-events:none}#portfolioFooter.state-thumbs #goToThumbs,#portfolioFooter.state-thumbs #detailNav,#portfolioFooter.state-thumbs #counterStart,#portfolioFooter.state-thumbs #menu{display:none}#portfolioFooter.state-about #logo{flex-grow:1}#portfolioFooter.state-about #goToThumbs,#portfolioFooter.state-about #detailNav,#portfolioFooter.state-about #counterStart,#portfolioFooter.state-about #titles,#portfolioFooter.state-about #menu{display:none}#portfolioFooter.state-index #menu{flex-grow:1}#portfolioFooter.state-index #goToThumbs,#portfolioFooter.state-index #detailNav,#portfolioFooter.state-index #counterStart,#portfolioFooter.state-index #titles,#portfolioFooter.state-index #openIndex,#portfolioFooter.state-index #close{display:none}@media screen and (max-width:560px){#portfolioFooter{right:15px;left:15px}#portfolioFooter #detailNav{display:none}#portfolioFooter #logo{position:fixed;top:15px;left:15px}#portfolioFooter #menu,#portfolioFooter #close{position:fixed;top:15px;right:15px;width:auto;margin-right:0}#portfolioFooter #counterStart{margin-right:0}#portfolioFooter #goToThumbs{width:auto;order:1}#portfolioFooter #changeColor{position:fixed;top:15px}}#about{position:fixed;top:100dvh;height:100dvh;background:var(--background);color:var(--color);padding:20px 100px;box-sizing:border-box;z-index:80;display:flex;gap:180px;transition:top ease 0.5s;width:100%}#about>div{flex-grow:1;flex-basis:100%}#about.show{top:0}@media screen and (max-width:560px){#about{padding:90px 15px 30px 15px;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;gap:0}#about>div+div{margin-top:30px}}#index{position:fixed;top:100dvh;height:100dvh;right:0;left:0;z-index:80;overflow:auto;background-color:var(--background);transition:top ease 0.5s}#index.show{top:0}#index .inside{display:flex;row-gap:70px;column-gap:20px;justify-content:flex-start;flex-wrap:wrap;padding:20px}#index .inside>div{flex-basis:calc(100% / 5 - (20px * 4) / 5);cursor:pointer;box-sizing:border-box}#index .inside>div figure{width:100%;display:block;overflow:hidden}#index .inside>div img{display:block;width:100%;transition:transform ease 1s;transform:scale(1)}#index .inside>div h3{margin-top:10px}#index .inside>div p{margin-top:5px;margin-bottom:0}@media (hover:hover){#index .inside>div:hover img{transform:scale(1.2)}}@media screen and (max-width:560px){#index .inside{padding:90px 15px;row-gap:40px}#index .inside>div{flex-basis:100%;padding:0}#index .inside>div h3{margin-top:5px}}