nav#main-nav{display:flex;justify-content:space-between}nav#main-nav .fake-for-center{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1;background:transparent;border-color:transparent}@media (max-width: 840px){nav#main-nav .fake-for-center{display:none}}nav#main-nav .fake-for-center>*{color:transparent!important}nav#main-nav:not(:has(.fake-for-center)){justify-content:center}nav#main-nav li.call-me{display:none}@media (max-width: 580px){nav#main-nav{justify-content:center}nav#main-nav li.call-me{display:block}nav#main-nav .button.call-me{display:none}}nav#main-nav>ul{display:flex;justify-content:center;gap:32px;padding:0}nav#main-nav>ul>li{list-style:none}nav#main-nav>ul>li a{font-size:1.2rem;font-weight:400;color:unset;text-decoration:none}nav#main-nav>ul>li a[aria-current=page]{font-weight:700}nav#main-nav>ul>li a:hover{text-decoration:underline}a.tag.outline:hover .title{background-color:#272727;color:#fff}.tag{display:grid;grid-template-areas:"title content" "qr-code qr-code" "slug slug";grid-template-columns:auto 1fr;background-color:#fff;border-radius:9px;border:1px solid #272727;overflow:hidden}.tag.outline{background-color:transparent;border:1px solid #272727;color:#272727}.tag.outline .title{transition:background-color .2s,color .2s;background-color:transparent;color:#272727}.tag>span,.tag>div,.tag>img{padding:5px 9px;font-size:16px}.tag .title{grid-area:title;background-color:#272727;color:#fff}.tag .content{grid-area:content}.tag .qr-code,.tag .slug{display:none}.tag.hover{padding-bottom:4px}.tag.hover .content{border-bottom:1px solid #272727}.tag.hover .qr-code,.tag.hover .slug{display:block}.tag .qr-code{grid-area:qr-code;width:100%;aspect-ratio:1}.tag .slug{grid-area:slug;text-align:center}.social-networks-banner{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;gap:24px;width:-moz-fit-content;width:fit-content;white-space:nowrap}.social-networks-banner.animate:hover .tag,.social-networks-banner.animate.hover .tag{animation-play-state:paused}.social-networks-banner.animate .tag{position:relative;animation:carrousel 20s linear infinite;--full-translate: 0vw}@keyframes carrousel{0%{transform:translate(0)}to{transform:translate(var(--full-translate))}}#breadcrumb{margin-bottom:30px}#breadcrumb a:hover{text-decoration:underline}#articles-container{display:flex;flex-direction:column;gap:24px}#articles-container .article{border-radius:24px;border:transparent 2px solid;padding:24px;display:grid;grid-gap:9px;grid-template-areas:"title post-type . arrow" "description description description arrow";grid-template-columns:auto auto 1fr auto;color:#272727;text-decoration:none;position:relative;z-index:0}#articles-container .article:before{content:"";width:100%;height:100%;background:#ffffff70;position:absolute;border-radius:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;border:#272727 2px solid;top:-2px;right:7px;bottom:-2px;left:-2px}#articles-container .article h2{grid-area:title}#articles-container .article h2 .not-current-lang{font-size:1rem;font-family:Space Grotesk,serif;font-weight:400}#articles-container .article p.description{grid-area:description}#articles-container .article .post-type{grid-area:post-type}#articles-container .article .post-type .tag>span{padding:2px 16px}#articles-container .article .arrow{grid-area:arrow}#articles-container .article .hover-img{z-index:-2;display:none;border-radius:24px;border:solid 2px #272727;position:absolute;width:40%;height:auto;background:#fff;transform:translate(var(--tx, 0),var(--ty, 0))}#articles-container .article .hover-img.displayed{display:block}.button{display:inline-flex;padding:9px 24px;border-radius:99px;border:2px solid #272727;background:#272727;justify-content:center;align-items:center;gap:15px;text-decoration:none;position:relative;transition:all .2s ease-in-out;overflow:hidden;font-family:Space Grotesk,serif;cursor:pointer;font-size:1rem}.button:hover{text-decoration:none}.button .text{z-index:1;color:#fff;letter-spacing:.32px}.button .icon{z-index:1;width:16px;height:16px}.button .icon svg{fill:#fff}.button .hover-circle{border-radius:100%;aspect-ratio:1;height:300%;position:absolute;z-index:0;--tx: 0;--ty: 0;transform:translate(var(--tx),var(--ty));transition:background-color .2s ease-in-out;background-color:#fff0}.button:hover{box-shadow:0 0 6px #4d4d4d}.button:hover .hover-circle{background-color:#ffffff0b}.button.outline{background:transparent;color:#272727}.button.outline .hover-circle{background-color:#0000}.button.outline:hover{box-shadow:0 0 6px #acacac}.button.outline:hover .hover-circle{background-color:#00000012}.button.outline .text{color:#272727}.button.outline .icon svg{fill:#272727}.article-content{margin-bottom:30px}.article-content p,.article-content ul,.article-content img,.article-content blockquote{margin-top:15px}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:24px}.article-content img{max-width:100%;height:auto;box-shadow:0 1px 4px #00000040;border-radius:5px}.article-content p code{background-color:#282c34;color:#cacfd8;border-radius:3px;padding:2px 6px;display:inline-block}.article-content pre code{border-radius:9px;line-height:1.3rem;font-size:.9rem;white-space:pre-wrap}.article-content pre+p.info_code{top:-1.5em;z-index:-1;padding-top:calc(20px + .2em)}.article-content blockquote,.article-content p.info_code{display:flex;align-items:center;position:relative;background:#ffb0004d;margin-top:0;z-index:0;flex-wrap:wrap;padding:20px 15px 15px 50px;border-radius:5px}.article-content blockquote:before,.article-content p.info_code:before{content:"i";align-items:center;display:flex;width:auto;justify-content:center;font-size:1.8em;color:gray;position:absolute;margin-left:-25px}.article-content blockquote{margin-inline:0;margin-top:15px}.article-content blockquote p{margin-top:0}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;grid-gap:24px}@media (max-width: 1000px){.projects-container{grid-template-columns:1fr}}.projects-container .project{overflow:hidden;color:#fff;text-decoration:none;display:grid;grid-template-areas:"title arrow" "description arrow" "mockup mockup";grid-template-columns:1fr auto;border-radius:24px;padding-top:24px;position:relative;transition:all .2s ease;grid-row:span 1}.projects-container .project.mockup{grid-row:span 2}.projects-container .project.no-mockup{grid-template-rows:auto auto 1fr;padding-bottom:24px}.projects-container .project.dark-text{color:#272727}.projects-container .project:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border:white 11px solid;border-radius:35px;transition:all .2s ease-out}.projects-container .project:hover{position:relative}.projects-container .project:hover:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:19px}.projects-container .project:hover .arrow{translate:19px -19px}.projects-container .project h2{grid-area:title;padding-left:24px;margin-bottom:9px}.projects-container .project .description{grid-area:description;padding-left:24px}.projects-container .project .arrow{margin-right:24px;grid-area:arrow;background-color:#fff;border-radius:99px;height:46px;width:46px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.projects-container .project .arrow svg{width:16px;height:16px;fill:#272727}.projects-container .project .mockup{grid-area:mockup;margin-top:38px;width:100%;height:333px;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.projects-container .project .take-place{grid-area:mockup}.projects-container .button{grid-column:1/3;margin:auto}@media (max-width: 1000px){.projects-container .button{grid-column:1/2}}.news-container{display:flex;flex-direction:column;grid-gap:24px}.news-container .a-news{overflow:hidden;border-radius:24px;color:#272727;text-decoration:none;border:2px solid #272727;padding:24px;position:relative;transition:all .2s ease;display:flex;flex-direction:column;gap:24px}.news-container .a-news:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border:#272727 2px solid;border-radius:35px;transition:all .2s ease-out}.news-container .a-news:hover{position:relative;border-color:transparent}.news-container .a-news:hover:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:19px}.news-container .a-news:hover .arrow{translate:9px -9px}.news-container .a-news header{display:flex;gap:24px;align-items:center}@media (max-width: 700px){.news-container .a-news header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon date arrow" "title title title"}}.news-container .a-news .icon{grid-area:icon;height:100%;max-height:2rem;max-width:2rem}.news-container .a-news h2{grid-area:title;margin-right:auto;flex-grow:1;flex-basis:0%}.news-container .a-news .date{grid-area:date}.news-container .a-news .arrow{grid-area:arrow;background-color:#fff;border-radius:99px;height:46px;width:46px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.news-container .a-news .arrow svg{width:16px;height:16px;fill:#272727}.tags-container{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:24px}.client{overflow:hidden;border-radius:24px;color:#272727;text-decoration:none;border:2px solid #272727;padding:24px;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.client:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border:#272727 2px solid;border-radius:35px;transition:all .2s ease-out}.client:hover{position:relative;border-color:transparent}.client:hover:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:19px}.client img{height:8svh;width:14svw;min-width:200px;-o-object-fit:contain;object-fit:contain}.clients-container{margin-bottom:100px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;padding-inline:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.clients-container::-webkit-scrollbar{display:none}.clients-container .client{flex:0 0 auto}.notation-support .project{margin-top:46px}.notation-support .project ul{list-style-type:none;padding:0;margin:15px 0 0;display:flex;flex-wrap:wrap;gap:26px}.notation-support .project ul li{display:block}.notation-support .project ul li a{display:grid;grid-template-areas:"icon text-1" "icon text-2";grid-gap:5px 20px;padding:28px 36px;border-radius:24px;border:2px solid #272727;position:relative}.notation-support .project ul li a img{grid-area:icon;width:50px;height:50px;-o-object-fit:contain;object-fit:contain;margin:auto}.notation-support .project ul li a .text{grid-area:text-1}.notation-support .project ul li a .platform{grid-area:text-2;font-size:1.375rem;text-wrap:nowrap}.notation-support .project ul li a .stars{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;gap:15px}.notation-support .project ul li a .stars .star{transform:scale(0);animation:star-animation 1s cubic-bezier(.42,0,.58,1) forwards}.notation-support .project ul li a .stars .star:nth-child(1){animation-delay:0s}.notation-support .project ul li a .stars .star:nth-child(2){animation-delay:.05s}.notation-support .project ul li a .stars .star:nth-child(3){animation-delay:.1s}.notation-support .project ul li a .stars .star:nth-child(4){animation-delay:.15s}.notation-support .project ul li a .stars .star:nth-child(5){animation-delay:.2s}.notation-support .project ul li a .stars .star svg{fill:#ffdf00;filter:drop-shadow(0px 2px 4px #ffffff);width:30px}.notation-support .project ul li a:hover>*:not(.stars){filter:blur(2px) grayscale(1)}.notation-support .project ul li a:hover .stars{display:flex}@keyframes star-animation{0%{animation-timing-function:ease-out;transform:scale(0)}33%{animation-timing-function:ease-in-out;transform:scale(1.2)}66%{transform:scale(.9)}to{transform:scale(1)}}