*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}:root{--bg: #06060a;--cream: #ede8df;--cream2: #b8b0a0;--accent: #c8f04a;--blue: #4af0f0;--dim: #141418;--line: #1e1e24;--serif: "DM Serif Display", serif;--mono: "Space Mono", monospace;--sans: "Inter", sans-serif}body{background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#glcanvas{position:fixed;inset:0;z-index:0;pointer-events:none}#pgbar{position:fixed;top:0;left:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--blue));z-index:500;transform-origin:left;transform:scaleX(0)}#preloader{position:fixed;inset:0;background:var(--bg);z-index:1000;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:3rem}.pre-status{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem}.pre-big{font-family:var(--serif);font-size:clamp(4rem,12vw,9rem);line-height:.95;color:var(--cream);margin-bottom:2rem;overflow:hidden}.pre-big span{display:block;transform:translateY(110%)}.pre-line{width:100%;height:1px;background:var(--line);position:relative;overflow:hidden}.pre-fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--accent)}.pre-pct{font-family:var(--mono);font-size:.65rem;color:var(--cream2);margin-top:.7rem}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.6rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.nl{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;color:var(--cream);text-transform:uppercase}.nl em{font-family:var(--serif);font-style:italic;font-size:.95rem;margin-right:.3rem}.nr{display:flex;align-items:center;gap:2.5rem}.nr a{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream2);text-decoration:none;transition:color .3s;cursor:none}.nr a:hover{color:var(--cream)}.nr-avail{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--accent)}.ndot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#hero{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:1fr auto;padding:0 2.5rem}.hero-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:7rem}.hm-left{display:flex;flex-direction:column;gap:.4rem}.hm-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream2)}.hm-tag span{color:var(--accent)}.hero-main{padding-bottom:5rem}.hero-title{font-family:var(--serif);font-size:clamp(3.8rem,9.5vw,9rem);line-height:.9;letter-spacing:-.02em;overflow:visible}.hero-title .hl{display:block;overflow:hidden}.hero-title .hw{display:inline-block;transform:translateY(105%);opacity:0}.hero-title em{font-style:italic;color:var(--accent)}.hero-title .outline{-webkit-text-stroke:1px var(--cream);color:transparent}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:2rem;border-top:1px solid var(--line)}.hb-desc{font-size:.85rem;color:var(--cream2);line-height:1.8;max-width:280px}.hb-desc strong{color:var(--cream);font-weight:400}.hb-right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.hb-scroll{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream2);display:flex;align-items:center;gap:.7rem}.hb-line{width:30px;height:1px;background:var(--cream2);position:relative;overflow:hidden}.hb-line:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--accent);animation:slide 2s ease infinite}@keyframes slide{0%{left:-100%}to{left:100%}}.hb-coords{font-family:var(--mono);font-size:.55rem;color:var(--line);letter-spacing:.08em}.mq-wrap{position:relative;z-index:1;overflow:hidden;padding:.9rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mq-track{display:flex;white-space:nowrap;animation:mq 20s linear infinite}.mq-track:hover{animation-play-state:paused}.mq-item{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2rem);font-style:italic;color:var(--line);padding:0 1.5rem;transition:color .4s;flex-shrink:0}.mq-item:hover{color:var(--cream)}.mq-dot{color:var(--accent);font-size:.6rem;align-self:center;padding:0 .3rem;flex-shrink:0}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden}.glitch:before{left:2px;text-shadow:-1px 0 var(--accent);animation:glitch1 4s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--blue);animation:glitch2 3s infinite linear alternate-reverse}@keyframes glitch1{0%,90%,to{clip-path:inset(100% 0 0 0)}91%{clip-path:inset(10% 0 85% 0)}93%{clip-path:inset(60% 0 20% 0)}96%{clip-path:inset(40% 0 50% 0)}}@keyframes glitch2{0%,88%,to{clip-path:inset(100% 0 0 0)}89%{clip-path:inset(70% 0 5% 0)}92%{clip-path:inset(30% 0 60% 0)}95%{clip-path:inset(50% 0 30% 0)}}#about{position:relative;z-index:1;padding:8rem 2.5rem}.ab-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6rem;align-items:start}.section-eyebrow{font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;display:flex;align-items:center;gap:.8rem}.section-eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--accent)}.ab-h{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:2.5rem}.ab-h em{font-style:italic;color:var(--accent)}.ab-text{font-size:.9rem;color:var(--cream2);line-height:1.9;margin-bottom:1.5rem}.ab-text strong{color:var(--cream);font-weight:400}.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-bottom:2rem}.ab-stat{background:var(--bg);padding:1.8rem 1.5rem}.ab-num{font-family:var(--serif);font-size:2.8rem;line-height:1;color:var(--cream)}.ab-num em{font-style:italic;font-size:1.2rem;color:var(--accent)}.ab-slabel{font-family:var(--mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream2);margin-top:.5rem}.terminal{background:var(--dim);border:1px solid var(--line);border-radius:4px;overflow:hidden}.term-bar{background:var(--line);padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem}.term-dot{width:8px;height:8px;border-radius:50%}.term-body{padding:1.5rem;font-family:var(--mono);font-size:.72rem;line-height:2;color:var(--cream2)}.t-g{color:var(--accent)}.t-b{color:var(--blue)}.t-p{color:#c084fc}.t-o{color:#fb923c}.t-c{color:#475569}#works{position:relative;z-index:1;padding:6rem 2.5rem}.works-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.works-title{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.02em}.works-count{font-family:var(--mono);font-size:.6rem;color:var(--cream2)}.work-item{display:grid;grid-template-columns:4.5rem 1fr 160px 1.5rem;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid var(--line);transition:padding-left .5s cubic-bezier(.4,0,.2,1);cursor:none;position:relative}.work-item:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--blue));transition:width .6s ease}.work-item:hover{padding-left:1.5rem}.work-item:hover:after{width:100%}.work-item:hover .w-name{color:var(--accent)}.w-idx{font-family:var(--mono);font-size:.58rem;color:var(--line);padding-top:.35rem}.w-name{font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.01em;margin-bottom:.5rem;transition:color .3s}.w-type{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream2);margin-bottom:1rem}.w-desc{font-size:.82rem;color:var(--cream2);line-height:1.75}.w-tags{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end;padding-top:.35rem}.w-tag{font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border:1px solid var(--line);color:var(--cream2)}.w-arr{font-size:1rem;color:var(--line);transition:color .3s,transform .3s;padding-top:.35rem;font-family:var(--mono)}.work-item:hover .w-arr{color:var(--accent);transform:translate(3px,-3px)}#skills{position:relative;z-index:1;padding:6rem 2.5rem}.sk-head{padding-bottom:2rem;border-bottom:1px solid var(--line);margin-bottom:3rem;display:flex;justify-content:space-between;align-items:baseline}.sk-title{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.02em}.sk-sub{font-family:var(--mono);font-size:.6rem;color:var(--cream2)}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.sk-cell{background:var(--bg);padding:2rem 1.8rem;position:relative;overflow:hidden;transition:background .3s}.sk-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,240,74,.05),transparent);opacity:0;transition:opacity .4s}.sk-cell:hover{background:var(--dim)}.sk-cell:hover:before{opacity:1}.sk-cell:hover .sk-n{color:var(--accent)}.sk-cat2{font-family:var(--mono);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}.sk-n{font-family:var(--serif);font-size:1.35rem;letter-spacing:-.01em;margin-bottom:1rem;transition:color .3s}.sk-bar-bg{height:1px;background:var(--line)}.sk-bar-f{height:1px;width:0;background:linear-gradient(90deg,var(--accent),var(--blue));transition:width 1.4s cubic-bezier(.4,0,.2,1)}.sk-pct{font-family:var(--mono);font-size:.55rem;color:var(--cream2);margin-top:.5rem}#experience{position:relative;z-index:1;padding:6rem 2.5rem}.ex-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:2rem;border-bottom:1px solid var(--line);margin-bottom:0}.ex-title{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.02em}.ex-total{font-family:var(--mono);font-size:.6rem;color:var(--cream2)}.ex-item{display:grid;grid-template-columns:2fr 3fr;gap:4rem;padding:4rem 0;border-bottom:1px solid var(--line);position:relative}.ex-item:before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);transition:width .8s ease}.ex-item:hover:before{width:60%}.ex-co{font-family:var(--serif);font-size:1.4rem;letter-spacing:-.01em;margin-bottom:.4rem}.ex-role{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.ex-meta{font-family:var(--mono);font-size:.58rem;color:var(--cream2);line-height:1.8}.ex-pts{list-style:none;display:flex;flex-direction:column;gap:1.2rem}.ex-pts li{font-size:.85rem;color:var(--cream2);padding-left:1.5rem;position:relative;line-height:1.7}.ex-pts li:before{content:"";position:absolute;left:0;top:.75rem;width:8px;height:1px;background:var(--accent)}#contact{position:relative;z-index:1;padding:8rem 2.5rem 5rem;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.ct-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem}.ct-h{font-family:var(--serif);font-size:clamp(3rem,8vw,7.5rem);line-height:.92;letter-spacing:-.03em}.ct-h em{font-style:italic;color:var(--cream2)}.ct-side{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem;align-items:flex-end}.ct-tag{font-family:var(--mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream2)}.ct-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:3rem;border-top:1px solid var(--line)}.ct-email-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream2);margin-bottom:.5rem}.ct-email{font-family:var(--serif);font-size:clamp(1.2rem,2.5vw,2.2rem);color:var(--cream);text-decoration:none;transition:color .3s;cursor:none}.ct-email:hover{color:var(--accent)}.ct-links{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.ct-link{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream2);text-decoration:none;transition:color .3s;cursor:none}.ct-link:hover{color:var(--cream)}footer{position:relative;z-index:1;padding:1.5rem 2.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.ft{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;color:var(--line)}.ft span{color:var(--accent)}.rv{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}.rv.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.magnetic-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.2rem;border:1px solid var(--line);font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream2);text-decoration:none;transition:border-color .3s,color .3s;cursor:none;overflow:hidden}.magnetic-btn span{position:relative;z-index:1}.magnetic-btn:before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.magnetic-btn:hover{color:var(--bg);border-color:var(--accent)}.magnetic-btn:hover:before{transform:translateY(0)}