:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;scroll-behavior:smooth;overflow:hidden}html,body{overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0;padding:0;text-align:center;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html:has(.Background.visible){overflow:hidden}@font-face{font-family:My Font;src:url(/assets/SpotifyMix-Bold-BZq8LAq8.ttf) format("truetype")}@font-face{font-family:Medium Font;src:url(/assets/SpotifyMix-Regular-Bz5ub8B2.ttf) format("truetype")}@font-face{font-family:Bold Font;src:url(/assets/SpotifyMix-Black-q3BXDRf2.ttf) format("truetype")}.Hero{height:100vh;width:100vw;overflow:hidden;z-index:99}.Hero .hero-title-wrapper{font-size:8rem;text-transform:lowercase;text-shadow:5px 5px 20px rgba(0,0,0,.5);z-index:102;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:My Font;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.Hero .hero-title-wrapper .hero-title{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center}.Hero .hero-title-wrapper .space{font-size:3.5rem;color:#fff;margin:0;transition:color .3s ease-in-out}.Hero .hero-title-wrapper .key{font-size:3.5rem;color:#fff;transition:color .3s ease-in-out;margin:5px}.Hero .hero-title-wrapper .hero-star{width:2rem;height:2rem;fill:#fff;transition:fill .3s ease-in-out}.Hero .hero-title-wrapper:hover{cursor:pointer}.Hero .hero-title-wrapper:hover .space,.Hero .hero-title-wrapper:hover .key{color:#ccc}.Hero .hero-title-wrapper:hover .hero-star{fill:#ccc}.Hero .hero-title-wrapper .hero-buttons{padding-top:20px;display:flex;gap:25px;flex-direction:row;width:340px;align-items:center;justify-content:center}.Hero .hero-title-wrapper .hero-buttons .hero-button{width:50px;height:50px;position:relative;transition:background-color .3s ease-in-out;border-radius:25%;corner-shape:squircle}.Hero .hero-title-wrapper .hero-buttons .hero-button svg{--padding: 10px;position:absolute;top:var(--padding);left:var(--padding);width:calc(100% - var(--padding) * 2);height:calc(100% - var(--padding) * 2);fill:#fff;transition:fill .3s ease-in-out}.Hero .hero-title-wrapper .hero-buttons .hero-button:hover{background-color:#fff}.Hero .hero-title-wrapper .hero-buttons .hero-button:hover svg{fill:#000}.Hero .hero-media-wrapper{position:absolute;inset:0;z-index:100;opacity:.5;overflow:hidden;pointer-events:none}.Hero .hero-media-wrapper .hero-video{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 90%,#0000);mask-image:linear-gradient(to bottom,#000 90%,#0000)}@media(max-width:768px){.Hero .hero-title-wrapper{left:50%;transform:translate(-50%,-50%)}.Hero .hero-title-wrapper .space,.Hero .hero-title-wrapper .key{font-size:1rem}.Hero .hero-title-wrapper .hero-star{width:1rem;height:1rem}.Hero .hero-title-wrapper .hero-buttons{width:200px;gap:5px}.Hero .hero-title-wrapper .hero-button{width:40px}.Hero .hero-title-wrapper .hero-button svg{--padding: 5px}}.hero-logo-wrapper{position:fixed;left:15px;right:15px;top:15px;z-index:1000;display:flex;align-items:center;justify-content:center;gap:25px}.hero-logo-wrapper .hero-logo{width:30px;height:30px;fill:#fff;transition:fill .3s ease-in-out,background-color .3s ease-in-out;border-radius:25%;corner-shape:squircle;padding:5px}.hero-logo-wrapper .hero-logo:hover{cursor:pointer;background-color:#fff;fill:#000}.hero-logo-wrapper .hero-logo-text{padding-left:10px;font-size:2rem;vertical-align:middle;opacity:0;color:#fff;margin:0;font-family:My Font;flex-grow:1;text-align:left}.hero-logo-wrapper .hero-logo-text.visible{opacity:1}.hero-logo-wrapper .hero-logo-text:hover{cursor:pointer;color:#ccc}@media(max-width:768px){.hero-logo-wrapper .hero-logo-text{font-size:1rem}}@font-face{font-family:Works Font;src:url(/assets/Koulen-Regular-1aI44dQz.ttf) format("truetype")}.Works{width:100vw;z-index:1;position:relative;padding-top:50px;padding-bottom:100px}.Works .works-title-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:50px;padding-left:50px;gap:20px}.Works .works-title-wrapper:hover{cursor:pointer}@media(max-width:768px){.Works .works-title-wrapper{padding-left:0;justify-content:center}}.Works .works-title-wrapper .works-title{font-size:4rem;text-align:left;font-family:Works Font;text-transform:uppercase;margin:0;transition:color .3s ease-in-out}.Works .works-title-wrapper .works-title:hover{color:#ccc}@media(max-width:768px){.Works .works-title-wrapper .works-title{font-size:2rem}}.Works .works-title-wrapper .works-more{height:2rem;width:2rem;aspect-ratio:1/1;fill:#fff;padding:5px;transform:rotate(90deg);border-radius:25%;transition:all .3s ease-in-out}.Works .works-title-wrapper .works-more:hover{background-color:#fff;fill:#000}.Works .works-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;width:100%;justify-content:center}.Works .works-grid.visible .work-card{opacity:1;transform:translateY(0)}.Works .works-grid .work-card{position:relative;width:calc(33.3333333333% - 40px);height:auto;aspect-ratio:16/9;opacity:0;transform:translateY(100px);transition:opacity .5s cubic-bezier(.1,.78,.24,.97),transform .5s cubic-bezier(.1,.78,.24,.97);transition-delay:calc(.25s + var(--index) * .125s);overflow:hidden}@media(max-width:768px){.Works .works-grid .work-card{width:calc(100% - 40px)}}.Works .works-grid .work-card .work-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:filter .3s ease-in-out,transform .3s ease-in-out}.Works .works-grid .work-card .work-text{position:absolute;inset:0;background-color:#00000080;color:#fff;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out;font-family:My Font}.Works .works-grid .work-card .work-text .work-title{font-size:1.5rem;font-weight:700;margin:0}.Works .works-grid .work-card .work-text .work-description{font-size:1rem;margin:0}.Works .works-grid .work-card:hover .work-text{opacity:1}.Works .works-grid .work-card:hover .work-video{filter:blur(10px);transform:scale(1.2)}.Interested{width:100vw;height:90vh;position:relative;font-family:My Font}.Interested .contact-video-wrapper{position:absolute;inset:0;opacity:.25}.Interested .contact-video-wrapper .contact-video{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to top,#000 90%,#0000);mask-image:linear-gradient(to top,#000 90%,#0000)}.Interested .contact-content{position:absolute;top:50%;left:50px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.Interested .contact-content .contact-title{font-size:4rem;font-weight:700;margin:0}.Interested .contact-content .contact-description{font-size:1.5rem;margin:0;width:50%;text-wrap:balance}@media(max-width:768px){.Interested .contact-content{top:35%;left:0;text-align:center;align-items:center}.Interested .contact-content .contact-title{font-size:2.5rem}.Interested .contact-content .contact-description{font-size:1rem;width:80%}}.Interested .contact-buttons{position:absolute;left:65%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;gap:20px;width:300px}@media(max-width:768px){.Interested .contact-buttons{left:50%;top:65%;transform:translate(-50%,-50%)}}.Interested .contact-buttons .contact-button{height:2rem;font-size:2rem;margin:0;cursor:pointer;background-color:#ffffff1a;padding:10px;border-radius:25px;corner-shape:squircle;transition:background-color .3s ease-in-out,color .3s ease-in-out}.Interested .contact-buttons .contact-button:hover{background-color:#fff;color:#000}.Interested .contact-buttons .contact-button:hover svg{fill:#000}.Interested .contact-buttons .contact-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.Interested .contact-buttons .contact-button svg{width:25px;height:25px;fill:#fff;transition:fill .3s ease-in-out}.Interested .contact-buttons .contact-button .contact-button-text{font-size:2rem;margin:0}@media(max-width:768px){.Interested .contact-buttons .contact-button,.Interested .contact-buttons .contact-button .contact-button-text{font-size:1.5rem}}.Interested .contact-footer{position:absolute;bottom:10px;left:25px;right:25px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem}.Interested .contact-footer .contact-footer-copyright,.Interested .contact-footer .contact-footer-made-by{margin:0}@media(max-width:768px){.Interested .contact-footer{flex-direction:column;align-items:center;justify-content:center;gap:10px}}.AboutMe{position:fixed;top:0;width:100vw;height:100vh;opacity:0;z-index:300;pointer-events:none;transition:opacity .5s cubic-bezier(.1,.78,.24,.97)}.AboutMe.visible{pointer-events:all;opacity:1}.AboutMe .about-me-inner{height:100%;overflow-y:auto}.AboutMe .about-me-logo{margin-top:50px;width:200px;height:200px;object-fit:contain;border-radius:50%}.AboutMe .about-me-text-title-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:50px}.AboutMe .about-me-text-title-wrapper .about-me-text-title{font-size:2rem;margin:0;padding:0;text-align:center}.AboutMe .about-me-text-title-wrapper .about-me-text-title-star{width:2rem;height:2rem;fill:#fff;transition:fill .3s ease-in-out}.AboutMe .about-me-title{font-family:Bold Font;text-transform:lowercase;font-size:4rem;margin:0;padding:50px 0 0;text-align:center}@media(max-width:768px){.AboutMe .about-me-title{padding-top:75px;font-size:3rem}}.AboutMe .about-me-text-wrapper{font-family:My Font;font-size:1.5rem;padding:0;text-align:left;width:50%;margin:0 auto}.AboutMe .about-me-text-wrapper b{font-family:Bold Font}@media(max-width:768px){.AboutMe .about-me-text-wrapper{width:75%;margin:0 auto;padding-top:10px;font-size:1rem}}.AboutMe .about-me-text-wrapper .about-me-text{margin:0;padding:40px 20px 20px;text-align:center}.AboutMe .about-me-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:75%;margin-left:auto;margin-right:auto;margin-top:25px}.AboutMe .about-me-buttons .about-me-social-button{width:calc(50% - 20px);height:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;font-size:.5rem;padding:10px;border:1px solid white;border-radius:100px;corner-shape:squircle;transition:background-color .3s ease-in-out;color:#fff}.AboutMe .about-me-buttons .about-me-social-button:hover{cursor:pointer;background-color:#fff;color:#141414}.AboutMe .about-me-buttons .about-me-social-button:hover svg{fill:#141414}.AboutMe .about-me-buttons .about-me-social-button svg{width:2rem;height:2rem;fill:#fff;aspect-ratio:1/1;transition:fill .3s ease-in-out}@media(max-width:768px){.AboutMe .about-me-buttons{flex-direction:column;gap:10px;width:100%;margin-top:10px}.AboutMe .about-me-buttons .about-me-social-button{width:100%}}.Contact{position:fixed;top:0;width:100vw;height:100vh;opacity:0;z-index:300;pointer-events:none;transition:opacity .5s cubic-bezier(.1,.78,.24,.97)}.Contact.visible{pointer-events:all;opacity:1}.Contact .contact-inner{height:100%;overflow-y:auto}.Contact .contact-title{font-family:Bold Font;text-transform:lowercase;font-size:4rem;margin:0;padding:50px 0 0;text-align:center}@media(max-width:768px){.Contact .contact-title{padding-top:75px;font-size:3rem}}.Contact .contact-logo-wrapper{width:150px;height:150px;margin-left:auto;margin-right:auto;margin-top:25px;padding:10px}.Contact .contact-logo-wrapper .contact-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;background-color:#fff}@media(max-width:768px){.Contact .contact-logo-wrapper{margin-top:10px}}.Contact .contact-text-wrapper{text-align:center}.Contact .contact-text-wrapper .contact-name{font-size:2rem;font-weight:700;margin:0;font-family:My Font;text-transform:lowercase}.Contact .contact-text-wrapper .contact-description{font-size:1rem;margin:0;font-family:My Font}.Contact .contact-buttons{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;width:30%;margin-left:auto;margin-right:auto;margin-top:50px}@media(max-width:768px){.Contact .contact-buttons{width:75%}}.Contact .contact-buttons .contact-button{padding-left:10px;padding-right:10px;height:4rem;font-size:.4rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:10px;text-decoration:none;color:#fff;border-radius:100px;corner-shape:squircle;border:1px solid white;transition:background-color .3s ease-in-out,color .3s ease-in-out}@media(max-width:768px){.Contact .contact-buttons .contact-button{font-size:.25rem}}.Contact .contact-buttons .contact-button svg{fill:#fff;width:40px;height:40px;transition:fill .3s ease-in-out}.Contact .contact-buttons .contact-button .contact-button-text{width:75%;font-family:Medium Font;font-weight:100}.Contact .contact-buttons .contact-button:hover{background-color:#fff;color:#000}.Contact .contact-buttons .contact-button:hover svg{fill:#000}.Background{position:fixed;top:0;width:100vw;height:100vh;background-color:#141414;z-index:200;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.1,.78,.24,.97)}.Background.visible{pointer-events:all;opacity:1}.AllWorks{position:fixed;top:0;width:100vw;height:100vh;opacity:0;z-index:400;pointer-events:none;transition:opacity .5s cubic-bezier(.1,.78,.24,.97)}.AllWorks .all-works-inner{height:100%;overflow-y:scroll}.AllWorks.visible{pointer-events:all;opacity:1}.AllWorks .all-works-title{font-family:Works Font;text-transform:lowercase;font-size:3rem;margin:0;padding:100px 0 0 40px;text-align:left}@media(max-width:768px){.AllWorks .all-works-title{padding-top:75px;font-size:3rem;text-align:center;padding-left:0}}.AllWorks .all-works-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;width:100%;justify-content:center;margin-bottom:50px;margin-top:50px}@media(max-width:768px){.AllWorks .all-works-grid{margin-top:25px;margin-bottom:100px}}.AllWorks .all-works-grid.visible .work-card{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.1,.78,.24,.97),transform .5s cubic-bezier(.1,.78,.24,.97);transition-delay:calc(.25s + var(--index) * .125s)}.AllWorks .all-works-grid .work-card{position:relative;width:calc(33.3333333333% - 40px);height:auto;aspect-ratio:16/9;opacity:0;transform:translateY(100px);overflow:hidden}@media(max-width:768px){.AllWorks .all-works-grid .work-card{width:calc(100% - 40px)}}.AllWorks .all-works-grid .work-card .work-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:filter .3s ease-in-out,transform .3s ease-in-out}.AllWorks .all-works-grid .work-card .work-text{position:absolute;inset:0;background-color:#00000080;color:#fff;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out;font-family:My Font}.AllWorks .all-works-grid .work-card .work-text .work-title{font-size:1.5rem;font-weight:700;margin:0}.AllWorks .all-works-grid .work-card .work-text .work-description{font-size:1rem;margin:0}.AllWorks .all-works-grid .work-card:hover .work-text{opacity:1}.AllWorks .all-works-grid .work-card:hover .work-video{filter:blur(10px);transform:scale(1.2)}.Terms{position:fixed;top:0;width:100vw;min-height:100vh;opacity:0;z-index:400;pointer-events:none;transition:opacity .5s cubic-bezier(.1,.78,.24,.97)}.Terms.visible{pointer-events:all;opacity:1}.Terms .terms-title{font-family:Bold Font;text-transform:lowercase;font-size:5rem;margin:0;padding:50px 0 0;text-align:center}@media(max-width:768px){.Terms .terms-title{padding-top:75px}}