:root{--accent: 111 227 255;--bg: #06080f;--bg-soft: #0a0e1a;--ink: #e8edf6;--ink-dim: #9aa5b8;--line: rgba(232, 237, 246, .1);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--haze: #9aa5b8}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:rgb(var(--accent) / .4) transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:rgb(var(--accent) / .35)}.mono{font-family:var(--font-mono);font-size:.8em;letter-spacing:.02em}.webgl-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain{position:fixed;inset:-3%;z-index:40;pointer-events:none;opacity:.05;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(2) infinite}@keyframes grain-shift{0%{transform:translate(0)}50%{transform:translate(1.5%,-1%)}to{transform:translate(-1%,1.5%)}}@media (hover: fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:70;pointer-events:none;will-change:transform}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:rgb(var(--accent))}.cursor-ring{width:0;height:0}.cursor-ring-c{display:block;width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid rgb(var(--accent) / .55);border-radius:50%;transition:transform .28s ease,border-color .28s ease,background .28s ease}body.cursor-hover .cursor-ring-c{transform:scale(1.7);border-color:rgb(var(--accent) / .9);background:rgb(var(--accent) / .08)}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,64px);transition:background .4s ease,backdrop-filter .4s ease,padding .4s ease}.site-header.is-scrolled{padding-block:12px;background:#06080fe6;border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:.04em}.brand-dot{color:rgb(var(--accent))}.site-nav{display:flex;gap:clamp(14px,2.5vw,30px);align-items:center}.site-nav a{color:var(--ink-dim);text-decoration:none;font-size:14px;font-weight:500;transition:color .25s ease}.site-nav a:hover{color:rgb(var(--accent))}.nav-cta{border:1px solid rgb(var(--accent) / .5);border-radius:999px;padding:7px 18px;color:rgb(var(--accent))!important}.nav-cta:hover{background:rgb(var(--accent) / .12)}main{position:relative;z-index:1}.section{position:relative;max-width:1080px;margin:0 auto;padding:clamp(90px,14vh,160px) clamp(20px,5vw,64px)}.section-index{color:rgb(var(--accent));font-size:13px;margin-bottom:10px}.section-title{font-family:var(--font-display);font-size:clamp(34px,5.5vw,56px);font-weight:700;letter-spacing:-.02em;margin-bottom:clamp(28px,4vh,48px)}.section-sub{color:var(--ink-dim);margin:-24px 0 40px;max-width:560px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:1080px}.hero-kicker{color:rgb(var(--accent));margin-bottom:18px;font-size:14px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,11vw,128px);line-height:.98;letter-spacing:-.03em;text-transform:uppercase}.hero-line{display:block;overflow:hidden}.hero-line{clip-path:inset(-10% 0 -10% 0)}.hero-line--accent{color:rgb(var(--accent));text-shadow:0 0 60px rgb(var(--accent) / .35)}.cursor-caret{animation:caret-blink 1.1s steps(2) infinite}@keyframes caret-blink{50%{opacity:0}}.hero-sub{max-width:620px;margin-top:28px;font-size:clamp(16px,2vw,19px);color:var(--ink-dim)}.hero-sub strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}.btn{font-family:var(--font-display);font-weight:500;font-size:15px;text-decoration:none;border-radius:999px;padding:13px 30px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.btn--primary{background:rgb(var(--accent));color:#04121a;box-shadow:0 0 32px rgb(var(--accent) / .3)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 46px rgb(var(--accent) / .5)}.btn--ghost{border:1px solid var(--line);color:var(--ink)}.btn--ghost:hover{border-color:rgb(var(--accent) / .6);color:rgb(var(--accent))}.scroll-hint{position:absolute;bottom:36px;left:clamp(20px,5vw,64px);display:flex;align-items:center;gap:12px;color:var(--ink-dim);font-size:12px}.scroll-hint-wheel{width:22px;height:34px;border:1.5px solid var(--ink-dim);border-radius:12px;position:relative}.scroll-hint-wheel:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:rgb(var(--accent));animation:wheel-drop 1.6s ease-in-out infinite}@keyframes wheel-drop{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:0}}.about-body{max-width:720px;display:grid;gap:22px;font-size:clamp(16px,1.9vw,18px)}.about-lead{font-size:clamp(19px,2.4vw,24px);line-height:1.5;color:var(--ink)}.about-body p{color:var(--ink-dim)}.about-body strong{color:rgb(var(--accent));font-weight:600}.timeline{position:relative;display:grid;grid-template-columns:24px 1fr;gap:0 28px}.timeline-rail{position:relative;width:2px;margin-left:11px;background:var(--line);border-radius:2px}.timeline-rail-fill{position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--accent)),rgb(var(--accent) / .2));transform-origin:top;transform:scaleY(0)}.timeline-items{display:grid;gap:clamp(40px,6vh,64px)}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-47px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid rgb(var(--accent));box-shadow:0 0 18px rgb(var(--accent) / .55)}.timeline-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:14px}.timeline-head h3{font-family:var(--font-display);font-size:clamp(20px,2.6vw,26px)}.timeline-period{color:rgb(var(--accent));font-size:13px}.timeline-role{border-left:1px solid var(--line);padding:4px 0 4px 20px;margin-bottom:18px}.timeline-role-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}.timeline-role-head h4{font-size:16.5px;font-weight:600}.timeline-role-head .mono{color:var(--ink-dim);font-size:12px}.timeline-role ul{list-style:none;display:grid;gap:7px}.timeline-role li{color:var(--ink-dim);font-size:15px;padding-left:18px;position:relative}.timeline-role li:before{content:"▸";position:absolute;left:0;color:rgb(var(--accent) / .8)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:26px;background:#0a0e1ae6;display:flex;flex-direction:column;gap:14px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;appearance:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.project-card:hover{transform:translateY(-6px);border-color:rgb(var(--accent) / .55);box-shadow:0 18px 48px #00000073,0 0 0 1px rgb(var(--accent) / .2) inset}.project-top{display:flex;flex-direction:column;gap:4px}.project-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card h3{font-family:var(--font-display);font-size:19px}.project-role{color:rgb(var(--accent));font-size:12px}.project-badge{flex:none;border-radius:999px;padding:3px 10px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.project-badge.is-live{border:1px solid rgb(var(--accent) / .5);color:rgb(var(--accent));background:rgb(var(--accent) / .08)}.project-badge.is-private{border:1px dashed var(--line);color:var(--ink-dim)}.project-card p{color:var(--ink-dim);font-size:14.5px;flex:1}.project-stack{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--ink-dim);transition:color .25s ease,border-color .25s ease}.project-card:hover .tag{border-color:rgb(var(--accent) / .35);color:var(--ink)}.skills-rows{display:grid;gap:14px;max-width:860px}.skills-row{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.skills-group{color:rgb(var(--accent));font-size:12.5px;padding-top:6px}.skills-items{display:flex;flex-wrap:wrap;gap:8px}.skills-items .tag:hover{border-color:rgb(var(--accent) / .5);color:var(--ink)}.contact{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.contact-title{font-family:var(--font-display);font-size:clamp(36px,6.5vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:clamp(36px,6vh,60px)}.contact-title-accent{color:rgb(var(--accent));text-shadow:0 0 60px rgb(var(--accent) / .35)}.contact-links{display:grid;gap:2px;max-width:640px}.contact-link{display:flex;align-items:baseline;gap:22px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding-left .3s ease,border-color .3s ease}a.contact-link:hover{padding-left:14px;border-color:rgb(var(--accent) / .6)}.contact-label{color:rgb(var(--accent));font-size:12px;min-width:84px}.contact-value{color:var(--ink);font-size:clamp(16px,2.2vw,20px);font-weight:500}.site-footer{margin-top:clamp(60px,10vh,110px);color:var(--ink-dim);font-size:12px}@media (max-width: 640px){.site-nav a:not(.nav-cta){display:none}.timeline{grid-template-columns:12px 1fr;gap:0 18px}.timeline-dot{left:-30px}.skills-row{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion: reduce){.grain,.scroll-hint-wheel:after,.cursor-caret{animation:none}}.terminal-open{overflow:hidden}.term{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(.75rem,3vw,2.5rem);background:radial-gradient(ellipse at 50% 40%,#0a0e16,#04060a 70%,#020306);font-family:var(--font-mono)}.term__win{position:relative;width:80vw;max-width:1100px;height:min(86vh,760px);display:flex;flex-direction:column;border:1px solid rgb(var(--accent) / .28);border-radius:10px;background:#080b12eb;box-shadow:0 30px 90px #0009;overflow:hidden}.term__win:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,rgb(var(--accent) / .2),transparent 70%);filter:blur(28px);z-index:-1;animation:termGlow 4s ease-in-out infinite}@keyframes termGlow{0%,to{opacity:.55}50%{opacity:.9}}.term__bar{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .06)}.term__lights{display:flex;gap:.5rem}.term__light{display:block;width:11px;height:11px;border-radius:9999px}.term__light.is-red{background:#ff5f57}.term__light.is-amber{background:#febc2e}.term__light.is-green{background:#28c840}.term__title{flex:1;text-align:center;font-size:.78rem;letter-spacing:.04em;color:var(--haze)}.term__enter{background:none;border:1px solid rgb(var(--accent) / .45);border-radius:999px;padding:.3rem .85rem;color:rgb(var(--accent));font:inherit;font-size:.7rem;letter-spacing:.08em;cursor:pointer;animation:termEnterPulse 2.2s ease-in-out infinite}.term__enter:hover{background:rgb(var(--accent) / .12)}@keyframes termEnterPulse{0%,to{box-shadow:0 0 rgb(var(--accent) / .35)}50%{box-shadow:0 0 14px 2px rgb(var(--accent) / .35)}}.term__tabs{display:flex;gap:.25rem;padding:0 .6rem;border-bottom:1px solid rgb(255 255 255 / .06);overflow-x:auto}.term__tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--haze);font:inherit;font-size:.74rem;padding:.6rem .7rem;white-space:nowrap;cursor:pointer;opacity:.6;transition:opacity .2s,color .2s,border-color .2s;animation:termTabFlicker 4.5s ease-in-out infinite}.term__tab:hover{opacity:1;color:rgb(var(--accent));border-bottom-color:rgb(var(--accent) / .6)}.term__tabs.has-active .term__tab{animation:none}.term__tab.is-active{opacity:1;color:rgb(var(--accent));background:rgb(var(--accent) / .08);border-bottom-color:rgb(var(--accent))}@keyframes termTabFlicker{0%,to{color:var(--haze);opacity:.5;text-shadow:none}50%{color:#fff;opacity:1;text-shadow:0 0 6px rgb(var(--accent) / .5),0 0 14px rgb(var(--accent) / .3)}}.term__tabicon{margin-right:.4rem;opacity:.8}.term__body{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;padding:1.1rem 1.2rem;font-size:.86rem;line-height:1.6;color:var(--haze)}.term__out{flex:1 1 auto;min-height:0;overflow:auto;white-space:pre-wrap}.term__input{display:block;width:min(28rem,100%);margin-top:.5rem;padding:.2rem 0;background:none;border:0;border-bottom:1px solid rgb(var(--accent) / .5);outline:0;color:#e8eef7;font:inherit;caret-color:rgb(var(--accent))}.term__scene{position:relative;margin-top:.9rem;height:210px;background:transparent}.term__scene canvas{display:block;background:transparent}.term__status{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;border-top:1px solid rgb(255 255 255 / .06);font-size:.68rem;letter-spacing:.06em;color:#fff6}.term__statusright{display:flex;gap:1rem}.term__line{white-space:pre-wrap}.tok-host{color:#98c379}.tok-prompt{color:#61afef}.tok-cmd{color:#e6edf3}.tok-comment{color:#7f8c98}.tok-bullet{color:#56b6c2}.tok-error{color:#e06c75}.term__outlabel{margin:.1rem 0 .05rem;padding-left:.2rem;font-size:.76rem}.tok-label-dot{color:rgb(var(--accent) / .75)}.tok-label{color:#6b7686;letter-spacing:.05em}.term__caret{display:inline-block;width:.5em;height:1.05em;vertical-align:text-bottom;background:rgb(var(--accent));animation:termBlink 1.05s step-end infinite}@keyframes termBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.term__win:before,.term__caret,.term__tab,.term__enter{animation:none}}@media (max-width: 600px){.term{padding:0}.term__win{width:100vw;max-width:none;height:100vh;border:0;border-radius:0}.term__body{font-size:.8rem}.term__title{display:none}}@media (max-height: 560px){.term__scene{display:none}}.pjm__win{width:min(680px,92vw);height:auto;max-height:80vh}.pjm__foot{flex:none;margin-top:.6rem;padding-top:.7rem;border-top:1px solid var(--line)}.pjm__link{font-size:.82rem;color:rgb(var(--accent));text-decoration:none;border-bottom:1px solid rgb(var(--accent) / .4)}.pjm__link:hover{border-bottom-color:rgb(var(--accent))}.pjm__link:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:3px}.pjm__link--none{color:var(--ink-dim);border-bottom:0}.pjm__out{flex:1;min-height:0;margin:0;padding:.4rem .2rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--ink);white-space:pre-wrap;overflow:auto}