:root{--text-color: black}body.dark{--text-color: white}html,body{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.nav-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:inherit}.nav-container{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.hamburger-container{position:relative}.hamburger-button{background:transparent;border:none;font-size:2.5rem;cursor:pointer;color:inherit}.dropdown-menu{font-family:Big Shoulders Display,sans-serif;position:absolute;top:100%;left:-6rem;padding:1rem;z-index:10}.dropdown-menu ul{list-style:none}.dropdown-menu li{margin:.5rem 0;font-size:2.25rem;letter-spacing:.07em;cursor:pointer}.dropdown-menu ul li a:hover{color:var(--highlight-color)}.dropdown-menu ul li a{text-decoration:none;color:inherit}.dropdown-menu ul a.active{color:var(--highlight-color)}.toggle-switch{display:inline-block;width:70px;height:34px;position:relative;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;transition:background-color .2s}.knob{position:absolute;top:2px;left:2px;width:30px;height:30px;border-radius:50%;background-color:#fff;transition:left .2s}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:5rem 5rem 0}.hero-content{position:relative;text-align:center;max-width:1200px;margin:0 auto}.hero-title{font-family:Big Shoulders Display,sans-serif;font-size:20rem;line-height:.9;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.01rem;color:var(--highlight-color)}.hero-image-container{position:absolute;bottom:160px;left:33%;transform:translate(-50%);z-index:2;width:176px;height:280px;border-radius:41%;overflow:hidden}.hero-image-container img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.hero-title{font-size:4rem}.hero-image-container{width:150px;height:150px;bottom:-30px}}.intro-section{text-align:center;padding:0 1rem 1rem;position:relative}.intro-text{max-width:600px;margin:3rem auto 2rem;font-size:1.3rem;line-height:1.5}.scroll-prompt{padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.scroll-track{position:relative;width:3px;height:30px;background-color:#878787;border-radius:10%}.scroll-line{position:absolute;width:3.2px;height:15px;background-color:var(--highlight-color);top:0;left:0;animation:bounce 1s infinite alternate}.scroll-text{margin-top:-.5rem;font-size:.9rem;letter-spacing:.05em;color:#878787}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(15px)}}.about-section{margin-top:4rem;padding:0 2rem;max-width:900px;margin-left:auto;margin-right:auto;color:#fff}.about-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;justify-content:center}.about-title{font-size:2.5rem;letter-spacing:1.5px;color:var(--highlight-color);font-family:Big Shoulders Display,sans-serif;text-transform:uppercase;white-space:nowrap;margin:0}.line-container{position:absolute;width:800px;height:4px;display:flex;align-items:center;justify-content:flex-end;background-color:transparent}.line-base{top:0;left:0;width:100%;height:4px;background-color:#878787;z-index:1}.line-highlight{right:0;width:80px;height:4px;background-color:var(--highlight-color);z-index:2}.about-content{display:flex;gap:4rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.about-left{flex:1;max-width:50%;font-size:23px;color:#888}.about-left p{font-family:DM Sans,sans-serif;line-height:1.8;margin:1}.about-right{flex:1;max-width:50%;font-size:20px;color:#fff}.about-right p{font-family:DM Sans,sans-serif;line-height:1.8;margin-bottom:0}.skills-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}.highlight-box{display:flex;justify-content:space-between;align-items:center;max-width:450px;height:100px;background-color:var(--highlight-color);padding:1.2rem 1.6rem;border-radius:12px;box-shadow:0 4px 12px #e0f11f40;font-family:DM Sans,sans-serif;transition:transform .2s ease}.highlight-box:hover{transform:translateY(-3px)}.highlight-left{display:flex;flex-direction:column;justify-content:center}.highlight-box h4{font-size:1rem;font-weight:700;margin-bottom:.2rem;color:#000}.highlight-box p{font-size:.85rem;color:#000;margin:0}.highlight-right span{font-size:1.6rem;font-weight:800;color:#000;margin-left:1rem}.stacked-card{position:relative;margin-top:-5px;z-index:1}@media (max-width: 768px){.about-content{flex-direction:column}.about-left,.about-right{max-width:100%}.skills-list{width:100%}.highlight-box{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.highlight-left{flex:1}.about-header{flex-direction:column;align-items:flex-start}.line-container{max-width:100%}}.projects-section{margin-top:8rem;margin-bottom:9rem;padding:0 2rem;max-width:900px;margin-left:auto;margin-right:auto;color:#fff}.projects-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;justify-content:center}.projects-title{font-size:2.5rem;letter-spacing:1.5px;color:var(--highlight-color);font-family:Big Shoulders Display,sans-serif;text-transform:uppercase;white-space:nowrap;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{position:relative;overflow:hidden;border-radius:12px;background-color:#000;transition:transform .3s ease}.project-card img{width:100%;height:auto;display:block;filter:brightness(.7);transition:all .3s ease}.project-card:hover img{filter:brightness(1.1) contrast(1.1);transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;background-color:var(--highlight-color);padding:.5rem 1rem;font-weight:600;color:#000;font-family:DM Sans,sans-serif;font-size:.95rem;transform:translateY(100%);transition:transform .3s ease;border-top-right-radius:6px}.project-card:hover .project-overlay{transform:translateY(0)}.exp-section{margin-top:8rem;padding:0 2rem;max-width:900px;margin-left:auto;margin-right:auto;color:#fff;margin-bottom:5rem}.exp-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;justify-content:center}.exp-title{font-size:2.5rem;letter-spacing:1.5px;color:var(--highlight-color);font-family:Big Shoulders Display,sans-serif;text-transform:uppercase;white-space:nowrap;margin:0}.line-base{position:absolute;width:100%;background-color:#878787;z-index:1}.line-highlight{right:0;width:80px;height:4px;background-color:var(--highlight-color)}.experience-content{display:flex;gap:3rem;flex-wrap:wrap;padding:2rem}.experience-left,.experience-right{flex:1}.experience-left h3,.experience-right h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.company{font-size:1rem;color:#aaa}.dates{font-size:.9rem;color:#888;margin-bottom:1rem}.desc{font-size:1rem;color:#fff;line-height:1.6}@media (max-width: 768px){.experience-content{flex-direction:column}.experience-left,.experience-right{max-width:100%}}.marquee-section{position:relative;overflow:hidden;background-color:var(--bg-color);padding:1rem 0}.marquee-section:before,.marquee-section:after{content:"";position:absolute;top:0;width:10%;height:100%;pointer-events:none;z-index:10}.marquee-section:before{left:0;background:linear-gradient(to right,var(--bg-color),var(--fade-end))}.marquee-section:after{right:0;background:linear-gradient(to left,var(--bg-color),var(--fade-end))}.marquee-line{display:inline-block;white-space:nowrap;font-size:9rem;font-weight:900;color:var(--highlight-color);font-family:Big Shoulders Display,sans-serif;text-transform:uppercase;letter-spacing:1.2px}.marquee-line-left{animation:scrollLeft 35s linear infinite}.marquee-line-right{animation:scrollRight 35s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 768px){.marquee-line{font-size:2.5rem}}.contact-section{margin-top:4rem;padding:0 2rem;max-width:900px;margin-left:auto;margin-right:auto;color:#fff}.contact-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;justify-content:center}.contact-title{font-size:2.5rem;letter-spacing:1.5px;color:var(--highlight-color);font-family:Big Shoulders Display,sans-serif;text-transform:uppercase;white-space:nowrap;margin:0}.line-container{position:relative;width:800px;height:4px;display:flex;align-items:center;justify-content:flex-end;background-color:transparent}.line-base{position:absolute;top:0;left:0;width:100%;height:4px;background-color:#878787;z-index:1}.line-highlight{position:absolute;right:0;width:80px;height:4px;background-color:var(--highlight-color);z-index:2}.contact-content{display:flex;gap:4rem;justify-content:space-between;flex-wrap:wrap;padding-bottom:2rem}.contact-left{flex:1;max-width:40%;font-size:16px;line-height:1.6;color:#9c9c9c}.contact-left p{margin-bottom:1rem}.contact-right{flex:1;max-width:60%;color:#fff;display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-top:1.5rem}.contact-icons{display:flex;gap:1.5rem;align-items:center}.contact-icons a:hover svg{color:var(--highlight-color)}@media (max-width: 768px){.contact-content{flex-direction:column}.contact-left,.contact-right,.line-container{max-width:100%}}.spotlight{position:fixed;pointer-events:none;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,transparent 50%,var(--spotlight-bg) 100%);transform:translate(-50%,-50%);z-index:9999;transition:background .2s ease}