@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--background:#0a192f;--card-background:#112240;--primary-accent:#7c3aed;--secondary-accent:#38bdf3;--highlight-cta:#22c55e;--gradient-accent:#22d3ee;--text-primary:#ccd6f6;--text-secondary:#8892b0;--divider-border:#444}body{background-color:#0a192f;background-color:var(--background);color:#ccd6f6;color:var(--text-primary);font-family:Poppins,sans-serif}*,body{margin:0;padding:0}*{box-sizing:border-box;font-family:Poppins,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background:#0a192f;border-bottom:1px solid var(--divider-border);display:flex;font-size:1rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease-in-out;z-index:999}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a192fd9;box-shadow:0 5px 15px #020c1bb3}.navbar-container{display:flex;height:80px;justify-content:space-between;max-width:100%;padding:0 10%;width:100%;z-index:1}.navbar-logo{color:#f0efea;cursor:pointer;font-size:2rem;font-weight:700;justify-self:start;text-decoration:none}.nav-menu,.navbar-logo{align-items:center;display:flex}.nav-menu{list-style:none;margin-right:-22px;text-align:center}.nav-item{height:80px}.nav-links{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;height:100%;padding:0 .8rem;text-decoration:none}.nav-links:hover{color:var(--primary-accent);transition:color .2s ease-in-out}.nav-content,.social-icons{align-items:center;display:flex}.social-icons{margin-left:24px}.social-icon-link{color:var(--text-secondary);font-size:1.5rem;margin-left:16px;transition:color .2s ease-in-out}.social-icon-link:hover{color:var(--primary-accent)}.menu-icon{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#0a192f;left:0;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:var(--primary-accent);border-radius:0;color:#fff}.navbar-logo{left:24px;position:absolute;top:0;transform:translateY(50%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.fa-times{color:#fff;font-size:2rem}.social-icons{display:none}}.hero-container{align-items:center;box-shadow:inset 0 0 0 1000px #0003;display:flex;flex-direction:column;height:100vh;justify-content:center;object-fit:contain;padding:0 10%;position:relative;text-align:left;width:100%}.hero-container video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.hero-content-grid{align-items:center;display:flex;gap:60px;width:100%}.hero-main-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a192fb3;border:1px solid var(--primary-accent);border-radius:8px;flex:3 1;margin-top:-3rem;padding:1.5rem}.hero-interests{flex:2 1}.hero-container h1{color:var(--text-primary);font-size:60px;font-weight:700}.hero-container p{color:var(--text-secondary);font-size:18px;font-weight:400;margin-top:20px;max-width:800px}.interests-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a192fb3;border:1px solid var(--primary-accent);border-radius:8px;flex:2 1;margin-top:0;padding:24px}.interests-section h2{color:var(--text-primary);font-size:28px;margin-bottom:15px}.interests-section ul{color:var(--text-secondary);list-style-type:none;padding:0}.interests-section li{font-size:18px;margin-bottom:10px}.hero-btns{margin-top:32px}.btn{align-items:center;border-radius:4px;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;margin:0 8px;padding:12px 24px;text-decoration:none;transition:all .3s ease-out}.btn svg{font-size:1.2rem;margin-right:8px}.btn--outline{background-color:initial;border:1px solid var(--primary-accent);color:var(--primary-accent)}.btn--outline:hover{background-color:#7c3aed1a}@media screen and (max-width:1200px){.hero-container h1{font-size:50px}.hero-container p{font-size:16px}.interests-section h2{font-size:24px}.interests-section li{font-size:16px}}@media screen and (max-width:960px){.hero-content-grid{align-items:flex-start;flex-direction:column;gap:30px}.hero-container{align-items:flex-start;padding-bottom:60px;padding-top:60px}.hero-main-content{padding:1.5rem}}@media screen and (max-width:768px){.hero-container{height:auto;justify-content:flex-start;padding-bottom:40px;padding-top:40px}.hero-container h1{font-size:32px}.hero-container p{font-size:15px;max-width:100%}.interests-section h2{font-size:20px}.interests-section li{font-size:14px}.hero-btns{align-items:flex-start;display:flex;flex-direction:column}.btn{margin:8px 0;width:100%}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#11224099;border:1px solid #0000;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:space-between;margin:1rem;padding:1.5rem;position:relative;transition:box-shadow .3s ease-in-out;width:300px}.project-card:hover{box-shadow:0 10px 20px #020c1bb3}.project-card:before{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent)) border-box;border:1px solid #0000;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.project-card:hover:before{opacity:1}.project-info{margin-bottom:1rem}.project-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.audio-player{margin-top:auto;width:100%}.logic-file-image{border-radius:5px;height:auto;margin-bottom:1rem;width:100%}.project-link-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#11224099;border:1px solid #0000;border-radius:10px;box-shadow:0 4px 8px #0003;color:var(--text-primary);margin:1rem;padding:1.5rem;position:relative;text-decoration:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:350px}.project-link-card:hover{box-shadow:0 10px 20px #020c1bb3}.project-link-card:before{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent)) border-box;border:1px solid #0000;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.project-link-card:hover:before{opacity:1}.project-link-image{border-radius:10px 10px 0 0;height:150px;object-fit:cover;width:100%}.project-link-info{padding:1rem}.project-link-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-link-description{color:var(--text-secondary);font-size:1rem}.projects-container{background-color:initial;color:var(--text-primary);min-height:80vh;padding:100px 5%}.projects-section{margin-bottom:4rem}.projects-section-title{color:var(--text-primary);font-size:2rem;margin-bottom:2rem;padding-bottom:10px;position:relative;text-align:center}.projects-section-title:after{background-color:var(--primary-accent);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media screen and (max-width:768px){.projects-grid{align-items:center;flex-direction:column}.project-card{width:90%}}.video-player-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#11224099;border:3px solid #000;border-radius:10px;margin:1rem;padding:1.5rem;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:600px}.video-player-card:hover{box-shadow:0 10px 20px #020c1bb3}.video-player-card:before{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent)) border-box;border:1px solid #0000;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.video-player-card:hover:before{opacity:1}.video-container{border-radius:5px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe,.video-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.video-placeholder{align-items:center;background-color:#000;border-radius:5px;display:flex;justify-content:center}.video-placeholder svg{color:var(--primary-accent);font-size:4rem}.video-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-top:1rem;text-align:center}.performances-container{background-color:initial;color:var(--text-primary);min-height:80vh;padding:100px 5%}.performances-title{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem;padding-bottom:10px;position:relative;text-align:center}.performances-title:after{background-color:var(--primary-accent);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.performances-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media screen and (max-width:960px){.performances-grid{align-items:center;flex-direction:column}.video-player-card{width:90%}}.resume-container{background-color:initial;color:var(--text-primary);padding:100px 5%}.resume-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.resume-card{background-color:var(--card-background);border:1px solid #0000;border-radius:10px;flex-basis:400px;padding:2rem;position:relative;transition:box-shadow .3s ease-in-out}.resume-card:hover{box-shadow:0 10px 20px #020c1bb3}.resume-card:before{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent)) border-box;border:1px solid #0000;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.resume-card:hover:before{opacity:1}.resume-card-header{align-items:center;border-bottom:1px solid var(--divider-border);display:flex;margin-bottom:1.5rem;padding-bottom:1rem}.resume-card-icon{margin-right:1rem}.resume-card h2,.resume-card-icon{color:var(--secondary-accent);font-size:1.5rem}.resume-card ul{list-style:none;padding:0}.resume-card li{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem;padding-left:20px;position:relative}.resume-card li:before{color:var(--primary-accent);content:"▹";left:0;position:absolute}.contact-container{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:100px 5%;text-align:center}.contact-title{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem}.contact-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;max-width:500px}.contact-links{display:flex;gap:2rem}.contact-link-card{background-color:var(--card-background);border-radius:10px;color:var(--text-primary);padding:2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:250px}.contact-link-card:hover{box-shadow:0 10px 20px #020c1bb3;transform:translateY(-10px)}.contact-icon{color:var(--primary-accent);font-size:3rem;margin-bottom:1rem}.contact-link-card h2{font-size:1.5rem;margin-bottom:.5rem}.contact-link-card p{color:var(--text-secondary);font-size:1rem}@media screen and (max-width:768px){.contact-links{flex-direction:column}}.future-work-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#11224099;border:1px solid #0000;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:90%;padding:2rem;position:relative;text-align:center;transition:box-shadow .3s ease-in-out;width:550px}.future-work-card:hover{box-shadow:0 10px 20px #020c1bb3}.future-work-card:before{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent)) border-box;border:1px solid #0000;border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.future-work-card:hover:before{opacity:1}.future-work-info{margin-bottom:1rem}.future-work-title{font-size:1rem;font-weight:500;margin-bottom:1rem}.future-work-title:after{display:block;height:3px;margin:1rem auto 0;width:40px}.future-work-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.future-work-link{background-color:var(--primary-accent);border-radius:5px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.future-work-link:hover{background-color:#5a1e9a}.coming-soon-tag{background:var(--primary-accent);border-radius:5px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:-.5rem;top:-.5rem}.future-work-container{background-color:initial;color:var(--text-primary);min-height:80vh;padding:100px 5%}.future-work-title{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem;padding-bottom:10px;position:relative;text-align:center}.future-work-title:after{background-color:var(--primary-accent);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.future-work-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media screen and (max-width:768px){.future-work-grid{align-items:center;flex-direction:column}.future-work-card{width:90%}}.silktravels-container{color:var(--text-primary);padding:50px 10%}.silktravels-title{font-size:48px;font-weight:700;margin-bottom:30px;text-align:center}.silktravels-content{align-items:center;display:flex;gap:50px}.silktravels-image{border-radius:8px;box-shadow:0 10px 30px #020c1bb3;flex:7 1;height:auto;max-width:70%}.silktravels-content p{color:var(--text-secondary);flex:3 1;font-size:18px;line-height:1.6;text-align:left}@media screen and (max-width:960px){.silktravels-content{flex-direction:column;gap:30px}.silktravels-image{max-width:100%}.silktravels-content p{text-align:center}}.animated-background{overflow:hidden;position:fixed;z-index:-1}.animated-background,.grid{height:100%;left:0;top:0;width:100%}.grid{background-image:linear-gradient(to right,var(--divider-border) 1px,#0000 1px),linear-gradient(to bottom,var(--divider-border) 1px,#0000 1px);background-size:40px 40px;opacity:.1;position:absolute}.gradient-overlay{animation:move-gradient 20s linear infinite;background:radial-gradient(circle at 50% 50%,#7c3aed1a,#0a192f00 70%);height:200%;left:0;position:absolute;top:0;width:200%}@keyframes move-gradient{0%{transform:translate(-25%,-25%)}50%{transform:translate(25%,25%)}to{transform:translate(-25%,-25%)}}
/*# sourceMappingURL=main.8af7f2c1.css.map*/