.presentation{position:relative}.presentation video{width:100vw;max-height:100vh;object-fit:fill;background-image:url(/assets/first-frame-CbRWrCRF.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center}.presentation .content{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;position:absolute;z-index:1;top:0;color:#fff;gap:15px;background-color:#0000004d}.presentation .content h1,.presentation .content p{padding:5px 15px;text-align:center;font-size:18px;width:40vw}.presentation .content p{line-height:40px}.presentation .content h1{font-size:65px;font-weight:100}@media(max-width:1024px){.presentation .content h1{font-size:30px}}@media(max-width:768px){.presentation .content{position:relative;width:auto}.presentation .content h1,.presentation .content p{width:100vw;background-color:#000}.presentation .content h1{font-size:20px}}.articles{display:flex;gap:50px;margin:0 15px;justify-content:center}.articles .item{width:20vw;height:auto;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;min-width:250px;gap:25px;text-align:justify}.articles .item .content{display:flex;flex-direction:column;gap:25px;line-height:30px}.articles .item .content h1{text-align:left}.articles .item .image{display:flex;overflow:hidden;flex-direction:column;height:100%;height:350px;background-repeat:no-repeat;background-size:cover;background-position:center}@media(max-width:768px){.articles{flex-wrap:wrap}}a{text-decoration:none;color:#000}.article{display:flex;justify-content:center}.article .item{display:flex;width:60%;gap:45px}.article .item .content{min-width:450px;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.article .item{width:auto;max-width:100%;flex-wrap:wrap}.article .item .content{padding:0 15px;min-width:unset}.article .item img{max-width:100vw}}.link{display:flex;margin-top:20px;margin-bottom:20px;list-style:none;padding:15px;background-color:#000;color:#fff;text-decoration:none}.guide{display:flex;justify-content:space-around}.guide img{max-width:100%}.guide .display{max-width:50vw;position:relative;overflow:hidden}.guide .link{cursor:pointer}.guide .display-content{transform:translate(-100%);position:absolute;top:0;height:100%;background-color:#ffffffe6;transition:all ease-in-out .5s}.guide .display-content.active{transform:translate(0)}.guide .content{width:35vw;display:flex;flex-direction:column;justify-content:center;gap:45px;font-size:25px}.guide .content h2{font-size:45px}@media(max-width:768px){.guide{flex-wrap:wrap}.guide .content{width:auto;padding:0 10px}}.home-information{width:60vw;margin:auto;font-size:18px}.project-images .list{display:flex;flex-wrap:wrap;gap:20px;width:80vw;margin:auto}.project-images .list .image{height:45vh;overflow:hidden;flex:1 0 25%;transition:all ease-in-out .3s;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}.project-images .list .image.big{flex:1 0 65%}@media(max-width:768px){.project-images .list .image{flex:1 0 100%;height:40vh}.project-images .list .image.twenty{flex:1 0 100%}}.clients{display:flex;flex-direction:column;align-items:center;gap:45px;font-size:35px;background-color:#cfbda98f;padding:50px 0}.clients h2{font-size:35px}.clients .list{display:flex;justify-content:center;gap:45px;align-items:center;font-size:23px;flex-wrap:wrap;max-width:80vw}.clients .list .image{height:150px;width:200px;background-repeat:no-repeat;background-size:contain;background-position:center}@media(max-width:768px){.clients{font-size:25px}.clients h2{text-align:center}.clients .list{flex-direction:column;gap:20px}.clients .list .image{height:100px;width:150px;background-repeat:no-repeat;background-size:contain;background-position:center}}.instagram-content{display:flex;gap:15px;justify-content:center;flex-direction:column;align-items:center}.instagram-content h2{display:flex;gap:25px}.instagram-content .images{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.instagram-content .images .image{height:350px;width:350px;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}.instagram-content .images .image .name{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);background-color:#fffc;transition:all ease-in-out .1s;transition-delay:.3s;font-size:20px}.instagram-content .images .image:nth-child(2n) .name{transform:translateY(100%)}.instagram-content .images .image:hover .name{transition-delay:0s;transform:translateY(0)}@media(max-width:768px){.instagram-content .images{flex-wrap:wrap}}
