: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}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#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:70%;left:50%;transform:translate(-50%);width:100%}.Hero .hero-title-wrapper .hero-title{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center}.Hero .hero-title-wrapper .hero-subtitle{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;padding-top:20px}.Hero .hero-title-wrapper .title{font-size:3.5rem;color:#fff;margin:0;transition:color .3s ease-in-out}.Hero .hero-title-wrapper .subtitle{font-size:1.5rem;color:#fff;margin:0;transition:color .3s ease-in-out}.Hero .hero-title-wrapper:hover{cursor:pointer}.Hero .hero-title-wrapper:hover .title{color:#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 .title{font-size:1.25rem}.Hero .hero-title-wrapper .subtitle{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:50%;padding:5px}.hero-logo-wrapper .hero-logo:hover{cursor:pointer;background-color:#fff;fill:#000}.hero-logo-wrapper .hero-logo-sections{flex-grow:1;display:flex;flex-direction:row;gap:25px;align-items:center;justify-content:space-around;padding-left:10vw;padding-right:10vw;cursor:pointer}.hero-logo-wrapper .hero-logo-sections .hero-logo-section-text{font-size:1.5rem;color:#fff;margin:0;transition:color .3s ease-in-out,background-color .3s ease-in-out;border-radius:100px;padding:10px 20px}@media(max-width:768px){.hero-logo-wrapper .hero-logo-sections .hero-logo-section-text{font-size:1rem}}.hero-logo-wrapper .hero-logo-sections .hero-logo-section-text.active,.hero-logo-wrapper .hero-logo-sections .hero-logo-section-text:hover{background-color:#fff;color:#000}@media(max-width:768px){.hero-logo-wrapper .hero-logo-sections{padding-left:0;padding-right:0;gap:10px}}@font-face{font-family:Works Font;src:url(../assets/Koulen-Regular.ttf) format("truetype")}.Works{width:100vw;z-index:1;position:relative;padding-top:100px;padding-bottom:100px}.Works .works-title-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:10px;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(50% - 20px);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)}.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:scroll;display:flex;flex-direction:row}@media(max-width:768px){.AboutMe .about-me-inner{flex-direction:column;padding:75px 10px 10px}}.AboutMe .about-me-left-side{padding-top:75px;width:40%;height:80vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:50px}@media(max-width:768px){.AboutMe .about-me-left-side{width:100%}}.AboutMe .about-me-left-side .about-me-title{font-family:Bold Font;text-transform:lowercase;font-size:4rem;margin:0;padding:0;text-align:center}.AboutMe .about-me-left-side .about-me-logo{width:200px;height:200px;object-fit:contain;border-radius:50%}.AboutMe .about-me-left-side .about-me-text-title,.AboutMe .about-me-left-side .about-me-text-description,.AboutMe .about-me-left-side .about-me-text-description-artist{font-size:2rem;margin:0;padding:0;text-align:center}.AboutMe .about-me-text-wrapper{height:80vh;font-family:My Font;font-size:1.75rem;padding:75px 0;text-align:center;width:50%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.AboutMe .about-me-text-wrapper b{font-family:Bold Font}@media(max-width:768px){.AboutMe .about-me-text-wrapper{width:100%;margin:0 auto;padding-top:10px;font-size:1rem}}.AboutMe .about-me-text-wrapper .about-me-text{margin:0;padding: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:100px 0 0;text-align:center}@media(max-width:768px){.Contact .contact-title{padding-top:100px;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:row;justify-content:space-between;align-items:stretch;gap:20px;width:75%;margin-left:auto;margin-right:auto;margin-top:100px}@media(max-width:768px){.Contact .contact-buttons{width:90%}}.Contact .contact-buttons .contact-button{padding:25px;height:4rem;width: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;height:1.5rem;width:1.5rem;padding:10px}}.Contact .contact-buttons .contact-button svg{fill:#fff;width:60px;height:60px;transition:fill .3s ease-in-out}@media(max-width:768px){.Contact .contact-buttons .contact-button svg{width:2rem;height:2rem}}.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}.Contact .contact-footer{text-align:center;font-size:1.5rem;width:75%;margin:100px auto}.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}}