@import"https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--text-color-primary: #fff;--text-color-secondary: #ab1c0b;--text-color-navbar: #000;--text-color-black: #000;--bck-navbar: #e8e8e8;--bck-red: #ab1c0b;--bck-red-o: #ab1b0bab;--bck-card-red: linear-gradient(1750deg, #73140965 0%, #a31000 100%);--bck-black: #000;--bck-primary: #393738;--bck-page: #dcdcdc;--bck-loader: #000000d7;--card-gradient: linear-gradient(1750deg, #393738 0%, #5a5758 100%);--border-primary: #000;--border-white: #fff;--border-red: #ab1c0b;--btn-bck-primary: #393738;--btn-color-primary: #fff;--btn-border-primary: #000;--btn-bck-primary-h: #504d4f;--btn-bck-secondary: #ab1c0b;--btn-color-secondary: #fff;--btn-border-secondary: #000;--btn-bck-secondary-h: #d72410;--shadow: #00000029}body{margin:0;font-family:Overpass;color:var(--text-color-primary)}.page{margin-top:70px}.title{font-family:Saira Condensed}.highlight{color:var(--text-color-secondary)}.color-primary{color:var(--text-color-primary)}.color-secondary{color:var(--text-color-secondary)}.text{font-size:calc(10px + .5vw)}.section{box-sizing:border-box;min-height:500px;padding:0 100px;border-bottom:2px solid var(--border-primary)}.section:not(.full){padding:30px 100px}.section.full{height:calc(100vh - 70px)}.section.colored{background-color:var(--bck-page)}@media screen and (max-width: 610px){.section{padding:20px!important}}.cols{display:flex;flex-direction:row;height:100%}.cols.v-center{align-items:center}.column{flex-grow:1}.shadow{box-shadow:10px 10px 15px var(--shadow)}.c-icon-card{box-sizing:border-box;display:flex;flex-direction:column;max-width:400px;border:2px solid var(--border-primary);background:var(--card-gradient);border-radius:20px;padding:30px}.c-icon-card header{display:flex;flex-direction:column;align-items:center}.c-icon-card header h2{font-family:Saira,sans-serif;text-align:center;color:var(--text-color-primary);font-size:calc(15px + 1.8vw);margin:0}.c-icon-card header .icon{width:30%;height:30%;margin-bottom:20px}.c-icon-card header svg{width:100%;height:100%;stroke:var(--bck-navbar);color:var(--bck-navbar)}.c-icon-card .body{text-align:justify;font-size:calc(17px + .25vw);color:var(--text-color-primary)}.hero{position:relative;width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero video{position:absolute;z-index:-2;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.hero .blur{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hero .title{margin:0;font-family:Saira Condensed,sans-serif;font-size:calc(10vw + 15px);text-shadow:5px 5px 20px black;text-align:center}.hero .sub{text-align:center;margin:0;font-family:Overpass,sans-serif;font-size:calc(1.8vw + 10px)}.section .title{font-size:calc(20px + 4vw);margin:0}.bck-left{background-image:url(/images/site-assets/ellipse-left.png);background-size:100% 100%}.s-01 img{width:100%;border-radius:20px;border-top:2px solid var(--border-primary);border-bottom:2px solid var(--border-primary)}.s-01 .cols{gap:20px}.s-01 .cols>.col{max-width:900px}.s-01 .col{flex:1}.card-wrapper{display:flex;width:100%;gap:30px;flex-wrap:wrap;justify-content:space-around}.s-03 .card-wrapper.projects{display:flex;flex-direction:row;gap:50px;align-items:stretch}.s-03 .projects-column{width:100%}.s-03 .projects-column.projects-column--featured{display:flex;flex-direction:column;gap:24px;flex:1.2;align-items:flex-start;justify-content:center}.s-03 .projects-column.projects-column--featured .project-card{max-width:700px}.s-03 .projects-column.projects-column--others{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:24px;align-content:center}.s-03 .projects-column .project-card{width:100%}.s-03 .projects-column--featured .project-card{min-height:260px}@media screen and (max-width: 1580px){.s-03 .card-wrapper.projects{flex-direction:column}.s-03 .projects-column.projects-column--others{display:flex!important;flex-direction:column;align-items:center}.s-03 .projects-column.projects-column--featured{align-items:center}}.s-04 .title{color:var(--text-color-secondary)}.s-05{display:flex;align-items:center;justify-content:space-around;min-height:700px}.s-05 .contact{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--bck-page);color:var(--text-color-secondary);border-radius:20px;width:40%;border:2px solid var(--border-primary);box-shadow:10px 10px 25px #0003}.s-05 .contact .input{display:flex;flex-direction:column}.s-05 .contact .input label{font-size:calc(15px + .5vw)}.s-05 .contact .input input,.s-05 .contact .input textarea{border:2px solid var(--border-white);background-color:#fff;font-family:Overpass;font-size:calc(15px + .75vw);border-radius:10px}.s-05 textarea{font-size:calc(10px + .5vw)!important}@media screen and (max-width: 950px){.s-01,.s-05{background-image:none;background-color:#393738}.s-05{flex-direction:column}.s-01 .col{flex:auto}.s-01 .cols{flex-direction:column}.s-05 .contact{width:90%}}.project-card{outline:0 solid transparent;position:relative;padding:0;max-width:500px;min-width:300px;border-radius:20px;overflow:hidden;transition:.1s linear;cursor:pointer;aspect-ratio:1.7}.project-card:hover{outline:4px solid var(--border-red)}.project-card img{width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.project-card .highlighted{display:flex;gap:8px;color:var(--text-color-primary);background-color:var(--bck-red-o);box-shadow:-2px 3px 10px #000000b3;position:absolute;right:0;top:0;padding:8px 10px;border-bottom-left-radius:20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1;font-size:clamp(.7rem,1.2vw,.9rem);max-width:120px;transition:.7s ease;overflow:hidden;text-wrap:nowrap}.project-card:hover .highlighted{max-width:19px}.project-card .highlighted svg{scale:1.3;min-width:20px}.project-card .top-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;padding-top:15%;width:100%;height:150%;background-image:linear-gradient(to top,#000c 35%,#0006 60%,#0000004d);transition:.3s ease-in-out}.project-card:hover .top-wrapper{transform:translateY(-50px);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.project-card .top-wrapper .project-title{color:var(--text-color-primary);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;text-shadow:2px 2px 5px black;bottom:125px;margin:0 0 0 10px;transition:.3s ease .1s;transform-origin:0 0}.project-card:hover .top-wrapper .project-title{scale:.85;color:var(--text-color-primary);transition-delay:0s}.project-card .top-wrapper .project-desc{color:var(--text-color-primary);margin:0 0 0 10px;opacity:0;transition:.3s ease;font-size:clamp(.8rem,2vw,1rem);max-width:90%}.project-card:hover .top-wrapper .project-desc{opacity:1;transition-delay:.1s}.project-card .top-wrapper .project-desc span{color:var(--text-color-secondary)}@media (max-width: 1200px){.project-card{width:45%}}@media (max-width: 900px){.project-card{width:80%;max-width:400px}}@media (max-width: 600px){.project-card{width:100%;max-width:100%;border-radius:15px}}.c-button{font-family:Saira Condensed;font-size:15px;padding:5px;border-radius:10px;transition:.2s;cursor:pointer}.c-button.rnd{border-radius:50px;aspect-ratio:1}.c-button.image-primary{display:flex;justify-content:center;align-items:center}.c-button.image-transparent{background-color:transparent;border:none}.c-button.image-primary img,.c-button.image-transparent{width:70%;height:70%}.c-button.primary{background-color:var(--btn-bck-primary);border:1px solid var(--btn-border-primary);color:var(--btn-color-primary)}.c-button.c-button.primary:hover{background-color:var(--btn-bck-primary-h)}.c-button.secondary,.c-button.image-primary{background-color:var(--btn-bck-secondary);border:1px solid var(--btn-border-secondary);color:var(--btn-color-secondary)}.c-button.c-button.secondary:hover,.c-button.image-primary:hover{background-color:var(--btn-bck-secondary-h)}.review{box-sizing:border-box;display:flex;flex-direction:column;max-width:500px;border:3px solid var(--border-primary);border-radius:20px}.review .header{display:flex;flex-direction:column;align-items:center}.review .header img{width:25%;border-radius:50%;margin-top:10px;margin-bottom:10px}.review .body{color:var(--text-color-primary);background-color:var(--bck-primary);text-align:justify;padding:15px}.review .footer{background-color:var(--bck-primary)}.review .footer .person{color:var(--text-color-primary);font-weight:700;font-size:calc(15px + .25vw)}.review .footer .person button{min-width:50px}.review .footer{display:flex;flex-direction:column;align-items:center;border-bottom-right-radius:15px;border-bottom-left-radius:15px;gap:10px;padding-bottom:10px}.review .footer p{margin:0}.c-link{display:flex;align-items:center;font-family:Saira Condensed,sans-serif;background:none;border:none;font-size:21px;cursor:pointer;transition:.3s}.c-link p{margin:0}.c-link.primary{color:var(--text-color-black)}.c-link.light{color:var(--text-color-primary)}.c-link.secondary{color:var(--text-color-secondary)}.c-link.pill{background-color:var(--text-color-secondary);color:var(--text-color-primary);padding:10px 7px;border-radius:50px}.c-link.pill p{color:var(--text-color-primary)}.navbar{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;color:var(--text-color-navbar);background-color:var(--bck-navbar);background-image:url(/images/site-assets/nav.png);background-size:400px 100%;background-position-x:-50px;background-repeat:no-repeat;display:flex;align-items:stretch;justify-content:space-between;border-bottom:2px solid var(--border-primary);box-shadow:0 10px 15px var(--shadow);z-index:100;transition:1s ease}.navbar .logo{display:flex;align-items:center;font-size:30px;font-weight:500}.navbar .logo img{width:50px;margin:10px}.navbar .logo p{margin:0;color:var(--text-color-primary)}.navbar .links{display:flex;align-items:center;gap:35px;margin-right:50px;transition:.5s;z-index:10}.navbar .links .obscurer{opacity:0;top:0;position:absolute;background-color:#000000f2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:50vw;height:100vh;transform:translate(-50vw);transition:.5s;pointer-events:none}.navbar .links-mobile{display:none;align-items:center}.navbar .links a{text-decoration:none;color:var(--text-color-navbar)}@media screen and (max-width: 1200px){.navbar{background-position-x:0px;background-size:200% 200%}.navbar .links{margin-right:10px}.navbar .logo{width:auto}.navbar .c-link.primary{color:var(--text-color-primary)}.navbar .c-link.pill{color:var(--text-color-black);background-color:var(--bck-navbar)}.navbar .c-link.pill p{color:var(--text-color-black)}}@media screen and (max-width: 900px){.navbar .links{position:absolute;right:0;margin:0;height:100vh;padding-left:20vw;padding-right:20vw;padding-top:10vh;flex-direction:column;background-color:var(--bck-black)}.navbar .links.closed{transform:translate(90vw)}.navbar .links.closed .obscurer{opacity:0;transform:translate(50vw);transition:1s}.navbar .links:not(.closed) .obscurer{opacity:1;pointer-events:all}.navbar .links-mobile{display:flex}}.loader{box-sizing:border-box;position:fixed;opacity:1;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;background-color:var(--bck-loader);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);z-index:1000;transition:.2s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-element{width:90px;height:14px;box-shadow:0 3px #fff;position:relative;clip-path:inset(-40px 0 -5px)}.loader-element:before{content:"";position:absolute;inset:auto calc(50% - 17px) 0;height:50px;--g:no-repeat linear-gradient(#fff 0 0);background:var(--g),var(--g),var(--g),var(--g);background-size:16px 14px;animation:l7-1 2s infinite linear,l7-2 2s infinite linear}@keyframes l7-1{0%,to{background-position:0 -50px,100% -50px}17.5%{background-position:0 100%,100% -50px,0 -50px,100% -50px}35%{background-position:0 100%,100% 100%,0 -50px,100% -50px}52.5%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% -50px}70%,98%{background-position:0 100%,100% 100%,0 calc(100% - 16px),100% calc(100% - 16px)}}@keyframes l7-2{0%,70%{transform:translate(0)}to{transform:translate(200%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page.prj{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.reviews-prj{width:100%;display:flex;flex-direction:column;padding-bottom:25px}.reviews-prj .content{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:20px}.reviews-prj h1{text-align:center}.reviews-prj h3{color:var(--text-color-black)}.project{width:75%;margin:auto;margin-top:20vh;display:flex;justify-content:center;gap:150px;flex-direction:row}.project>*{flex:1}.project .images{display:flex;flex-direction:column;gap:20px}.project .images img{box-sizing:border-box}.project .images img.main{width:100%;border-radius:20px;border:3px solid var(--border-primary);box-shadow:10px 10px 15px var(--shadow)}.project .content .preview{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:15px;max-width:100%}.project .content .preview img{flex:1 1 200px;max-width:calc(60px + 4vw);height:auto;border:2px solid var(--border-primary);cursor:pointer;object-fit:cover;aspect-ratio:1/1;border-radius:20px}.project .content h1{margin:0;display:flex;gap:20px}.project .content h1 svg{scale:2;color:var(--border-primary)}.project .content p{color:var(--text-color-black);text-align:justify}@media screen and (max-width: 1210px){.project{flex-direction:column-reverse;gap:20px;align-items:center}.project img{width:100%}}