:root{--bg:#000;--panel:#090c11a8;--panel-solid:#090c11;--alt-veil:#0006;--line:#ffffff1f;--line-soft:#ffffff12;--fg:#e7ecf3;--fg-mid:#a6b1c2;--fg-dim:#6b7686;--accent:#4ade80;--accent-dim:#22c55e;--accent-glow:#4ade8029;--accent-2:#38bdf8;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--wrap:1180px;--ease:cubic-bezier(.22, 1, .36, 1);--tshadow:0 2px 18px #000000d9}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--accent);color:#04120a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#232b36;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2f3947}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.videoLayer{z-index:0;background:var(--bg);pointer-events:none;--video-top-inset:clamp(20px, 5.5vh, 68px);position:fixed;inset:0;overflow:hidden}.videoLayer__video{top:var(--video-top-inset);width:100%;height:calc(100% - var(--video-top-inset));object-fit:cover;object-position:50% 0%;opacity:0;transition:opacity 1.2s var(--ease);position:absolute;left:0}.videoLayer__patch{pointer-events:none;background:#000;position:absolute}.videoLayer__video.is-ready{opacity:1}.videoLayer__scrim{background:#000;transition:opacity .25s linear;position:absolute;inset:0}.videoLayer__grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.vidloader{z-index:45;pointer-events:none;justify-items:center;gap:12px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.vidloader__bar{background:#ffffff24;width:180px;height:2px;overflow:hidden}.vidloader__bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.vidloader__text{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.hud{z-index:40;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;font-size:11px;display:flex;position:fixed;bottom:20px;left:clamp(20px,5vw,56px);right:clamp(20px,5vw,56px)}.hud__group{align-items:baseline;gap:7px;display:flex}.hud__label,.hud__dim{color:#6b7686}.hud__val{color:#4ade80;font-variant-numeric:tabular-nums}.cursor-glow{pointer-events:none;z-index:1;background:radial-gradient(circle, var(--accent-glow) 0%, transparent 65%);opacity:0;will-change:transform;border-radius:50%;width:460px;height:460px;margin:-230px 0 0 -230px;transition:opacity .5s;position:fixed;top:0;left:0}.page{z-index:2;position:relative}.scroll-progress{z-index:70;background:#ffffff12;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress span{background:linear-gradient(90deg, var(--accent-dim), var(--accent), var(--accent-2));width:0%;height:100%;box-shadow:0 0 12px var(--accent-glow);display:block}.nav{z-index:50;transition:background .4s var(--ease), border-color .4s var(--ease), padding .4s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav.is-stuck{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line-soft);background:#0000009e;padding-top:12px;padding-bottom:12px}.nav__brand{align-items:center;gap:10px;display:flex}.nav__logo{border:1px solid var(--line);width:34px;height:34px;font-family:var(--mono);color:var(--accent);background:#00000080;border-radius:9px;place-items:center;font-size:12px;font-weight:700;transition:border-color .3s,box-shadow .3s;display:grid}.nav__brand:hover .nav__logo{border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow)}.nav__brandtext{font-family:var(--mono);text-shadow:var(--tshadow);font-size:14px}.accent{color:var(--accent)}.nav__links{align-items:center;gap:26px;display:flex}.nav__links a{font-family:var(--mono);color:var(--fg-mid);text-shadow:var(--tshadow);font-size:13px;transition:color .25s;position:relative}.nav__num{color:var(--accent);margin-right:2px;font-size:11px}.nav__links a:hover,.nav__links a.is-active{color:var(--fg)}.nav__links a.is-active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-6px;left:0;right:0}.nav__cta{border:1px solid var(--line);background:#0006;border-radius:999px;padding:8px 16px;transition:border-color .25s,background .25s,box-shadow .25s;color:var(--fg)!important}.nav__cta:hover{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow)}.nav__cta:after{display:none!important}.nav__burger{border:1px solid var(--line);cursor:pointer;background:#0006;border-radius:9px;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;display:none}.nav__burger span{background:var(--fg);width:18px;height:1.5px;transition:transform .3s var(--ease);margin:0 auto;display:block}.nav__burger[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.hero{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100svh;padding:0 24px calc(120px + 5vh);display:flex;position:relative}.hero__inner{justify-items:center;display:grid}.hero__kicker{font-family:var(--mono);letter-spacing:2.4px;text-transform:uppercase;color:var(--fg-mid);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#00000073;border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 16px;font-size:11px;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero__title{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(2.9rem,10.5vw,8.2rem);font-weight:700;line-height:.88}.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{background:linear-gradient(#fff 10%,#9aa6ba 92%);color:#0000;animation:riseIn 1.05s var(--ease) forwards;-webkit-background-clip:text;background-clip:text;display:block;transform:translateY(105%)}.hero__title .line:nth-child(2)>span{animation-delay:.1s}@keyframes riseIn{to{transform:translateY(0)}}.hero__role{font-family:var(--mono);letter-spacing:5px;text-transform:uppercase;color:var(--fg-mid);text-shadow:var(--tshadow);margin-top:22px;font-size:clamp(.8rem,2.1vw,1.05rem)}.scrollhint{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--fg-dim);justify-items:center;gap:10px;font-size:10px;transition:opacity .4s;display:grid;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.scrollhint.is-hidden{opacity:0}.scrollhint__mouse{border:1px solid var(--line);border-radius:12px;width:22px;height:34px;position:relative}.scrollhint__mouse i{background:var(--accent);border-radius:2px;width:3px;height:6px;margin-left:-1.5px;animation:1.9s infinite wheel;position:absolute;top:7px;left:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(11px)}to{opacity:0;transform:translateY(0)}}.interlude{text-align:center;place-items:center;min-height:88vh;padding:0 24px;display:grid}.interlude__text{letter-spacing:-.035em;text-shadow:0 6px 40px #000c;font-size:clamp(1.75rem,5.4vw,3.9rem);font-weight:500;line-height:1.06}.interlude__text em{color:var(--accent);font-style:italic}.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(6px);background:#00000073;padding:16px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__inner{width:max-content;animation:34s linear infinite slide;display:flex}.marquee__inner span{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;font-size:13px}@keyframes slide{to{transform:translate(-50%)}}.section{padding:clamp(90px,13vh,150px) clamp(20px,5vw,56px);position:relative}.section--alt{background:var(--alt-veil);-webkit-backdrop-filter:blur(3px);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.wrap{max-width:var(--wrap);margin:0 auto}.wrap--split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(36px,6vw,80px);display:grid}.wrap--center{text-align:center;max-width:860px}.eyebrow{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;display:inline-flex}.eyebrow__num{color:var(--accent);border-right:1px solid var(--line);padding-right:10px}.h2{letter-spacing:-.035em;text-shadow:var(--tshadow);margin-bottom:34px;font-size:clamp(2rem,5.2vw,3.6rem);font-weight:600;line-height:1.05}.h2--xl{font-size:clamp(2.6rem,8vw,5.6rem)}.lead{color:var(--fg-mid);max-width:62ch;text-shadow:var(--tshadow);margin-bottom:18px;font-size:clamp(1rem,1.35vw,1.08rem)}.lead--center{margin:0 auto 40px}.col-left{position:sticky;top:120px}.reveal{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(26px)}.reveal.is-in{opacity:1;transform:none}.terminal{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);border-radius:12px;margin-bottom:30px;overflow:hidden;box-shadow:0 24px 60px -30px #000000f2}.terminal__bar{border-bottom:1px solid var(--line);background:#0006;align-items:center;gap:7px;padding:11px 14px;display:flex}.tdot{border-radius:50%;width:10px;height:10px;display:block}.tdot--r{background:#ff5f57}.tdot--y{background:#febc2e}.tdot--g{background:#28c840}.terminal__name{font-family:var(--mono);color:var(--fg-dim);margin-left:10px;font-size:11.5px}.terminal__body{font-family:var(--mono);color:var(--fg-mid);padding:18px 20px;font-size:13px;line-height:1.75;overflow-x:auto}.c-key{color:#c084fc}.c-var{color:var(--accent-2)}.c-op{color:var(--fg-dim)}.c-prop{color:#e7ecf3}.c-str{color:var(--accent)}.stats{border-top:1px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;padding-top:30px;display:grid}.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;text-shadow:var(--tshadow);font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;line-height:1;display:block}.stat b:after{content:"+";color:var(--accent)}.stat span{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--fg-dim);margin-top:7px;font-size:11px;display:block}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:20px;display:grid}.stack-grid>.reveal{display:flex}.card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);transition:transform .45s var(--ease), border-color .35s, box-shadow .45s;border-radius:14px;flex:1;padding:30px 26px;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), var(--accent-glow), transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 26px 60px -34px #000}.card:hover:before{opacity:1}.card__ico{border:1px solid var(--line);width:42px;height:42px;font-family:var(--mono);color:var(--accent);background:#00000073;border-radius:11px;place-items:center;margin-bottom:20px;font-size:14px;display:grid}.card h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.22rem;font-weight:600}.card p{color:var(--fg-mid);margin-bottom:20px;font-size:.95rem}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{font-family:var(--mono);color:var(--fg-mid);border:1px solid var(--line);background:#00000059;border-radius:999px;padding:5px 11px;font-size:11px}.tags--sm li{padding:4px 9px;font-size:10.5px}.projects{border-top:1px solid var(--line-soft)}.project{border-bottom:1px solid var(--line-soft);transition:background .4s var(--ease), padding-left .4s var(--ease);grid-template-columns:70px minmax(0,1fr) auto;align-items:start;gap:24px;padding:34px 8px;display:grid;position:relative}.project:after{content:"";background:var(--accent);width:0;height:1px;transition:width .6s var(--ease);position:absolute;bottom:-1px;left:0}.project:hover{background:linear-gradient(90deg,#4ade800f,#0000 70%);padding-left:20px}.project:hover:after{width:100%}.project__idx{font-family:var(--mono);color:var(--fg-dim);padding-top:6px;font-size:12px;transition:color .3s}.project:hover .project__idx{color:var(--accent)}.project__title{letter-spacing:-.03em;text-shadow:var(--tshadow);margin-bottom:10px;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;transition:color .3s}.project:hover .project__title{color:var(--accent)}.project__desc{color:var(--fg-mid);max-width:62ch;text-shadow:var(--tshadow);margin-bottom:16px;font-size:.96rem}.project__links{flex-direction:column;gap:10px;padding-top:8px;display:flex}.ilink{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg-mid);text-shadow:var(--tshadow);align-items:center;gap:6px;font-size:12px;transition:color .25s;display:inline-flex}.ilink span{transition:transform .3s var(--ease)}.ilink:hover{color:var(--accent)}.ilink:hover span{transform:translate(3px,-3px)}.timeline{max-width:780px;padding-left:26px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--line) 45%, transparent);width:1px;position:absolute;top:6px;bottom:6px;left:0}.tl{padding:0 0 42px 24px;position:relative}.timeline li:last-child .tl{padding-bottom:0}.tl:before{content:"";border:1px solid var(--accent);background:#000;border-radius:50%;width:9px;height:9px;transition:box-shadow .3s,background .3s;position:absolute;top:7px;left:-30px}.tl:hover:before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-glow)}.tl__year{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;display:block}.tl h3{letter-spacing:-.02em;text-shadow:var(--tshadow);margin-bottom:7px;font-size:1.2rem;font-weight:600}.tl p{color:var(--fg-mid);max-width:58ch;text-shadow:var(--tshadow);font-size:.95rem}.section--contact{background:radial-gradient(700px at 50% 0,#4ade8012,#0000 70%)}.bigmail{font-family:var(--mono);letter-spacing:-.02em;color:var(--fg);border-bottom:1px solid var(--line);text-shadow:var(--tshadow);word-break:break-all;padding-bottom:8px;font-size:clamp(.95rem,3.2vw,1.7rem);transition:color .3s,border-color .3s;display:inline-block}.bigmail:hover{color:var(--accent);border-color:var(--accent)}.socials{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:44px;display:flex}.footer{border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:1px;color:var(--fg-dim);background:#00000080;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:26px clamp(20px,5vw,56px) 64px;font-size:11.5px;display:flex;position:relative}.footer__mid{color:#ffffff29}.footer__top{transition:color .25s}.footer__top:hover{color:var(--accent)}@media (max-width:900px){.nav__links{-webkit-backdrop-filter:blur(18px);height:100svh;transition:transform .55s var(--ease);background:#000000f0;flex-direction:column;justify-content:center;gap:30px;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.nav__links.is-open{transform:translateY(0)}.nav__links a{font-size:20px}.nav__burger{z-index:2;display:flex}.wrap--split{grid-template-columns:minmax(0,1fr)}.col-left{position:static}.project{grid-template-columns:44px minmax(0,1fr);gap:16px}.project__links{flex-direction:row;grid-column:2;gap:22px;padding-top:0}.project:hover{padding-left:8px}.hud{font-size:10px;bottom:14px}}@media (max-width:560px){.stats{grid-template-columns:minmax(0,1fr);gap:22px}.socials{gap:18px}.footer{text-align:center;justify-content:center}.footer__mid,.hud{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero__title .line>span{transform:none}}