*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a08;--fg:#e8e8e4;--fg-muted:#8a8a82;--accent:#c8f060;--accent-dark:#0a0a08;--surface:#141412;--border:#2a2a26;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"DM Mono", "Courier New", monospace;--font-body:"Syne", sans-serif}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);cursor:none;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:none;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--accent);color:var(--bg)}.noise-overlay{z-index:9999;pointer-events:none;opacity:.035;position:fixed;inset:0}.cursor-dot{background:var(--accent);pointer-events:none;z-index:10000;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s,background .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.hovering{width:16px;height:16px}.cursor-ring{border:1.5px solid var(--accent);pointer-events:none;z-index:10000;opacity:.5;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,border-color .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring.hovering{opacity:.3;width:60px;height:60px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}body{cursor:auto}a,button{cursor:pointer}}.container{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,60px)}section{position:relative}.nav{z-index:10001;-webkit-backdrop-filter:blur(12px);background:#0a0a0899;border-bottom:1px solid #2a2a2666;padding:20px 0;position:fixed;top:0;left:0;right:0}.nav .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:1.25rem;font-weight:500}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:.8rem;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.nav-mobile-toggle{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--fg);border:1px solid var(--border);cursor:pointer;z-index:2;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .2s,border-color .2s;display:flex;position:relative}.nav-mobile-toggle:hover{color:var(--accent);border-color:var(--accent)}.hamburger-icon{flex-shrink:0;width:20px;height:14px;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background:currentColor;border-radius:1px;width:20px;height:2px;transition:transform .3s,top .3s;display:block;position:absolute;left:0}.hamburger-icon:before{top:0}.hamburger-icon:after{top:12px}.hamburger-icon[data-open=true]:before{top:6px;transform:rotate(45deg)}.hamburger-icon[data-open=true]:after{top:6px;transform:rotate(-45deg)}.nav-links.mobile{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;background:#0a0a08fa;flex-direction:column;gap:0;max-height:0;padding:0 clamp(20px,4vw,60px);list-style:none;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:1;pointer-events:auto;background:#0a0a08fa;flex-direction:column;gap:0;max-height:500px;padding:16px clamp(20px,4vw,60px) 28px;list-style:none;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.mobile li,.nav-links.open li{border-bottom:1px solid var(--border)}.nav-links.mobile li:last-child,.nav-links.open li:last-child{border-bottom:none}.nav-links.mobile a,.nav-links.open a{letter-spacing:.12em;color:var(--fg-muted);padding:18px 4px;font-size:.85rem;transition:color .2s,padding-left .25s;display:block}.nav-links.mobile a:after,.nav-links.open a:after{display:none}.nav-links.open a:hover,.nav-links.open a:active{color:var(--accent);padding-left:10px}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-ghost{font-family:var(--font-serif);color:#c8f0600a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(10rem,22vw,24rem);font-style:italic;line-height:.85;position:absolute;bottom:5%;left:-3%}.hero-inner{z-index:2;align-items:flex-end;gap:60px;display:flex;position:relative}.hero-content{flex:1;min-width:0}.hero-portrait{flex-shrink:0;align-self:flex-end;margin-bottom:8px;position:relative}.portrait-frame{z-index:2;width:280px;height:340px;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:center top;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .6s cubic-bezier(.16,1,.3,1)}.hero-portrait:hover .portrait-frame img{filter:grayscale(0%)contrast()}.portrait-accent{border:1.5px solid var(--accent);opacity:.4;z-index:1;transition:all .4s;position:absolute;inset:12px -12px -12px 12px}.hero-portrait:hover .portrait-accent{opacity:.7;inset:8px -8px -8px 8px}@media (width<=900px){.hero-inner{flex-direction:column-reverse;align-items:center;gap:40px}.hero-portrait{align-self:center}.hero-content{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-subtitle{max-width:100%}.hero-ctas{justify-content:center}.portrait-frame{width:200px;height:240px}}@media (width<=480px){.portrait-frame{width:160px;height:200px}}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:.8rem}.hero-name{font-family:var(--font-serif);color:var(--fg);margin-bottom:32px;font-size:clamp(3.5rem,10vw,8rem);font-style:italic;font-weight:400;line-height:.95}.hero-name span{display:block}.hero-subtitle{font-family:var(--font-body);color:var(--fg-muted);max-width:560px;margin-bottom:48px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{font-family:var(--font-mono);letter-spacing:.05em;background:var(--accent);color:var(--accent-dark);border-radius:0;padding:14px 32px;font-size:.85rem;font-weight:500;transition:all .3s}.btn-primary:hover{background:#ddf88a;transform:translateY(-2px)}.btn-ghost{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:0;padding:14px 32px;font-size:.85rem;font-weight:400;transition:all .3s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.scroll-indicator{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);flex-direction:column;align-items:center;gap:10px;font-size:.65rem;display:flex;position:absolute;bottom:30px;right:clamp(20px,4vw,60px)}.scroll-indicator .line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:60px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-item{text-align:center;padding:20px;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--border);width:1px;height:60%;position:absolute;top:20%;right:0}.stat-number{font-family:var(--font-serif);color:var(--accent);margin-bottom:8px;font-size:clamp(2rem,4vw,3.5rem);font-style:italic;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:.7rem}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2):after{display:none}.stat-item:first-child,.stat-item:nth-child(2){border-bottom:1px solid var(--border)}}.ticker{background:var(--accent);white-space:nowrap;padding:16px 0;overflow:hidden}.ticker-track{width:max-content;animation:30s linear infinite tickerScroll;display:flex}.ticker-content{flex-shrink:0;align-items:center;gap:0;display:flex}.ticker-content span{font-family:var(--font-mono);color:var(--accent-dark);letter-spacing:.05em;padding:0 24px;font-size:.85rem;font-weight:500}.ticker-content .dot{background:var(--accent-dark);opacity:.5;border-radius:50%;flex-shrink:0;width:4px;height:4px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.7rem}.section-heading{font-family:var(--font-serif);color:var(--fg);font-size:clamp(2rem,5vw,3.5rem);font-style:italic;font-weight:400;line-height:1.1}.about{padding:120px 0}.about-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.about-text p{font-family:var(--font-body);color:var(--fg-muted);margin-bottom:20px;font-size:.95rem;line-height:1.8}.about-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.about-tags span{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border);color:var(--fg-muted);padding:6px 14px;font-size:.7rem;transition:all .3s}.about-tags span:hover{border-color:var(--accent);color:var(--accent)}.about-image{border:1px solid var(--border);border-radius:50%;width:220px;height:220px;margin-top:48px;overflow:hidden}.about-image img{object-fit:cover;filter:grayscale(.15);width:100%;height:100%;transition:filter .4s,transform .6s;display:block}.about-image:hover img{filter:grayscale(0);transform:scale(1.04)}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}.about-image{width:180px;height:180px;margin-top:32px}}.experience{padding:120px 0}.experience-header{margin-bottom:60px}.experience-list{flex-direction:column;display:flex}.experience-item{border-top:1px solid var(--border);grid-template-columns:160px 1fr auto;align-items:center;gap:40px;padding:28px 24px;transition:all .4s;display:grid;position:relative}.experience-item:last-child{border-bottom:1px solid var(--border)}.experience-item:before{content:"";background:var(--accent);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.experience-item:hover:before{opacity:.05}.experience-date{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.05em;font-size:.75rem}.experience-company{align-items:center;gap:12px;margin-bottom:4px;display:flex}.experience-logo{object-fit:contain;border:1px solid var(--border);opacity:.9;background:#fff;border-radius:6px;flex-shrink:0;width:36px;height:36px;padding:0;transition:opacity .4s;overflow:hidden}.experience-item:hover .experience-logo{opacity:1}.experience-info h3{font-family:var(--font-body);color:var(--fg);font-size:1.1rem;font-weight:600}.experience-info .role{font-family:var(--font-mono);color:var(--fg-muted);margin-bottom:8px;font-size:.8rem}.experience-info .desc{font-family:var(--font-body);color:var(--fg-muted);font-size:.85rem;line-height:1.6}.experience-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:6px 14px;font-size:.65rem}.badge-upcoming{color:var(--accent);background:#c8f06026;border:1px solid #c8f0604d}.badge-current{color:var(--accent);background:#c8f0601a;border:1px solid #c8f06033}.badge-past{color:var(--fg-muted);background:#8a8a821a;border:1px solid #8a8a8233}@media (width<=768px){.experience-item{grid-template-columns:1fr;gap:8px;padding:20px 16px}.experience-badge{justify-self:start}}.projects{padding:120px 0}.projects-header{margin-bottom:60px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.project-card{background:var(--surface);flex-direction:column;min-height:320px;padding:48px 40px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card *{transition:color .5s cubic-bezier(.16,1,.3,1)}.project-card:hover{background:var(--accent)}.project-card:hover .project-number,.project-card:hover .project-title,.project-card:hover .project-desc,.project-card:hover .project-tech span{color:var(--accent-dark)}.project-card:hover .project-tech span{border-color:#0a0a084d}.project-card:hover .project-arrow{color:var(--accent-dark);transform:translate(4px,-4px)}.project-top-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.project-number{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.1em;font-size:.7rem}.project-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#c8f06026;border:1px solid #c8f0604d;border-radius:100px;padding:4px 10px;font-size:.6rem;transition:all .5s}.project-card:hover .project-badge{color:var(--accent-dark);background:#0a0a0826;border-color:#0a0a084d}.project-links{gap:16px;margin-top:12px;display:flex}.project-links a{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-muted);text-underline-offset:3px;font-size:.65rem;text-decoration:underline;transition:color .3s}.project-links a:hover{color:var(--accent)}.project-card:hover .project-links a{color:#0a0a0899}.project-card:hover .project-links a:hover{color:var(--accent-dark)}.project-title{font-family:var(--font-serif);color:var(--fg);justify-content:space-between;align-items:flex-start;margin-bottom:16px;font-size:clamp(1.5rem,2.5vw,2rem);font-style:italic;display:flex}.project-arrow{color:var(--fg-muted);flex-shrink:0;margin-left:16px;font-size:1.5rem;font-style:normal;transition:transform .4s cubic-bezier(.16,1,.3,1),color .5s}.project-desc{font-family:var(--font-body);color:var(--fg-muted);flex:1;margin-bottom:24px;font-size:.9rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.project-tech span{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border);color:var(--fg-muted);padding:4px 10px;font-size:.65rem}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto;padding:32px 24px}}.skills{padding:120px 0}.skills-header{margin-bottom:60px}.skills-grid{grid-template-columns:repeat(5,1fr);gap:40px;display:grid}.skill-group h3{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:.7rem}.skill-group ul{flex-direction:column;gap:12px;list-style:none;display:flex}.skill-group li{font-family:var(--font-body);color:var(--fg-muted);font-size:.9rem;transition:color .3s}.skill-group li:hover{color:var(--fg)}@media (width<=900px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:32px}}@media (width<=640px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.education{padding:120px 0}.education-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.education-main .school{font-family:var(--font-serif);color:var(--fg);margin-bottom:12px;font-size:clamp(1.5rem,3vw,2.2rem);font-style:italic}.education-main .degree{font-family:var(--font-body);color:var(--fg-muted);margin-bottom:8px;font-size:1rem;line-height:1.6}.education-main .year{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.1em;font-size:.75rem}.relevant-courses{margin-top:32px}.relevant-courses .section-label{margin-bottom:12px}.relevant-courses ul{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.relevant-courses li{font-family:var(--font-body);color:var(--fg-muted);padding-left:18px;font-size:.9rem;transition:color .3s;position:relative}.relevant-courses li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.relevant-courses li:hover{color:var(--fg)}.achievement-cards{flex-direction:column;gap:12px;display:flex}.achievement-card{background:var(--surface);border-left:2px solid var(--border);padding:20px 24px;transition:all .3s}.achievement-card:hover{border-left-color:var(--accent)}.achievement-card h4{font-family:var(--font-body);color:var(--fg);margin-bottom:4px;font-size:.95rem;font-weight:600}.achievement-card p{font-family:var(--font-mono);color:var(--fg-muted);font-size:.75rem}@media (width<=768px){.education-grid{grid-template-columns:1fr;gap:40px}}.resume{padding:120px 0}.resume-grid{grid-template-columns:.45fr 1fr;align-items:start;gap:60px;display:grid}.resume-info{position:sticky;top:120px}.resume-desc{font-family:var(--font-body);color:var(--fg-muted);margin-top:20px;margin-bottom:32px;font-size:.95rem;line-height:1.7}.resume-actions{flex-wrap:wrap;gap:12px;display:flex}.resume-actions .btn-primary,.resume-actions .btn-ghost{text-align:center;padding:12px 24px;font-size:.8rem;display:inline-block}.resume-preview{background:var(--surface);border:1px solid var(--border);overflow:hidden}.resume-embed{width:100%;height:850px;position:relative}.resume-iframe{background:#fff;border:none;width:100%;height:100%}.resume-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 60%,#0a0a08d9 100%);justify-content:center;align-items:flex-end;padding-bottom:40px;transition:opacity .4s;display:flex;position:absolute;inset:0}.resume-embed:hover .resume-overlay{opacity:1;pointer-events:none}.resume-overlay a{pointer-events:all}@media (width<=900px){.resume-grid{grid-template-columns:1fr;gap:40px}.resume-info{text-align:center;position:static}.resume-actions{justify-content:center}.resume-embed{height:700px}}@media (width<=480px){.resume-embed{height:500px}}.contact{text-align:center;padding:120px 0 80px;position:relative}.contact:before{content:"";pointer-events:none;background:radial-gradient(at bottom,#c8f0600f,#0000 70%);width:600px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact-heading{font-family:var(--font-serif);color:var(--fg);margin-bottom:48px;font-size:clamp(2.5rem,7vw,5rem);font-style:italic;position:relative}.contact-links{flex-wrap:wrap;justify-content:center;gap:40px;display:flex;position:relative}.contact-links a{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.05em;font-size:.85rem;transition:color .3s;position:relative}.contact-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.contact-links a:hover{color:var(--accent)}.contact-links a:hover:after{width:100%}.footer{border-top:1px solid var(--border);padding:30px 0}.footer .container{justify-content:space-between;align-items:center;display:flex}.footer span{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.05em;font-size:.7rem}@media (width<=640px){.footer .container{text-align:center;flex-direction:column;gap:8px}}.reveal{opacity:0;transform:translateY(30px)}.reveal.visible{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.stagger-1{transition-delay:50ms!important}.stagger-2{transition-delay:.1s!important}.stagger-3{transition-delay:.15s!important}.stagger-4{transition-delay:.2s!important}.stagger-5{transition-delay:.25s!important}.stagger-6{transition-delay:.3s!important}.stagger-7{transition-delay:.35s!important}.stagger-8{transition-delay:.4s!important}