*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#a3a3a3;--border:#e5e5e5;--surface:#fafafa;--btn-primary-bg:#0a0a0a;--btn-primary-text:#fff;--btn-outline-border:#d4d4d4;--btn-outline-text:#0a0a0a;--toggle-border:#d4d4d4;--toggle-text:#737373;--blob-color:#0000000a;--sub-border:#e5e5e5;--card-shadow:0 4px 24px #0000001a, 0 1px 4px #0000000f;--card-border:#00000012}[data-theme=dark]{--bg:#0a0a0a;--text-primary:#ededed;--text-secondary:#a3a3a3;--text-muted:#525252;--border:#1f1f1f;--surface:#141414;--btn-primary-bg:#ededed;--btn-primary-text:#0a0a0a;--btn-outline-border:#2a2a2a;--btn-outline-text:#b0b0b0;--toggle-border:#2a2a2a;--toggle-text:#525252;--blob-color:#ffffff07;--sub-border:#1f1f1f;--card-shadow:0 4px 24px #0000008c;--card-border:#ffffff0f}html{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s,color .3s}body{background-color:var(--bg);min-height:100vh}.header{z-index:100;-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border-bottom:1px solid #0000000f;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{background:#ffffffd1;border-bottom-color:#0000001a}[data-theme=dark] .header{background:#0a0a0a73;border-bottom-color:#ffffff12}[data-theme=dark] .header.scrolled{background:#0a0a0ab8;border-bottom-color:#ffffff1a}.header-inner{justify-content:space-between;align-items:center;max-width:1060px;height:64px;margin:0 auto;padding:0 32px;display:flex}.header-logo{letter-spacing:-.02em;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:700;line-height:1;transition:opacity .2s}.header-logo:hover{opacity:.65}.header-nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--text-primary);transform-origin:100%;height:1.5px;transition:transform .25s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-resume{border:1px solid var(--btn-outline-border);color:var(--btn-outline-text);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.nav-resume:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.hamburger-line{background:var(--text-primary);transform-origin:50%;border-radius:2px;height:1.5px;transition:transform .25s,opacity .2s;display:block}.hamburger.open .hamburger-line:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{border-top:1px solid var(--border);background:var(--bg);overflow:hidden}.mobile-menu-inner{flex-direction:column;gap:2px;padding:12px 24px 20px;display:flex}.mobile-nav-link{color:var(--text-secondary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;padding:10px 0;font-family:inherit;font-size:15px;font-weight:500;transition:color .2s}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{color:var(--text-primary)}@media (width<=640px){.header-nav{display:none}.hamburger{display:flex}.header-inner{padding:0 24px}}.hero{flex-direction:column;min-height:100vh;padding:0 32px;display:flex;position:relative;overflow:hidden}.hero-blob{background:radial-gradient(circle at center, var(--blob-color) 0%, transparent 62%);pointer-events:none;z-index:0;will-change:transform;border-radius:50%;width:720px;height:720px;position:absolute;top:-8%;right:-16%}.theme-toggle{border:1px solid var(--toggle-border);color:var(--toggle-text);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:99px;align-items:center;gap:7px;padding:7px 15px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--text-muted);color:var(--text-secondary)}.hero-content{z-index:1;flex-direction:row-reverse;align-items:center;gap:80px;width:100%;max-width:1060px;margin:auto;padding:32px 0 96px;display:flex;position:relative}.hero-left{flex-direction:column;flex:1;gap:28px;min-width:0;display:flex}.hero-right{flex-direction:column;flex-shrink:0;align-items:center;gap:18px;display:flex}.hero-name{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(48px,6.5vw,76px);font-weight:800;line-height:1}.hero-headline{letter-spacing:-.01em;color:var(--text-secondary);max-width:500px;font-size:clamp(19px,1.9vw,23px);font-weight:500;line-height:1.45}.hero-sub{border-left:2px solid var(--sub-border);flex-direction:column;gap:5px;padding-left:14px;display:flex}.hero-sub p{color:var(--text-muted);font-size:17px;font-weight:400;line-height:1.65}.hero-description{color:var(--text-secondary);max-width:440px;font-size:19.5px;font-weight:400;line-height:1.6}.hero-highlights{flex-direction:column;gap:12px;list-style:none;display:flex}.hero-highlights li{align-items:baseline;gap:14px;display:flex}.highlight-num{color:var(--text-muted);letter-spacing:.07em;flex-shrink:0;font-family:SF Mono,ui-monospace,Fira Code,Consolas,monospace;font-size:14px;font-weight:600}.highlight-text{color:var(--text-secondary);font-size:17.5px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.btn{cursor:pointer;letter-spacing:.01em;white-space:nowrap;border:none;border-radius:7px;justify-content:center;align-items:center;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-outline{color:var(--btn-outline-text);border:1px solid var(--btn-outline-border);background:0 0}.hero-social{align-items:center;gap:8px;display:flex}.social-icon-btn{border:1px solid var(--btn-outline-border);width:38px;height:38px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:17px;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.social-icon-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--surface)}.image-stack{cursor:grab;width:248px;height:330px;position:relative}.image-stack:active{cursor:grabbing}.stack-card{background:linear-gradient(145deg, var(--surface), var(--border));box-shadow:var(--card-shadow);border:1px solid var(--card-border);border-radius:14px;position:absolute;inset:0;overflow:hidden}.stack-card img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.stack-nav{align-items:center;gap:10px;display:flex}.stack-nav-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-family:inherit;font-size:13px;line-height:1;transition:border-color .2s,color .2s;display:flex}.stack-nav-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.stack-dots{align-items:center;gap:5px;display:flex}.stack-dot{background:var(--text-muted);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:6px;height:6px;padding:0;transition:width .3s,background-color .25s}.stack-dot.active{background:var(--text-primary);width:20px}#projects,#about,#contact{scroll-margin-top:72px}.projects{border-top:1px solid var(--border);width:100%;padding:96px 32px 120px}.projects-container{max-width:1060px;margin:0 auto}.projects-header{margin-bottom:64px}.projects-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.projects-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(28px,4vw,40px);font-weight:800}.projects-list{flex-direction:column;gap:80px;display:flex}.project-card{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.project-text{flex-direction:column;gap:16px;display:flex}.project-num{letter-spacing:.08em;color:var(--text-muted);font-family:SF Mono,ui-monospace,Fira Code,Consolas,monospace;font-size:11px;font-weight:600}.project-title{letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.2}.project-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.project-tech{flex-wrap:wrap;gap:7px;list-style:none;display:flex}.tech-tag{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);letter-spacing:.02em;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.project-links{gap:16px;display:flex}.project-link{color:var(--text-primary);letter-spacing:.01em;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s}.project-link:hover{color:var(--text-muted)}.project-image{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;height:340px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.project-image:before{content:"";z-index:2;border-radius:inherit;opacity:0;pointer-events:none;background:#ffffff12;transition:opacity .3s;position:absolute;inset:0}.project-image:hover:before{opacity:1}.project-image:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 55%,#0000000f 100%);position:absolute;inset:0}.project-image:hover{box-shadow:0 12px 40px #0000001f}[data-theme=dark] .project-image{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .project-image:before{background:#ffffff0a}[data-theme=dark] .project-image:after{background:linear-gradient(#0000 55%,#00000047 100%)}[data-theme=dark] .project-image:hover{box-shadow:0 12px 40px #0000008c}.project-image img{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .4s;display:block}.project-image:hover img{transform:scale(1.03)}.tl-section{border-top:1px solid var(--border);width:100%;padding:96px 32px 120px}.tl-container{max-width:1060px;margin:0 auto}.tl-header{margin-bottom:64px}.tl-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.tl-heading{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(28px,4vw,40px);font-weight:800}.tl-col-labels{grid-template-columns:1fr 40px 1fr;margin-bottom:40px;display:grid}.tl-col-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.tl-col-label-left{text-align:right;padding-right:28px}.tl-col-label-right{text-align:left;padding-left:28px}.tl-body{position:relative}.tl-spine{background:var(--border);transform-origin:top;width:1px;position:absolute;top:0;bottom:0;left:calc(50% - .5px)}.tl-row{grid-template-columns:1fr 40px 1fr;align-items:center;margin-bottom:72px;display:grid}.tl-row:last-child{margin-bottom:0}.tl-left{text-align:right;flex-direction:column;gap:4px;padding-right:28px;display:flex}.tl-right{text-align:left;flex-direction:column;gap:4px;padding-left:28px;display:flex}.tl-dot-col{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.tl-dot{background:var(--text-primary);outline:3px solid var(--bg);width:10px;height:10px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex-shrink:0}.tl-period{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-family:SF Mono,ui-monospace,Fira Code,Consolas,monospace;font-size:11px;font-weight:600}.tl-title{letter-spacing:-.02em;color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.tl-sub{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.4}.tl-detail{color:var(--text-muted);margin-top:2px;font-size:13px;line-height:1.5}.contact{border-top:1px solid var(--border);width:100%;padding:96px 32px 120px}.contact-container{max-width:1060px;margin:0 auto}.contact-header{margin-bottom:64px}.contact-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.contact-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:14px;font-size:clamp(28px,4vw,40px);font-weight:800}.contact-sub{color:var(--text-secondary);max-width:420px;font-size:16px;line-height:1.6}.contact-list{flex-direction:column;list-style:none;display:flex}.contact-link{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:24px 0;text-decoration:none;transition:color .2s;display:flex}.contact-list li:first-child .contact-link{border-top:1px solid var(--border)}.contact-link-label{letter-spacing:-.025em;font-size:clamp(22px,3vw,32px);font-weight:700;transition:transform .25s}.contact-link-arrow{color:var(--text-muted);flex-shrink:0;font-size:22px;transition:transform .25s,color .2s}.contact-link:hover .contact-link-label{transform:translate(8px)}.contact-link:hover .contact-link-arrow{color:var(--text-primary);transform:translate(6px)}.resume-viewer{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.resume-nav{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.resume-nav-title{color:var(--text-muted);letter-spacing:.02em;font-size:13px;font-weight:500}.resume-iframe{background:var(--bg);border:none;flex:1;width:100%;min-height:calc(100vh - 65px);display:block}.footer{border-top:1px solid var(--border);width:100%;padding:56px 32px 48px}.footer-container{flex-direction:column;gap:40px;max-width:1060px;margin:0 auto;display:flex}.footer-main{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-identity{flex-direction:column;gap:6px;display:flex}.footer-name{letter-spacing:-.01em;color:var(--text-primary);font-size:18px;font-weight:600}.footer-tagline{color:var(--text-muted);max-width:280px;font-size:15px;line-height:1.5}.footer-nav{align-items:center;gap:24px;display:flex}.footer-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.footer-bottom{justify-content:center;align-items:center;padding-top:24px;display:flex}.footer-copy{color:var(--text-muted);letter-spacing:.01em;font-size:14px}.footer-built{color:var(--text-muted);opacity:.6;letter-spacing:.01em;font-size:14px}@media (width<=820px){.hero{padding:0 24px}.hero-content{flex-direction:column-reverse;align-items:flex-start;gap:48px;padding:24px 0 72px}.hero-right{align-self:center}.projects,.tl-section,.contact{padding:72px 24px 96px}.footer{padding:48px 24px 40px}.footer-main{flex-direction:column;gap:32px}.footer-bottom{flex-direction:column;align-items:center;gap:6px}.project-card{grid-template-columns:1fr;gap:28px}.project-image{height:260px}}@media (width<=480px){.hero{padding:0 20px}.hero-left{gap:22px}.image-stack{width:220px;height:296px}.projects,.tl-section,.contact{padding:60px 20px 80px}.tl-col-labels{display:none}.tl-spine{left:9px}.tl-row{grid-template:"dot left""dot right"/20px 1fr;align-items:start;margin-bottom:56px}.tl-dot-col{grid-area:dot;align-items:flex-start;padding-top:4px}.tl-left{text-align:left;grid-area:left;padding-left:16px;padding-right:0}.tl-right{text-align:left;grid-area:right;padding-top:20px;padding-left:16px}.footer{padding:40px 20px 32px}.projects-list{gap:60px}.projects-header{margin-bottom:48px}.resume-nav{flex-wrap:wrap;padding:14px 20px}.resume-nav-title{display:none}}