@import"https://fonts.googleapis.com/css2?family=Overpass:wght@100&display=swap";.AppHeader[data-v-8073d3ac]{width:90%;z-index:99;padding:20px 0;position:fixed;top:30px;filter:drop-shadow(0px 0px 100px rgba(255,255,255,.295));margin:0 5%}.ap-left[data-v-8073d3ac]{float:left}.ap-right[data-v-8073d3ac]{float:right}.ap-burger[data-v-8073d3ac],.ap-burger-menu[data-v-8073d3ac]{display:none}a[data-v-8073d3ac]{display:inline-block;cursor:pointer;transition:.3s color ease;text-align:center;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,.6),0px 0px 5px rgba(0,0,0,.6);margin:0 15px;font-size:1.5vw}a[data-v-8073d3ac]:first-child{margin-left:0}a[data-v-8073d3ac]:last-child{margin-right:0}a[data-v-8073d3ac]:hover{color:#a0a0a0}@media (width <= 900px){.AppHeader[data-v-8073d3ac]{top:4px}a[data-v-8073d3ac]{font-size:28px;margin:0 0 40px!important}.ap-right[data-v-8073d3ac]{display:none}.ap-burger[data-v-8073d3ac]{display:block;float:right;position:absolute;right:0;z-index:99}.ap-burger-menu[data-v-8073d3ac]{display:block;width:100vw;height:100vh;position:absolute;z-index:2;left:-20px;top:-5px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000000e6}.bar1[data-v-8073d3ac],.bar2[data-v-8073d3ac],.bar3[data-v-8073d3ac]{width:35px;height:4px;background-color:#fff;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.6)) drop-shadow(0px 0px 5px rgba(0,0,0,.3));margin:6px 0;transition:.4s;border-radius:5px}.change .bar1[data-v-8073d3ac]{transform:translateY(10px) rotate(-45deg)}.change .bar2[data-v-8073d3ac]{opacity:0}.change .bar3[data-v-8073d3ac]{transform:translateY(-10px) rotate(45deg)}}.AppFooter[data-v-97c3a7d1]{width:calc(100% - 40px);background:#B2B2B2;text-align:center;color:#fff;padding:20px}.af-socials[data-v-97c3a7d1]{margin-bottom:10px}img[data-v-97c3a7d1]{width:30px;height:30px;object-fit:contain;filter:brightness(0%) invert(1);margin:0 12px;cursor:pointer;transition:.3s filter ease}img[data-v-97c3a7d1]:hover{filter:brightness(0%) invert(.9)}.af-imprint[data-v-97c3a7d1]{display:flex;justify-content:center}p[data-v-97c3a7d1],.af-imprint a[data-v-97c3a7d1]{display:inline-block;margin:auto 4px;font-size:16px}.af-link[data-v-97c3a7d1]{cursor:pointer;transition:.3s color ease}.af-link[data-v-97c3a7d1]:hover{color:#d3d3d3}@media (width <= 900px){p[data-v-97c3a7d1],.af-imprint a[data-v-97c3a7d1]{font-size:13px}}html{scroll-behavior:smooth}body{font-family:Overpass,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;margin:0}.Page{margin-top:200px;padding-bottom:100px;min-height:calc(100vh - 380px)}h1{text-align:center;color:#fff;font-size:5vw;text-shadow:0px 0px 5px rgba(0,0,0,.6);margin:0 0 50px}a{text-decoration:none;color:#fff}.fade-enter-active{animation:coming .4s;animation-delay:.2s;opacity:0}.fade-leave-active{animation:going .4s}@keyframes going{0%{transform:translate(0)}to{transform:translate(-10px);opacity:0}}@keyframes coming{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.fade2-enter-active,.fade2-leave-active{transition:opacity .5s ease}.fade2-enter-from,.fade2-leave-to{opacity:0}@media (width <= 1200px){h1{font-size:100px}}@media (width <= 900px){.Page{margin-top:130px;padding-bottom:30px}h1{font-size:50px;margin-bottom:20px}}.spf-video[data-v-92db2b56]{width:100%;height:100%;object-fit:cover;margin:auto auto 100px;position:relative}.spf-title[data-v-92db2b56]{position:absolute;pointer-events:none;font-size:50px;color:#fff;top:30%;width:100%;text-align:center;text-shadow:0px 0px 5px rgba(0,0,0,.6);z-index:3;font-weight:700}.spf-video-button[data-v-92db2b56]{position:absolute;cursor:pointer;transition:.3s transform ease;z-index:3;width:100px;height:100px;left:calc(50% - 50px);top:calc(50% - 50px);filter:drop-shadow(0px 0px 5px rgba(0,0,0,.2))}.spf-video-background:hover+.spf-video-button[data-v-92db2b56],.spf-video-button[data-v-92db2b56]:hover{transform:scale(1.2)}.spf-video-background[data-v-92db2b56]{z-index:2;position:absolute;width:100%;height:calc(100% - 5px);background:rgba(0,0,0,.5);cursor:pointer}.spf-video video[data-v-92db2b56]{width:100%;height:100%;object-fit:cover;cursor:pointer}@media (width <= 900px){.spf-title[data-v-92db2b56]{display:none}}.dropdown[data-v-9cc490b0]{display:inline-block;text-align:center;position:sticky;top:43px;z-index:99;left:calc(50% - 90px)}.dropdown span[data-v-9cc490b0]{cursor:pointer;display:inline-block;padding:10px 30px;border:1px solid white;margin-bottom:20px;transition:.2s background ease,.2s color ease;width:100px;font-size:20px;filter:drop-shadow(0px 0px 5px black);background-color:#ffffff4d;color:#fff}.dropdown span[data-v-9cc490b0]:hover{background:black;color:#fff}.dropdown-content[data-v-9cc490b0]{top:50px;display:none;position:absolute;background-color:#f9f9f9;width:200px;box-shadow:0 8px 16px #0003;z-index:1;padding:5px;left:-27px}.pl-filter-selected[data-v-9cc490b0]{background:black;color:#fff}.dropdown:hover .dropdown-content[data-v-9cc490b0]{display:block}.dropdown-content p[data-v-9cc490b0]{padding:12px 16px;cursor:pointer;transition:.2s background ease,.2s color ease;margin:0 0 5px}.dropdown-content p[data-v-9cc490b0]:hover{background:black;color:#fff}.pl-element[data-v-9cc490b0]{display:flex;align-content:center;position:relative;margin:auto;padding-bottom:50px;padding-top:50px;cursor:pointer;will-change:transform,filter;justify-content:center;width:90%;height:70vh}.pl-element[data-v-9cc490b0]:first-of-type{padding-top:0}.pl-element *[data-v-9cc490b0]{pointer-events:none}.pl-video[data-v-9cc490b0]{width:100%;height:100%;object-fit:cover;box-shadow:0 0 10px #0003;transition:filter 1s cubic-bezier(.54,.08,.01,.95),width 1s cubic-bezier(.54,.08,.01,.95),height 1s cubic-bezier(.54,.08,.01,.95)}.pl-overlay[data-v-9cc490b0]{position:absolute;left:-20px;top:100px;background:rgba(255,255,255,1);font-weight:700;padding:2rem 5rem 2rem 2rem;display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(22px 0px 10px rgba(0,0,0,.1))}.pl-overlay-title[data-v-9cc490b0]{color:#000;font-size:36px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.4))}.pl-overlay-category[data-v-9cc490b0]{color:#494949;font-size:22px;margin-left:30px;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.2))}@media (width <= 900px){.ProjectList[data-v-9cc490b0]{margin-bottom:0;margin-top:0}.pl-element-active[data-v-9cc490b0]{height:500px}.pl-overlay[data-v-9cc490b0]{width:85%;padding:20px 0 20px 30px;top:60px}.pl-element[data-v-9cc490b0]{padding-bottom:40px;padding-top:40px;height:50vh}.pl-overlay-title[data-v-9cc490b0]{font-size:24px}.pl-overlay-category[data-v-9cc490b0]{font-size:18px;margin-left:5px}.dropdown[data-v-9cc490b0]{z-index:1;top:70px;left:calc(50% - 80px)}}.Home[data-v-475f3f96]{margin-top:0}.ho-header[data-v-475f3f96]{height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;box-shadow:inset 0 0 1000px #00000080;margin-bottom:100px}.ho-header video[data-v-475f3f96]{margin-left:-1%;width:101%;height:101%;object-fit:cover;filter:blur(3px);z-index:-1;user-select:none;opacity:.8}.ho-container[data-v-475f3f96]{position:absolute;top:45%;width:100%}.ho-subheader[data-v-475f3f96]{font-size:2vw}.ho-header h1[data-v-475f3f96]{margin-bottom:0}.ho-reel[data-v-475f3f96]{width:90%;display:block;margin:auto}.appearFade-enter-active[data-v-475f3f96],.appearFade-leave-active[data-v-475f3f96]{transition:1s opacity .2s ease}.appearFade-enter-from[data-v-475f3f96],.appearFade-leave-to[data-v-475f3f96]{opacity:0}.inactive-blocker[data-v-475f3f96]{position:absolute;z-index:99;top:0;left:0;height:100%;width:100%;background-color:#fff}.spinner[data-v-475f3f96]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:50%;background-color:#6366f1}.spinner *[data-v-475f3f96]{pointer-events:none}.spinner[data-v-475f3f96]:before{content:"";position:absolute;top:50%;left:50%;height:100%;width:100%;max-height:50px;max-width:50px;border-radius:50%;border:2px solid #000000;border-top:2px solid #ffffff;background-color:none;animation:spin-475f3f96 2s linear infinite}@keyframes spin-475f3f96{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.spinner[data-v-475f3f96]:hover{background-color:#6366f1}@media (width <= 900px){.ho-header[data-v-475f3f96]{margin-bottom:50px}.ho-subheader[data-v-475f3f96]{font-size:24px}.ho-video[data-v-475f3f96]{height:50vh;margin-bottom:50px}}