:root{--ink: #050608;--ink-soft: #0a0d14;--paper: #eaf1ff;--muted: rgba(234, 241, 255, .56);--faint: rgba(234, 241, 255, .32);--hairline: rgba(234, 241, 255, .12);--accent: #2e6bff;--accent-soft: rgba(46, 107, 255, .14);--accent-glow: rgba(46, 107, 255, .4);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "General Sans", "Sora", "Segoe UI", system-ui, sans-serif;--max: 1240px;--gutter: clamp(20px, 5vw, 64px);--nav-h: 72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--ink);background-image:radial-gradient(110% 62% at 78% -6%,#122a6e57,#122a6e00 60%),radial-gradient(90% 46% at 8% 42%,#0c1c4c38,#0c1c4c00 62%),radial-gradient(100% 52% at 88% 96%,#10246042,#10246000 60%);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--paper)}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.shell{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.label{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.label--accent{color:var(--accent)}section{scroll-margin-top:calc(var(--nav-h) + 12px);position:relative}.section-pad{padding-block:clamp(96px,14vh,170px)}#about.section-pad{padding-top:clamp(40px,6vh,72px)}.sec-head{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4fr);gap:24px;align-items:baseline;margin-bottom:clamp(44px,7vh,84px)}.sec-head h2{font-family:var(--font-display);font-optical-sizing:auto;font-weight:380;font-size:clamp(38px,5.4vw,72px);line-height:1.02;letter-spacing:-.015em}.sec-head h2 em{font-style:italic;color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;transition:background .35s ease,border-color .35s ease;border-bottom:1px solid transparent}.nav.is-scrolled{background:#050608d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--hairline)}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav__mark{font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:.02em}.nav__mark span{color:var(--accent)}.nav__links{display:flex;gap:36px;list-style:none}.nav__links a{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .25s ease}.nav__links a:hover{color:var(--paper)}.nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;align-items:center}.nav__burger span{display:block;width:20px;height:1.5px;background:var(--paper);transition:transform .3s ease,opacity .3s ease}.nav__burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav__burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__mobile{display:none}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(58% 52% at 66% 40%,#1c3ea04d,#142c7424 45%,#05060800 72%)}.hero__robot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__robot canvas{width:100%!important;height:100%!important}.hero__robot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(13% 16% at 49.5% 37%,#2e6bfff2,#2e6bff00 78%),radial-gradient(48% 36% at 52% 74%,#2e6bfff2,#2e6bff00 72%);mix-blend-mode:hue}.hero__robot--static{background:radial-gradient(52% 48% at 64% 44%,#2e6bff38,#2e6bff00 70%)}@media (min-width: 861px){.hero__robot{left:22%;right:-10%}}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#050608e0,#0506086b 36%,#05060800 62%),linear-gradient(to top,var(--ink) 0%,rgba(5,6,8,0) 28%),linear-gradient(to bottom,#0506088c,#05060800 16%)}.hero__content{position:relative;z-index:2;width:100%;padding-top:var(--nav-h);padding-bottom:clamp(84px,13vh,150px);pointer-events:none}.hero__content a{pointer-events:auto}.hero__role{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px}.hero__role:before{content:"";width:34px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-optical-sizing:auto;font-weight:360;font-size:clamp(42px,6.6vw,96px);line-height:.98;letter-spacing:-.02em;max-width:14ch;text-shadow:0 2px 30px rgba(5,6,8,.55)}.hero h1 em{font-style:italic;font-weight:340;color:var(--accent)}.hero__foot{display:flex;align-items:flex-end;flex-wrap:wrap;gap:clamp(28px,4vw,64px);margin-top:clamp(28px,4.5vh,46px)}.hero__intro{color:var(--muted);font-size:15px;max-width:34ch}.hero__cta{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--accent);padding-bottom:6px;transition:color .25s ease,gap .25s ease}.hero__cta:hover{color:var(--accent);gap:16px}.hero__cta svg{transition:transform .25s ease}.hero__scrollhint{position:absolute;z-index:2;left:var(--gutter);bottom:28px;display:flex;align-items:center;gap:10px;color:var(--faint);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero__scrollhint:after{content:"";width:1px;height:42px;background:linear-gradient(to bottom,var(--faint),transparent)}.about__grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}.about__bio{font-family:var(--font-display);font-optical-sizing:auto;font-weight:350;font-size:clamp(22px,2.6vw,32px);line-height:1.42;letter-spacing:-.005em}.about__bio strong{font-weight:500;color:var(--accent)}.about__stats{border-left:1px solid var(--hairline);padding-left:clamp(20px,2.5vw,36px);display:flex;flex-direction:column}.stat{display:flex;flex-direction:column;padding-block:22px}.stat+.stat{border-top:1px solid var(--hairline)}.stat__value{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--paper)}.stat__value sup{font-size:.5em;color:var(--accent)}.stat__label{margin-top:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.skills__group{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4fr);gap:24px;padding-block:clamp(28px,4vh,44px);border-top:1px solid var(--hairline)}.skills__group:last-child{border-bottom:1px solid var(--hairline)}.skills__group h3{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:19px;color:var(--muted)}.skills__list{display:flex;flex-wrap:wrap;gap:10px 12px;list-style:none}.skill-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid var(--hairline);border-radius:999px;font-size:14px;font-weight:500;color:var(--paper);transition:border-color .25s ease,color .25s ease,transform .25s ease}.skill-chip svg{font-size:17px;color:var(--muted);transition:color .25s ease}.skill-chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 22px -10px var(--accent-glow)}.skill-chip:hover svg{color:var(--accent)}.work__list{display:flex;flex-direction:column}.project{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2.6fr) minmax(0,1.4fr);gap:clamp(20px,3vw,48px);align-items:start;padding-block:clamp(36px,5vh,56px);border-top:1px solid var(--hairline);transition:background .3s ease}.project:hover{background:linear-gradient(90deg,var(--accent-soft),transparent 55%)}.project:last-child{border-bottom:1px solid var(--hairline)}.project__lead{display:flex;flex-direction:column;gap:12px}.project__index{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--faint);transition:-webkit-text-stroke-color .3s ease}.project:hover .project__index{-webkit-text-stroke-color:var(--accent)}.project__cat{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:10px}.project__preview{display:block;margin-top:14px;border:1px solid var(--hairline);overflow:hidden;border-radius:6px;transition:border-color .3s ease}.project__preview img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;filter:saturate(.7) contrast(1.02);transform:scale(1.01);transition:filter .4s ease,transform .6s ease}.project:hover .project__preview{border-color:var(--accent)}.project:hover .project__preview img{filter:saturate(1);transform:scale(1.05)}.project h3{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.01em;margin-bottom:14px;transition:color .25s ease}.project:hover h3{color:var(--accent)}.project p{color:var(--muted);max-width:52ch}.project__meta{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-top:8px}.project__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.project__tags li{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted);border:1px solid var(--hairline);border-radius:999px;padding:4px 12px}.project__link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--accent);padding-bottom:4px;transition:color .25s ease}.project__link:hover{color:var(--accent)}.contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:start}.contact__lede{font-family:var(--font-display);font-weight:350;font-size:clamp(26px,3.4vw,44px);line-height:1.22;letter-spacing:-.01em;margin-bottom:34px}.contact__lede em{font-style:italic;color:var(--accent)}.contact__email{display:inline-block;font-size:16px;font-weight:500;color:var(--paper);border-bottom:1px solid var(--accent);padding-bottom:4px;margin-bottom:34px;word-break:break-all;transition:color .25s ease}.contact__email:hover{color:var(--accent)}.contact__socials{display:flex;gap:14px;list-style:none}.contact__socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);font-size:17px;transition:border-color .25s ease,color .25s ease,transform .25s ease}.contact__socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.form{display:flex;flex-direction:column;gap:26px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.field input,.field textarea{background:transparent;border:none;border-bottom:1px solid var(--hairline);color:var(--paper);font:inherit;font-size:16px;padding:10px 2px 12px;transition:border-color .25s ease;border-radius:0}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.form__submit{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:14px 30px;border:1px solid var(--accent);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);transition:background .25s ease,color .25s ease}.form__submit:hover:not(:disabled){background:var(--accent);color:var(--paper);box-shadow:0 8px 30px -10px var(--accent-glow)}.form__submit:disabled{opacity:.55;cursor:wait}.form__error{color:var(--accent);font-size:14px}.form__success{border:1px solid var(--hairline);border-left:2px solid var(--accent);padding:clamp(24px,3vw,40px)}.form__success h3{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2.6vw,34px);margin-bottom:10px}.form__success p{color:var(--muted);margin-bottom:22px}.form__again{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:4px;transition:color .25s ease}.form__again:hover{color:var(--accent)}.footer{border-top:1px solid var(--hairline);padding-block:34px}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer__inner p{font-size:13px;color:var(--muted)}.footer__inner p span{color:var(--accent)}.footer__top{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .25s ease}.footer__top:hover{color:var(--accent)}html.is-loading{overflow:hidden}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .9s cubic-bezier(.76,0,.24,1)}.preloader.is-leaving{transform:translateY(-100%)}.preloader__inner{display:flex;flex-direction:column;align-items:center}.preloader__mark{font-family:var(--font-display);font-weight:400;font-size:clamp(46px,7vw,84px);line-height:1}.preloader__mark span{color:var(--accent)}.preloader__bar{width:168px;height:1px;margin-top:22px;background:var(--hairline);overflow:hidden}.preloader__bar span{display:block;height:100%;width:40%;background:var(--accent);animation:load-slide 1.1s ease-in-out infinite}@keyframes load-slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.marquee{overflow:hidden;border-block:1px solid var(--hairline);padding-block:17px}.marquee__track{display:flex;width:max-content;animation:marquee 42s linear infinite}.marquee__row{display:flex;flex-shrink:0}.marquee__row span{display:inline-flex;align-items:center;gap:30px;padding-right:30px;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.marquee__row span i{font-style:normal;font-size:9px;color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}}.cursor-glow{position:fixed;top:0;left:0;width:640px;height:640px;border-radius:50%;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle,#2e6bff24,#2e6bff00 62%);mix-blend-mode:screen;transition:opacity .6s ease;will-change:transform}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.sec-num{position:absolute;top:clamp(44px,7vh,88px);right:var(--gutter);font-family:var(--font-display);font-weight:400;font-size:clamp(96px,14vw,210px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(46,107,255,.22);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 860px){.nav__links{display:none}.nav__burger{display:flex}.nav__mobile{display:block;position:fixed;top:var(--nav-h);left:0;right:0;z-index:55;background:#050608f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.nav__mobile.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__mobile ul{list-style:none;padding:18px var(--gutter) 26px;display:flex;flex-direction:column}.nav__mobile a{display:block;padding:14px 0;font-family:var(--font-display);font-size:26px;font-weight:400;border-bottom:1px solid var(--hairline)}.hero__veil{background:linear-gradient(to right,#0506088c,#05060840,#05060826),linear-gradient(to top,var(--ink) 0%,rgba(5,6,8,0) 34%),linear-gradient(to bottom,#05060899,#05060800 20%)}.hero__content{padding-bottom:96px}.hero__foot{flex-direction:column;align-items:flex-start;gap:24px}.sec-num{font-size:84px;top:32px;-webkit-text-stroke-color:rgba(46,107,255,.16)}.cursor-glow{display:none}.sec-head,.about__grid,.skills__group,.project{grid-template-columns:1fr}.about__stats{border-left:none;border-top:1px solid var(--hairline);padding-left:0;margin-top:8px;flex-direction:row;flex-wrap:wrap}.stat{flex:1 1 30%;min-width:110px}.stat+.stat{border-top:none}.contact__grid{grid-template-columns:1fr}}