:root:has(#intro){scrollbar-gutter:auto}#intro{opacity:1;width:100%;height:100svh;transition:all 1.5s;overflow:hidden}#intro #floating-container{z-index:1;opacity:1;flex-direction:column;align-items:center;row-gap:48px;transition:all 1.5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%)}#intro #floating-container #logo{width:192px}#intro #intro-video{position:fixed;inset:0;overflow:hidden}#intro #intro-video div{padding:0!important;position:static!important}#intro #intro-video iframe{transform:translate(-34%,-50%);width:calc(max(100vw,177.78svh) + 4px)!important;height:calc(max(100svh,56.25vw) + 4px)!important;position:absolute!important;top:50%!important;left:0!important}#intro #intro-overlay{z-index:1;background-color:var(--color-gray6);opacity:1;width:100%;height:100%;transition:all 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=768px){#intro{width:100%;height:100vh;overflow:hidden}#intro #intro-video iframe{transform:translate(-50%,-50%);left:50%!important}}@media (width>=320px){ul{grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;list-style-type:none;display:grid}ul li{display:contents}}@media (width>=961px){ul{grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%;display:grid}}@media (width>=320px){.project-preview{border-radius:var(--radius-ios-lg);grid-row:span 1;transition:all .3s ease-in-out;position:relative;overflow:hidden}.project-preview .video{-webkit-user-select:none;user-select:none;transform:scale(1.03)}.project-preview .video>div>div{padding-top:56.25%!important}.project-preview .controls{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out;display:flex;position:absolute;bottom:0}.project-preview .controls a{background-color:var(--color-gray6);color:var(--color-gray1);border-radius:var(--radius-ios-pill);cursor:pointer;min-height:44px;box-shadow:.4em .4em var(--color-gray1);justify-content:center;align-items:center;padding:8px 16px;font-size:14px;transition:all .3s ease-in-out;display:inline-flex;transform:translateY(8px)}.project-preview .controls a:hover{background-color:var(--color-andy-yellow)}.project-preview .project-overlay{text-align:center;width:100%;height:100%;color:var(--color-gray6);background:radial-gradient(#0f0f0f41 0%,#2727274d 20%,#3f3f3f1a 100%) 0 0/cover;flex-direction:column;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;top:0;left:0}.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%, #2727274d 50%, var(--color-gray6) 100%);background-position:-260% 0;background-size:400% 400%}.project-preview.mobile{grid-row:span 3}.project-preview.mobile .video>div>div{padding-top:177.78%!important}.project-preview.is-playing{box-shadow:.4em .4em var(--color-andy-yellow);border-radius:4em;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 (width>=481px){.project-preview .project-overlay h2{font-size:2rem;line-height:1.2}}@media (width>=961px){.project-preview:hover:not(.loading):not(.is-playing){cursor:pointer}.project-preview:not(.loading):hover{box-shadow:.6em .6em var(--color-andy-yellow);transform:translate(-.6em,-.6em)}.project-preview.is-playing:hover{border-radius:6em}}.contact-small{flex-direction:column;align-items:center;font-weight:500;display:flex}.contact-small .links{flex-direction:row;align-items:center;column-gap:8px;display:flex}.contact-small .links .icon{width:28px}.contact-small .links a{border-radius:var(--radius-ios-pill);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}footer{text-align:center;flex-direction:column;align-items:center;row-gap:16px;margin-top:32px;margin-bottom:16px;display:flex}footer span.copy{color:var(--color-gray3);font-size:14px;display:flex}footer span.copy:hover{cursor:default;color:var(--color-gray2)}@media (width>=961px){.home{flex-direction:column;align-items:center;display:flex}}@media (width>=320px){.about-us{flex-direction:column;row-gap:1.5em;max-width:100%;display:flex}.about-us .images{flex-direction:column;justify-content:center;row-gap:.5em;margin:0 2rem;display:flex}.about-us .images img{border-radius:1.5rem}.about-us .description{white-space:pre-line;margin:1em 2em 3em}.about-us .description h2{color:var(--color-gray1)}}@media (width>=641px){.about-us{align-items:center}.about-us .images{flex-direction:row;column-gap:.5em;display:flex}.about-us .images img{width:50%}.about-us .description{max-width:60ch;margin:1em 3em 3em}}@media (width>=320px){.contact{flex-direction:column;align-items:center;row-gap:2em;margin:2em 2em 0;display:flex}#contact-form{background-color:var(--color-white);width:100%;max-width:60ch;box-shadow:.6em .6em var(--color-andy-yellow);border-radius:1em;padding:1em}#contact-form .user-alert{justify-content:center;align-items:center;column-gap:1em;display:flex}#contact-form .user-alert button{color:var(--color-orange);border-color:var(--color-yellow2)}#contact-form .user-alert a{text-wrap-mode:nowrap;color:var(--color-orange);text-decoration:underline}#contact-form form{flex-direction:column;align-items:start;row-gap:1em;display:flex}#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);letter-spacing:1px;align-self:center;padding:.5em 1em;font-size:1.3em;line-height:1.5}#contact-form form .field{flex-direction:column;width:100%;display:flex}#contact-form form .field label{margin-bottom:8px;margin-left:8px}#contact-form form .field input,#contact-form form .field textarea{color:var(--colo-gray1);background-color:var(--color-gray7);resize:vertical;border:none;border-radius:8px;padding:.8em;font-family:inherit;font-size:1rem}#contact-form form .field input:focus,#contact-form form .field textarea:focus{background-color:var(--color-white);border:1px solid var(--color-gray5);outline:none;margin:-1px}:is(#contact-form form .field input:user-invalid,#contact-form form .field textarea:user-invalid){border-color:var(--color-red)}.hidden{display:none!important}.layout{flex-direction:column;display:flex}}@media (width>=481px){.layout{margin-left:2em;margin-right:2em}}@media (width>=961px){.layout{align-items:center;margin-top:144px}.layout .outlet{width:100%;max-width:90ch}}@media (width>=1025px){.layout .outlet{max-width:140ch}}@media (width>=320px){nav{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:relative}nav button{border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}nav button svg{width:32px}nav .nav-menu-button{margin-right:16px;display:flex;position:absolute;right:0}nav .nav-logo #logo{border-radius:var(--radius-ios-md);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAtAQMAAAAUQe44AAAAA1BMVEX5v1L7V/cqAAAADklEQVQoz2MYBaOAGgAAAkkAAQmr4rUAAAAASUVORK5CYII=);width:128px;margin:28px 0;padding:18px;transition:all .5s}nav .nav-links{z-index:2;background-color:var(--color-gray6);border-top-left-radius:var(--radius-ios-lg);border-bottom-left-radius:var(--radius-ios-lg);flex-direction:column;align-items:flex-start;row-gap:32px;height:100vh;padding:2em;transition:all .2s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}nav .nav-links a{color:var(--color-gray3);text-transform:uppercase;align-items:center;min-height:44px;margin:0 16px;font-size:15px;font-weight:600;display:flex}nav .nav-links a.active{cursor:default}nav .nav-links.active{transform:translate(0)}nav .nav-links-overlay{z-index:1;pointer-events:none;background-color:#0000;transition:background-color .3s ease-in-out;display:block;position:fixed;inset:0}nav .nav-links-overlay.active{pointer-events:all;background-color:#00000080}}@media (width>=961px){nav{z-index:1;background-color:var(--color-gray6);height:128px;position:fixed;top:0}nav .nav-menu-button{display:none}nav .nav-logo{position:absolute}nav .nav-links{flex-direction:row;column-gap:1.5em;height:fit-content;margin-left:512px;padding:0;position:relative;transform:none}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 (width>=320px){.client{flex-direction:column;align-items:center;display:flex}.client h1{text-align:center;margin:0 2em}.project-detail{flex-direction:column;align-items:center;row-gap:1em;width:100%;max-width:90ch;margin:1em 0 3em;display:flex}.project-detail .video.full-width{width:100%}.project-detail .video.full-width>div>div{padding-top:56.25%!important}.project-detail .description h2{color:var(--color-gray1)}.project-detail .description{white-space:pre-line;align-self:stretch;margin:0 2em}}hr{border-top:1px solid var(--color-andy-yellow);width:6em;margin:0 auto}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black:#171717;--color-gray1:#202020;--color-gray2:#424242;--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:#ffffff08;--color-tr2:#ffffff0e;--radius-ios-sm:14px;--radius-ios-md:20px;--radius-ios-lg:28px;--radius-ios-xl:36px;--radius-ios-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-gray1);background-color:var(--color-gray6);scrollbar-gutter:stable;font-family:Noto Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;display:flex}h1{font-size:3.4rem;font-weight:400;line-height:1}h2{font-size:2.3rem;line-height:1}h3,h4{font-size:1.7rem;line-height:1}p{font-size:1rem}button{border:1px solid var(--color-gray5);color:var(--color-gray5);border-radius:var(--radius-ios-pill);cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5}*{margin:0;padding:0}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-style:normal;font-weight:400}.playfair-display-regular{font-optical-sizing:auto;color:var(--color-gray2);font-family:Playfair Display,serif;font-style:normal;font-weight:400}.noto-sans-400{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Noto Sans,sans-serif;font-style:normal;font-weight:400}