@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap);:root{--background-color:#111;--text-color:#f0f0f0;--subtle-text-color:#444;--color-red:#ff3b30;--color-blue:#0a84ff;--color-yellow:#fc0;--color-green:#30d158}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#111;background-color:var(--background-color);color:#f0f0f0;color:var(--text-color);font-family:Inter,sans-serif;margin:0;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}.App{text-align:left}.header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 10%;position:fixed;top:0;transition:background-color .4s ease,padding .4s ease,box-shadow .4s ease;width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111111d9;box-shadow:0 2px 10px #0003;padding:15px 10%}.logo{font-size:24px;font-weight:700;z-index:1001}.desktop-nav>a{color:#a0a0a0;cursor:pointer;font-weight:500;margin:0 20px;padding:5px 0;position:relative;text-decoration:none;transition:color .3s}.desktop-nav>a.active,.desktop-nav>a:hover{color:var(--color-red)}.desktop-nav>a.active{font-weight:700}.contact-button{background-color:var(--color-red);border-radius:8px;color:#fff!important;padding:10px 20px;transition:background-color .3s}.contact-button:hover{background-color:#fff;color:var(--background-color)!important}.hamburger-icon{cursor:pointer;display:none;font-size:24px;z-index:1001}.mobile-nav{display:none}@media (max-width:768px){.desktop-nav{display:none}.hamburger-icon{display:block}.mobile-nav{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.mobile-nav>a{color:#fff;font-size:2rem;text-decoration:none}}.hero-typography{align-items:center;background-color:var(--background-color);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-bg-text,.hero-fg-text{font-size:15vw;font-weight:900;left:50%;line-height:1;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.hero-bg-text{color:var(--subtle-text-color);z-index:1}.hero-fg-text{color:var(--text-color);transition:-webkit-clip-path .1s ease-out;transition:clip-path .1s ease-out;transition:clip-path .1s ease-out,-webkit-clip-path .1s ease-out;z-index:2}.color-red{color:var(--color-red)}.color-blue{color:var(--color-blue)}.color-yellow{color:var(--color-yellow)}.color-green{color:var(--color-green)}.scroll-prompt{animation:bounce 2s infinite;bottom:30px;color:var(--subtle-text-color);font-size:14px;font-weight:500;position:absolute;z-index:3}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.hero-bg-text,.hero-fg-text{font-size:20vw;line-height:1.1}.hero-fg-text span{display:block}}.about-reimagined{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 10%;text-align:center}.section-title-reimagined{color:var(--subtle-text-color);font-size:1.5rem;font-weight:500;letter-spacing:2px;margin-bottom:50px}.bio-paragraph{color:var(--text-color);font-size:3vw;font-weight:700;line-height:1.5;max-width:1000px}.bio-word{display:inline-block;transition:opacity .2s linear}.bio-paragraph span:nth-of-type(13),.bio-paragraph span:nth-of-type(24),.bio-paragraph span:nth-of-type(8),.bio-word:hover{color:var(--color-red)}@media (max-width:768px){.bio-paragraph{font-size:6vw}}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 10%;position:relative;transition:background-color .5s ease-in-out}.project-list{text-align:center}.project-title{color:#fff;cursor:pointer;font-size:5vw;font-weight:900;margin:10px 0;text-transform:uppercase;transition:opacity .4s ease,color .4s ease}.project-title.inactive{color:#a0a0a0;opacity:.1}.project-details{bottom:10%;left:10%;margin:0 auto;max-width:600px;pointer-events:none;position:absolute;right:10%;text-align:center}.project-details p{color:#d0d0d0;font-size:1.1rem;line-height:1.7}.project-details .project-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.project-details .project-tags span{background-color:#ffffff1a;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 15px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:90%}.close-button{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px;transition:color .3s}.close-button:hover{color:var(--color-red)}.modal-image{border-radius:8px;height:300px;margin-bottom:30px;object-fit:cover;width:100%}.modal-content h2{font-size:2.5rem;font-weight:900;margin-bottom:15px}.modal-description{color:silver;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.modal-section{margin-bottom:30px}.modal-section h3{border-left:3px solid var(--color-red);color:var(--color-red);font-size:1.2rem;font-weight:700;margin-bottom:15px;padding-left:10px}.modal-section ul{list-style-position:inside;padding-left:5px}.modal-section li{color:silver;margin-bottom:10px}.modal-tags{display:flex;flex-wrap:wrap;gap:10px}.modal-tags span{background-color:#333;border-radius:15px;padding:5px 12px}.modal-links{display:flex;gap:20px;margin-top:40px}.modal-btn{align-items:center;background-color:var(--color-red);border-radius:8px;color:#fff;display:flex;flex:1 1;font-weight:700;gap:10px;justify-content:center;padding:15px 20px;text-align:center;text-decoration:none;transition:all .3s}.modal-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.contact{background-color:var(--background-color);overflow:hidden;padding:100px 0;text-align:center}.marquee{overflow:hidden;pointer-events:none;width:100%}.marquee-content{animation:marquee 20s linear infinite;display:flex;white-space:nowrap}.marquee h1{color:var(--subtle-text-color);font-size:10vw;font-weight:900;margin:0 20px;text-transform:uppercase}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.contact-info{margin-top:40px;padding:0 10%}.contact-info p{color:#a0a0a0;font-size:1.2rem;margin:0 auto 30px;max-width:500px}.email-container{border:2px solid var(--subtle-text-color);border-radius:8px;cursor:pointer;display:inline-block;padding:15px 30px;position:relative;transition:all .3s ease}.email-address{color:#fff;font-size:1.5rem;font-weight:700}.copy-tooltip{background-color:var(--color-red);border-radius:5px;bottom:-40px;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.email-container:hover{border-color:var(--color-red);transform:translateY(-5px)}.email-container:hover .copy-tooltip{opacity:1}.footer{background-color:#0c0c0c;border-top:1px solid #222;padding:40px 10%;text-align:center}.social-links{margin-bottom:20px}.social-links a{color:#a0a0a0;font-size:1.8rem;margin:0 15px;transition:color .3s}.social-links a:hover{color:var(--color-red)}.footer p{color:#777;font-size:.9rem;margin:0}
/*# sourceMappingURL=main.89280345.css.map*/