*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--fg:#fff;--muted:#3a3a3a;--dim:#1a1a1a;--sub:#666;--border:#ffffff14;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);cursor:none;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9998;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff3}a{color:inherit;text-decoration:none}ul{list-style:none}#cursor-dot{pointer-events:none;z-index:99999;background:#fff;border-radius:50%;width:5px;height:5px;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:99998;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:width .25s,height .25s,background .25s,border-color .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring.hover{background:#ffffff0a;width:64px;height:64px}#cursor-ring.hover #cursor-dot{opacity:0}#cursor-ring .cursor-label{font-family:var(--font-mono);letter-spacing:.1em;color:#fff;opacity:0;font-size:8px;transition:opacity .2s}#cursor-ring.view-mode{width:80px;height:80px}#cursor-ring.view-mode .cursor-label{opacity:1}#intro-overlay{z-index:99997;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}#intro-top,#intro-bottom{background:#000;flex:1;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}#intro-overlay.gone #intro-top{transform:translateY(-100%)}#intro-overlay.gone #intro-bottom{transform:translateY(100%)}nav{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:22px 48px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{border-color:var(--border)}nav.hidden{transform:translateY(-100%)}.nav-logo{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg);cursor:none;font-size:13px;font-weight:400;text-decoration:none}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;cursor:none;font-size:13px;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--fg);width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}section{padding:120px 48px}.section-meta{font-family:var(--font-mono);letter-spacing:.25em;color:var(--muted);text-transform:uppercase;align-items:center;gap:16px;margin-bottom:64px;font-size:10px;display:flex}.section-meta:after{content:"";background:var(--muted);flex:1;max-width:48px;height:1px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-clip{clip-path:inset(100% 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1)}.reveal-clip.visible{clip-path:inset(0% 0 0)}#hero{grid-template-rows:1fr auto;min-height:100vh;padding:0 48px;display:grid;position:relative}.hero-corner-tl{font-family:var(--font-mono);letter-spacing:.2em;color:#ffffff80;text-transform:uppercase;font-size:12px;position:absolute;top:100px;left:48px}.hero-corner-tr{font-family:var(--font-mono);letter-spacing:.2em;color:#ffffff80;font-size:12px;position:absolute;top:100px;right:48px}.hero-mascot{object-fit:contain;opacity:0;z-index:-1;pointer-events:none;height:65vh;max-height:800px;animation:1.4s cubic-bezier(.16,1,.3,1) .8s forwards mascotFadeIn;position:absolute;top:50%;right:15%;transform:translateY(-50%)}@keyframes mascotFadeIn{0%{opacity:0;transform:translateY(-40%)}to{opacity:.8;transform:translateY(-50%)}}.hero-name-wrap{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:80px;display:flex}.hero-name-line{letter-spacing:-.02em;color:var(--fg);padding-right:25vw;font-family:Syncopate,sans-serif;font-size:clamp(52px,9vw,150px);font-weight:700;line-height:1.1;display:inline-block;overflow:hidden}.hero-name-line span{transform-origin:0 100%;transition:transform .9s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(110%)scaleX(1)}.hero-name-line span.in{transform:translateY(0)scaleX(1.4)}.hero-slash{letter-spacing:-.04em;color:var(--sub);opacity:0;margin-left:5vw;font-family:Syne,sans-serif;font-size:clamp(52px,8vw,110px);font-weight:700;line-height:1.1;transition:opacity .6s}.hero-slash.in{opacity:1}.hero-sub{opacity:0;margin-top:40px;transition:opacity .6s,transform .6s;transform:translateY(16px)}.hero-sub.in{opacity:1;transform:translateY(0)}.hero-sub p{font-family:var(--font-body);color:#ffffffbf;max-width:480px;font-size:18px;font-weight:400;line-height:1.6}.hero-sub p+p{margin-top:4px}.hero-bottom{border-top:1px solid var(--border);opacity:0;justify-content:space-between;align-items:center;padding:28px 0;transition:opacity .6s;display:flex}.hero-bottom.in{opacity:1}.hero-bottom-left,.hero-bottom-right{font-family:var(--font-mono);letter-spacing:.15em;color:#ffffffa6;text-transform:uppercase;font-size:12px}.hero-bottom-right{align-items:center;gap:8px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-scroll-hint{font-family:var(--font-mono);color:#fff9;opacity:0;cursor:none;font-size:22px;text-decoration:none;transition:opacity .6s;animation:2s ease-in-out infinite bounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-hint.in{opacity:1}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}#about{border-top:1px solid var(--border)}.about-grid{grid-template-columns:200px 1fr;align-items:start;gap:0 80px;display:grid}.about-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase;padding-top:6px;font-size:11px}.about-content p{color:#ffffffd9;max-width:640px;margin-bottom:48px;font-size:19px;font-weight:400;line-height:1.75}.stats-row{gap:64px;margin-top:16px;display:flex}.stat-num{font-family:var(--font-display);color:var(--fg);letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--sub);text-transform:uppercase;margin-top:6px;font-size:10px}#skills{border-top:1px solid var(--border)}.skills-grid{grid-template-columns:200px 1fr;gap:0 80px;display:grid}.skills-cols{grid-template-columns:1fr 1fr;gap:0 64px;display:grid}.skill-item{color:#ffffffa6;border-bottom:1px solid var(--border);cursor:none;letter-spacing:.01em;padding:12px 0;font-size:17px;font-weight:400;transition:color .2s,padding-left .2s cubic-bezier(.16,1,.3,1)}.skill-item:hover{color:var(--fg);padding-left:8px}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;overflow:hidden}.marquee-track{white-space:nowrap;gap:0;animation:28s linear infinite marquee;display:flex}.marquee-text{font-family:var(--font-mono);letter-spacing:.3em;color:var(--muted);text-transform:uppercase;flex-shrink:0;padding-right:0;font-size:10px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#projects{border-top:1px solid var(--border)}.projects-list{margin-top:0}.project-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:48px 1fr auto 32px;align-items:center;gap:24px;padding:28px 0;transition:background .2s;display:grid;position:relative}.project-row:first-child{border-top:1px solid var(--border)}.project-row:hover{background:#ffffff05}.project-num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:13px}.project-title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin-bottom:6px;font-size:24px;font-weight:800}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffffb3;text-transform:uppercase;border:1px solid var(--border);padding:3px 8px;font-size:11px;font-weight:400}.project-year{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;font-size:13px}.project-arrow{color:var(--muted);font-size:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s}.project-row:hover .project-arrow{color:var(--fg);transform:translate(6px)}.project-detail{opacity:0;border-bottom:1px solid var(--border);max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.project-detail.open{opacity:1;max-height:300px}.project-detail-inner{grid-template-columns:1fr auto;align-items:start;gap:24px;padding:24px 72px 32px;display:grid}.project-desc{color:#ffffffd9;max-width:580px;margin-bottom:16px;font-size:17px;font-weight:400;line-height:1.7}.project-stack{flex-wrap:wrap;gap:8px;display:flex}.stack-chip{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffffb3;border:1px solid var(--border);text-transform:uppercase;background:#ffffff0a;padding:4px 10px;font-size:11px;font-weight:400}.project-links{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.project-link{font-family:var(--font-mono);letter-spacing:.15em;color:#ffffffa6;text-transform:uppercase;white-space:nowrap;cursor:none;border-bottom:1px solid #0000;padding-bottom:2px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s}.project-link:hover{color:var(--fg);border-color:var(--fg)}#experience,#education{border-top:1px solid var(--border)}.timeline{margin-top:0}.timeline-item{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;gap:0 80px;padding:36px 0;display:grid}.timeline-item:first-child{border-top:1px solid var(--border)}.timeline-year{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-size:11px}.timeline-type{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase;opacity:.5;font-size:9px}.timeline-title{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;margin-bottom:4px;font-size:18px;font-weight:700}.timeline-org{color:var(--sub);margin-bottom:12px;font-size:13px;font-weight:300}.timeline-desc{color:#ffffffbf;max-width:520px;font-size:16px;font-weight:400;line-height:1.7}#contact{border-top:1px solid var(--border);flex-direction:column;justify-content:center;min-height:60vh;padding:120px 48px;display:flex}.contact-headline{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg);margin-bottom:56px;font-size:clamp(52px,9vw,130px);font-weight:800;line-height:.9;overflow:hidden}.contact-headline span{display:block}.contact-headline .italic{color:#ffffff59;font-style:italic;font-weight:300}.contact-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.contact-email{font-family:var(--font-mono);letter-spacing:.05em;color:#ffffffd9;border-bottom:1px solid var(--border);cursor:none;padding-bottom:4px;font-size:18px;text-decoration:none;transition:color .2s,border-color .2s}.contact-email:hover{color:var(--fg);border-color:var(--fg)}.contact-socials{gap:28px;display:flex}.contact-social-link{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffffa6;text-transform:uppercase;cursor:none;font-size:13px;text-decoration:none;transition:color .2s;position:relative}.contact-social-link:after{content:"";background:var(--fg);width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.contact-social-link:hover{color:var(--fg)}.contact-social-link:hover:after{width:100%}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 48px;display:flex}footer span{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-size:10px}@media (max-width:768px){nav{padding:20px 24px}.nav-links{gap:20px}section{padding:80px 24px}#hero{padding:0 24px}.hero-mascot{height:45vh;right:-5%;opacity:.3!important}.hero-corner-tl,.hero-corner-tr{display:none}.about-grid,.skills-grid,.timeline-item{grid-template-columns:1fr;gap:16px}.skills-cols{grid-template-columns:1fr}.project-row{grid-template-columns:32px 1fr 32px}.project-year{display:none}.project-detail-inner{grid-template-columns:1fr;padding:16px 24px 24px}.project-links{flex-direction:row;align-items:flex-start}.contact-headline{font-size:clamp(40px,11vw,100px)}.stats-row{gap:32px}footer{text-align:center;flex-direction:column;gap:8px;padding:20px 24px}#contact{padding:80px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.reveal-clip{opacity:1;clip-path:none;transform:none}.hero-name-line span,.hero-slash,.hero-sub,.hero-bottom,.hero-scroll-hint{opacity:1;transform:none}}