@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/font-files//InterVariable.woff2?v=4.0) format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/font-files//InterVariable-Italic.woff2?v=4.0) format("woff2")}@font-face{font-family:Inter var;font-style:normal;font-weight:100 900;font-display:swap;src:url(/font-files//InterVariable.woff2?v=4.0) format("woff2")}@font-face{font-family:Inter var;font-style:italic;font-weight:100 900;font-display:swap;src:url(/font-files//InterVariable-Italic.woff2?v=4.0) format("woff2")}html,body,#root{--section-max-width: 2560px;background-color:#fff;max-width:var(--section-max-width);margin:0 auto;font-family:InterVariable;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html ::selection,body ::selection,#root ::selection{background:#000;color:#fff}.main{min-height:calc(100vh - 7rem)}.navbar{position:fixed;width:100%;max-width:var(--section-max-width);height:7rem;top:0;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(180deg,#fff,#fff0)}.navbar .logo{position:absolute;height:3rem;width:3rem;top:50%;left:2rem;transform:translateY(-50%)}.navbar .logo img{width:100%;height:100%}.navbar .name{position:absolute;height:3.5rem;width:auto;top:50%;left:5.5rem;font-family:InterVariable;font-size:3rem;font-weight:900;transform:translateY(-50%)}@media (max-width: 640px){.navbar .name{font-size:2rem;height:2rem}}@media (max-width: 480px){.navbar .name{font-size:1rem;height:1rem}}@media (max-width: 420px){.navbar .name{display:none}}.navbar .tooltip{background-color:#000;color:#fff;font-family:InterVariable;font-size:16px;font-weight:300;border-radius:1rem;transform:translate(-.5rem);-webkit-user-select:none;user-select:none;-webkit-box-shadow:0px 0px 60px 20px rgba(255,255,255,.9);-moz-box-shadow:0px 0px 60px 20px rgba(255,255,255,.9);box-shadow:0 0 60px 20px #ffffffe6}.navbar .contact-btn{position:absolute;width:6rem;height:3rem;top:2rem;right:6rem;padding:0 1rem;display:flex;text-align:center;justify-content:center;align-items:center;background-color:#fff;border:solid 2px black;color:#000;border-radius:3rem;transition:all .5s;-webkit-user-select:none;user-select:none}.navbar .contact-btn:hover{background-color:#000;color:#fff;cursor:pointer}.navbar .nav-btn{position:absolute;width:3rem;height:3rem;top:2rem;right:2rem;background-color:#fff;border:solid 2px black;color:#000;border-radius:3rem;transition:all .5s cubic-bezier(.47,1.64,.41,.8);-webkit-user-select:none;user-select:none}.navbar .nav-btn .container{display:grid;grid-template-columns:1fr;grid-template-rows:3rem;grid-gap:0rem;margin:0rem}.navbar .nav-btn .container .main-icon-bg{position:relative;width:3rem;height:3rem;margin:auto;border-radius:100%;transition:all .5s}.navbar .nav-btn .container .main-icon-bg:hover{background-color:#000;color:#fff;cursor:pointer}.navbar .nav-btn .container .main-icon-bg .main-icon{position:absolute;width:30%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;transition:all .2s}.navbar .nav-btn .container .icon-bg{position:relative;width:3rem;height:3rem;margin:auto;border-radius:100%;background-color:#fff;transition:all .2s}.navbar .nav-btn .container .icon-bg:hover{cursor:pointer}.navbar .nav-btn .container .icon-bg:hover .icon{width:60%}.navbar .nav-btn .container .icon-bg .icon{position:absolute;width:50%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s}.footer{display:block;margin:auto;margin-top:2rem;width:100%;max-width:var(--section-max-width);height:auto;color:#aaa;font-weight:900;font-size:2rem}.footer .bottom-line{display:grid;grid-template-columns:repeat(2,1fr);margin:1rem;border-radius:2rem;background-color:#eee;padding:1rem;height:2rem;font-weight:450;font-size:1rem}.footer .bottom-line .copyright{padding:.5rem;text-align:left}.footer .bottom-line .privacy{padding:.5rem;text-align:right}.footer .bottom-line .privacy a{transition:all .2s ease-in-out;text-decoration:underline rgba(0,0,0,0)}.footer .bottom-line .privacy a:hover{cursor:pointer;text-decoration:underline}@media (max-width: 420px){.footer .bottom-line{font-size:.75rem}}section{text-align:center;font-size:20px;height:auto;max-width:var(--section-max-width)}.home .container{display:grid;grid-template-columns:33% 67%;grid-auto-rows:100vh}.home .container .chevron{position:absolute;width:3rem;height:3rem;bottom:1rem;left:50%;transform:translate(-50%);transition:all .5s}.home .container .chevron .icon{width:1.5rem;height:auto;margin:1rem auto;transition:all .5s;color:#bbb}.home .container .ch-on{opacity:1}.home .container .ch-on:hover{cursor:pointer}.home .container .ch-on:hover .icon{color:#000}.home .container .ch-off{opacity:0}.home .container .left-side{background-color:#fff}.home .container .left-side .title{display:flex;align-items:center;justify-content:center;text-align:left;height:100%;padding-left:6rem;-webkit-user-select:none;user-select:none}.home .container .left-side .title h1{width:100%;font-size:72px;font-weight:700;margin:0}.home .container .left-side .title h2{width:100%;font-size:48px;font-weight:300;margin:0}.home .container .left-side .title h3{width:100%;font-size:16px;font-weight:300;margin-top:.5rem}.home .container .right-side{background-color:#fff}.projects{padding-top:6rem}.projects .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));grid-gap:2rem;margin:2rem}.video-card{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:2rem;transition:all .2s ease-out}.video-card video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;transition:all .2s ease-out;scale:1.01}.video-card .loading-anim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eee;z-index:0;transition:all .2s}.video-card .loading-anim .icon{width:10%;height:auto;position:absolute;left:45%;top:45%;color:#000}.video-card .overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,#0009,#000000e6);opacity:0;z-index:2;transition:all .2s ease-out;text-align:left;overflow:hidden}.video-card .overlay .title{margin:0;position:absolute;left:2rem;top:2rem;right:2rem;color:#fff;font-size:2rem;font-weight:900;-webkit-user-select:none;user-select:none}.video-card .overlay .title .description{margin-top:1rem;color:#fff;font-style:italic;font-weight:450;font-size:1rem}.video-card .overlay .link{position:absolute;right:1.5rem;bottom:1.5rem;border:white solid 2px;color:#fff;border-radius:2rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:300;transition:all .5s;-webkit-user-select:none;user-select:none}.video-card .overlay .link:hover{background-color:#fff;color:#000;cursor:pointer}@media (pointer: coarse){.video-card .overlay .link{bottom:-3rem;opacity:0;transition-delay:.5s}}.video-card .overlay .msg{position:absolute;right:2rem;bottom:2rem;color:#fff;font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none}.video-card:hover{box-shadow:.66rem .66rem #ff0,1.33rem 1.33rem #f0f,2rem 2rem #0ff;transform:translate(-1rem,-1rem)}.video-card:hover .overlay{opacity:1;height:100%}.video-card:hover .overlay .link{bottom:1.5rem;opacity:1}.privacy-policy{margin:2rem auto;border-radius:2rem;background-color:#eee;padding:2rem;text-align:left;max-width:30rem}.privacy-policy h1{margin-top:0;margin-bottom:1rem;max-width:30rem;font-weight:900;font-size:4rem}.privacy-policy h2{margin-bottom:0;max-width:30rem;font-weight:900;font-size:2rem}.privacy-policy p{margin-top:0rem;max-width:30rem;font-weight:450;font-size:1.2rem;line-height:1.6rem}.not-found{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2rem;background-color:#eee;padding:2rem;max-width:25rem;text-align:center}.not-found h1{margin-top:0;margin-bottom:1rem;max-width:30rem;font-weight:900;font-size:4rem}.not-found h2{margin-bottom:0;max-width:30rem;font-weight:900;font-size:2rem}.not-found p{margin-top:1rem;max-width:30rem;font-weight:450;font-size:1.2rem;line-height:1.6rem}.not-found .btn{display:flex;justify-content:center;margin:auto;align-items:center;transition:all .5s;border:solid 2px black;border-radius:3rem;background-color:#fff;padding:0 1rem;width:6rem;height:3rem;color:#000;text-align:center}.not-found .btn:hover{cursor:pointer;background-color:#000;color:#fff}