#portfolio article{height:calc(100vh - 5.5rem);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden;padding:0;position:relative}#portfolio article:first-child{height:100vh}#portfolio article.blue{background-color:#008fd5;background-image:linear-gradient(180deg,#24a6f0,#008fd5)}#portfolio article footer{position:absolute;left:0;right:0;bottom:0;display:flex;z-index:2;padding:2rem 0}#portfolio article footer div.container{display:flex}#portfolio article footer h1{color:#fff;height:2rem;font-size:2rem;line-height:2rem;padding:2rem 2rem 2rem 0;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#portfolio article footer a{display:inline-block;color:#fff;height:2rem;line-height:2rem;padding:2rem;background-color:hsla(0,0%,100%,.1);text-transform:uppercase;transition:color .2s ease-out,background-color .2s ease-out,transform .2s ease-out,box-shadow .2s ease-out;border-radius:.4rem;border-bottom:1px solid rgba(0,0,0,.1)}#portfolio article footer a:hover{background-color:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.2);color:#383838}#portfolio article footer a:active{transform:scale(.95)}#portfolio article footer a i.fa-chevron-right{margin-left:1rem}#portfolio article footer a i.fa-chevron-left{margin-right:1rem}#portfolio article div.content{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}#portfolio article div.content div.layer{transition:transform .4s ease-out;transition-delay:.5s;will-change:transform;display:flex;align-items:center;justify-content:center}#portfolio article div.content div.layer img{width:100%;max-height:100%;object-fit:contain}#portfolio article div.content div.layer.layer-bg{position:absolute;left:0;top:0;bottom:0;right:0}#portfolio article div.content div.layer.layer-bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#portfolio article div.content div.layer.layer-bg-2{position:absolute;left:0;top:0;bottom:0;right:0;transform:translateY(15%)}#portfolio article div.content div.layer.layer-bg-2 img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#portfolio article div.content div.layer.layer-left-1{position:absolute;left:2%;right:40%;top:7rem;bottom:7rem;transform:translateX(-15%) scale(.85)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-left-1{left:17%}}#portfolio article div.content div.layer.layer-left-2{position:absolute;left:2%;right:55%;top:7rem;bottom:7rem;transform:translateX(-15%) scale(.85)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-left-2{left:8%}}#portfolio article div.content div.layer.layer-left-3{position:absolute;left:2%;right:65%;top:8rem;bottom:8rem;transform:translateX(-15%) scale(.85)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-left-3{left:8%}}#portfolio article div.content div.layer.layer-left-4{position:absolute;left:2%;right:65%;top:9rem;bottom:0;transform:translateX(-15%) scale(.85)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-left-4{left:8%}}#portfolio article div.content div.layer.layer-right-1{position:absolute;left:40%;right:2%;top:7rem;bottom:7rem;transform:translateX(15%)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-right-1{right:17%}}#portfolio article div.content div.layer.layer-right-2{position:absolute;left:55%;right:2%;top:7rem;bottom:7rem;transform:translateX(15%)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-right-2{right:8%}}#portfolio article div.content div.layer.layer-right-3{position:absolute;left:65%;right:2%;top:8rem;bottom:8rem;transform:translateX(15%)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-right-3{right:8%}}#portfolio article div.content div.layer.layer-right-4{position:absolute;left:65%;right:2%;top:9rem;bottom:0;transform:translateX(15%)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-right-4{right:8%}}#portfolio article div.content div.layer.layer-center-1{position:absolute;left:10%;right:10%;top:7rem;bottom:7rem;transform:scale(.8)}@media screen and (min-width:992px){#portfolio article div.content div.layer.layer-center-1{left:25%;right:25%}}#portfolio article div.content div.layer.layer-center-2{position:absolute;left:0;right:0;top:6rem;bottom:6rem}#portfolio article div.content div.layer.layer-center-2 img{object-fit:cover}#portfolio article div.content div.layer.active{backface-visibility:hidden;transform:translateZ(0)}#portfolio article div.content div.layer.finished{will-change:auto}#portfolio div.partial-cookies{background-color:#1c3c8a}