#intro{width:100%;height:100svh;overflow:hidden;opacity:1;transition:all 1.5s}#intro #floating-container{z-index:1;position:absolute;transform:translate(-50%,-25%);top:50%;left:50%;display:flex;flex-direction:column;align-items:center;row-gap:48px;opacity:1;transition:all 1.5s}#intro #floating-container #logo{width:192px}#intro #intro-video>iframe{transform:translate(-34%)}#intro #intro-overlay{z-index:1;position:absolute;width:100%;height:100%;background-color:var(--color-gray6);transform:translate(-50%,-50%);top:50%;left:50%;opacity:1;transition:all 1s}@media (min-width: 768px){#intro{width:100%;height:100vh;overflow:hidden}#intro #intro-video>iframe{transform:none}}@media (min-width:320px){ul{list-style-type:none;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem}ul li{display:contents}}@media (min-width:961px){ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%}}@media (min-width:320px){.project-preview{position:relative;border-radius:16px;overflow:hidden;grid-row:span 1;transition:all .3s ease-in-out}.project-preview .video{-webkit-user-select:none;user-select:none;transform:scale(103%)}.project-preview .controls{opacity:0;pointer-events:none;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out}.project-preview .controls a{background-color:var(--color-gray6);color:var(--color-gray1);padding:8px 16px;border-radius:24px;cursor:pointer;font-size:14px;transform:translateY(8px);box-shadow:.4em .4em var(--color-gray1);transition:all .3s ease-in-out}.project-preview .controls a:hover{background-color:var(--color-andy-yellow)}.project-preview .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse,#0f0f0f41,#2727274d 20%,#3f3f3f1a);background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .5s;color:var(--color-gray6)}.project-preview .project-overlay h2{font-size:1.6rem;line-height:1}.project-preview .project-overlay h2,.project-preview .project-overlay span{pointer-events:none;-webkit-user-select:none;user-select:none}.project-preview .project-overlay.loading{background:linear-gradient(-45deg,var(--color-gray6) 0%,rgba(39,39,39,.3) 50%,var(--color-gray6) 100%);background-size:400% 400%;background-position:-260% 0%}.project-preview.mobile{grid-row:span 3}.project-preview.is-playing{border-radius:4em;box-shadow:.4em .4em var(--color-andy-yellow);transform:translate(-.4em,-.4em)}.project-preview.is-playing .project-overlay{opacity:0;background-color:var(--color-gray6)}.project-preview.is-playing .controls{opacity:1;pointer-events:all}.project-preview.is-playing .controls a{transform:translateY(0)}}@media (min-width:481px){.project-preview .project-overlay h2{font-size:1.8rem;line-height:1.2}}@media (min-width:961px){.project-preview .project-overlay h2{padding:2rem}.project-preview:not(.loading):hover{transform:translate(-.6em,-.6em);box-shadow:.6em .6em var(--color-andy-yellow)}.project-preview.is-playing:hover{border-radius:6em}}.contact-small{display:flex;flex-direction:column;align-items:center;font-weight:500}.contact-small .links{display:flex;flex-direction:row;align-items:center;column-gap:8px}.contact-small .links .icon{width:28px}footer{display:flex;flex-direction:column;text-align:center;align-items:center;margin-top:32px;margin-bottom:16px;row-gap:16px}footer span.copy{display:flex;font-size:14px;color:var(--color-gray3)}footer span.copy:hover{cursor:default;color:var(--color-gray2)}@media (min-width:961px){.home{display:flex;flex-direction:column;align-items:center}}@media (min-width:320px){.about-us{display:flex;flex-direction:column;row-gap:1.5em;max-width:100%}.about-us .images{display:flex;row-gap:.5em;flex-direction:column;margin:0 2rem;justify-content:center}.about-us .images img{border-radius:1.5rem}.about-us .description{white-space:pre-line;margin:1em 2em 3em}.about-us .description b{color:var(--color-andy-yellow)}.about-us .description #first-p:first-letter{font-size:3em;float:left;line-height:1;padding-right:.1em}}@media (min-width:641px){.about-us{align-items:center}.about-us .images{display:flex;flex-direction:row;column-gap:.5em}.about-us .images img{width:50%}.about-us .description{margin:1em 3em 3em;max-width:80ch}}@media (min-width:320px){.contact{display:flex;flex-direction:column;align-items:center;margin:2em;row-gap:2em}}@media (min-width:320px){#contact-form{background-color:var(--color-white);border-radius:1em;padding:1em;width:100%;max-width:60ch;box-shadow:.6em .6em var(--color-andy-yellow)}#contact-form .user-alert{display:flex;align-items:center;justify-content:center;column-gap:1em}#contact-form .user-alert button{color:var(--color-orange);border-color:var(--color-yellow2)}#contact-form .user-alert a{text-wrap-mode:nowrap;text-decoration:underline;color:var(--color-orange)}#contact-form form{display:flex;flex-direction:column;row-gap:1em;align-items:start}#contact-form form h4{margin:1rem 0 1rem .5rem}#contact-form form button#submit{color:var(--color-white);border:1px solid var(--color-andy-yellow);background-color:var(--color-andy-yellow);font-size:1.3em;line-height:1.5;padding:.5em 1em;letter-spacing:1px;align-self:center}#contact-form form .field{width:100%;display:flex;flex-direction:column}#contact-form form .field label{margin-left:8px;margin-bottom:8px}#contact-form form .field input,#contact-form form .field textarea{color:var(--colo-gray1);font-size:1rem;padding:.8em;background-color:var(--color-gray7);border:none;border-radius:8px;font-family:inherit;resize:vertical}#contact-form form .field input:focus,#contact-form form .field textarea:focus{background-color:var(--color-white);border:1px solid var(--color-gray5);margin:-1px;outline:none}#contact-form form .field input:user-invalid,#contact-form form .field textarea:user-invalid{border-color:var(--color-red)}.hidden{display:none!important}}@media (min-width:320px){.layout{display:flex;flex-direction:column}}@media (min-width:481px){.layout{margin-left:2em;margin-right:2em}}@media (min-width:961px){.layout{align-items:center;margin-top:144px}.layout .outlet{width:100%;max-width:90ch}}@media (min-width:1025px){.layout .outlet{max-width:140ch}}@media (min-width:320px){nav{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%}nav button{border:none}nav button svg{width:32px}nav .nav-menu-button{position:absolute;right:0;margin-right:16px;display:flex}nav .nav-logo #logo{width:128px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAtAQMAAAAUQe44AAAAA1BMVEX5v1L7V/cqAAAADklEQVQoz2MYBaOAGgAAAkkAAQmr4rUAAAAASUVORK5CYII=);padding:16px;border-radius:8px;transition:all .5s;margin:28px 0}nav .nav-links{position:fixed;z-index:2;right:0;top:0;background-color:var(--color-gray6);display:flex;flex-direction:column;align-items:end;row-gap:32px;padding:2em;height:100vh;transform:translate(100%);transition:all .2s ease-in-out}nav .nav-links a{margin:0 16px;color:var(--color-gray3);text-transform:uppercase;font-size:15px;font-weight:600}nav .nav-links a.active{cursor:default}nav .nav-links.active{transform:translate(0)}nav .nav-links-overlay{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:block;pointer-events:none;opacity:0;transition:all .3s ease-in-out}nav .nav-links-overlay.active{opacity:1;pointer-events:all}}@media (min-width:961px){nav{position:fixed;top:0;z-index:1;background-color:var(--color-gray6);height:128px}nav .nav-menu-button{display:none}nav .nav-logo{position:absolute}nav .nav-links{position:relative;margin-left:512px;height:fit-content;transform:none;flex-direction:row;column-gap:1.5em;padding:0}nav .nav-links .nav-close-button{display:none}nav .nav-links a{margin:0}nav .nav-links a:hover{color:var(--color-gray1)}nav .nav-links a.active{color:var(--color-yellow)}nav .nav-links-overlay{display:none}}@media (min-width:320px){.client{display:flex;flex-direction:column;align-items:center}}@media (min-width:320px){.project-detail{display:flex;flex-direction:column;align-items:center;row-gap:1.5em;max-width:90ch;margin:0 .5rem}.project-detail .video.full-width{width:100%}.project-detail .description{white-space:pre-line;margin:1em 1em 3em}}hr{margin:0 auto;width:6em;border-top:1px solid var(--color-andy-yellow)}@media (min-width:320px){.more-projects{display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.more-projects header{display:flex;justify-content:space-between;align-items:center;margin:1rem 3rem 1rem 1rem}.more-projects header h3{line-height:1.8rem}.more-projects header a{line-height:1.2rem;border:none;color:var(--color-gray3)}}@media (min-width:641px){.more-projects{flex-direction:row;background-color:var(--color-white);border-radius:1em;padding:1em;max-width:90ch}.more-projects header{flex-direction:column}.more-projects header button:hover{color:var(--color-gray2);transition:all .1s ease-in-out}}@media (min-width:320px){.carrousell{position:relative}.carrousell ul.videos{display:flex;overflow-x:scroll;gap:.5rem;margin:0 .5em}.carrousell ul.videos img{max-height:128px}.carrousell .arrow-left,.carrousell .arrow-right{display:none}}@media (min-width:961px){.carrousell{position:relative;display:flex;justify-items:center;align-items:center}.carrousell ul.videos{overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scroll-behavior:smooth}.carrousell ul.videos a:hover{opacity:.8}.carrousell .arrow-left,.carrousell .arrow-right{position:absolute;display:flex;background-color:var(--color-andy-yellow);cursor:pointer;margin:0;border-radius:50%;transition:all .2s ease-in-out}.carrousell .arrow-left svg,.carrousell .arrow-right svg{width:1.5rem;padding:1rem;transition:all .2s ease-in-out}.carrousell .arrow-left.pressed,.carrousell .arrow-right.pressed{transition:all .1s ease-in-out}.carrousell .arrow-left{left:0rem}.carrousell .arrow-left svg{transform:rotate(180deg)}.carrousell .arrow-right{top:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black: #171717;--color-gray1: #202020;--color-gray2: #4f4f4f;--color-gray3: #828282;--color-gray4: #bdbdbd;--color-gray5: #e0e0e0;--color-gray6: #f4f5f0;--color-gray7: #f7f8f3;--color-green3: #6FCF97;--color-green2: #27AE60;--color-green1: #219653;--color-yellow: #F2C94C;--color-yellow2: #f1c23f;--color-andy-yellow: #F9BF52;--color-orange: #F2994A;--color-red: #EB5757;--color-white: #fbfcf8;--color-purple2: #BB6BD9;--color-purple1: #9B51E0;--color-blue3: #56CCF2;--color-blue2: #2D9CDB;--color-blue1: #2F80ED;--color-tr1: rgba(255,255,255,.032);--color-tr2: rgba(255,255,255,.056);color-scheme:light dark;color:var(--color-gray1);background-color:var(--color-gray6);scrollbar-gutter:stable}a{display:flex;color:inherit;font-weight:500;text-decoration:inherit}h1{font-size:2rem;line-height:1.1;font-weight:400}h2,h3{font-size:1.6rem;line-height:1}h4{font-size:1.4rem;line-height:1}button{font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;padding:8px 16px;background:none;border:1px solid var(--color-gray5);color:var(--color-gray5);border-radius:4px;cursor:pointer}*{margin:0;padding:0}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}