:root{color-scheme:dark;--bg: #07080f;--bg-rgb: 7, 8, 15;--surface: #0d0f1a;--text: #e9ebf4;--text-muted: #8b90a6;--accent: #6ee7ff;--accent-2: #8b7cf6;--line: rgba(233, 235, 244, .12);--line-strong: rgba(233, 235, 244, .25);--proj1-a: #182338;--proj1-b: #0a0d18;--proj2-a: #251a33;--proj2-b: #0c0a16;--proj3-a: #0e2530;--proj3-b: #090d16;--proj-line: rgba(233, 235, 244, .35);--proj-mark: rgba(110, 231, 255, .5);--font-display: "Clash Display", "Avenir Next", sans-serif;--font-body: "Satoshi", "Helvetica Neue", sans-serif;--font-mono: "Fragment Mono", ui-monospace, "SF Mono", monospace;--size-hero: clamp(3.4rem, 14vw, 11.5rem);--size-title: clamp(2.2rem, 6.5vw, 4.6rem);--size-lead: clamp(1.25rem, 2.6vw, 2rem);--size-body: clamp(1rem, 1.15vw, 1.125rem);--size-micro: .72rem;--space-section: clamp(7rem, 16vh, 12rem);--gutter: clamp(1.25rem, 5vw, 6rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--theme-fade: .6s}[data-theme=light]{color-scheme:light;--bg: #f3f0e9;--bg-rgb: 243, 240, 233;--surface: #eae6dc;--text: #15161d;--text-muted: #5d5f6e;--accent: #3f3fd6;--accent-2: #c2660a;--line: rgba(21, 22, 29, .14);--line-strong: rgba(21, 22, 29, .3);--proj1-a: #dfd9c9;--proj1-b: #efece3;--proj2-a: #e3d8e0;--proj2-b: #efece3;--proj3-a: #d7dfd9;--proj3-b: #efece3;--proj-line: rgba(21, 22, 29, .4);--proj-mark: rgba(63, 63, 214, .45)}@font-face{font-family:Clash Display;src:url(../fonts/clash-display-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Clash Display;src:url(../fonts/clash-display-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Clash Display;src:url(../fonts/clash-display-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Fragment Mono;src:url(../fonts/fragment-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--size-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color var(--theme-fade) ease,color var(--theme-fade) ease}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:.08em;text-transform:uppercase}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul[role=list]{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.6rem 1rem;background:var(--text);color:var(--bg);font-size:.85rem;border-radius:4px;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}.webgl{position:fixed;inset:0;width:100%;height:100%;z-index:-1}.gradient-fallback{display:none;position:fixed;inset:-20%;z-index:-1;background:radial-gradient(40% 50% at 30% 30%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(45% 55% at 72% 65%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 70%);filter:blur(40px)}[data-no-webgl] .gradient-fallback{display:block;animation:drift 24s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.5;mix-blend-mode:overlay;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%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.preloader{position:fixed;inset:0;z-index:90;background:var(--bg);display:grid;place-items:center}.preloader__inner{display:flex;align-items:baseline;gap:1.25rem;overflow:hidden}.preloader__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,3.4vw,2.2rem);text-transform:uppercase;letter-spacing:.02em}.preloader__count{color:var(--accent)}.preloader.is-done{display:none}.header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--gutter);max-width:90rem;margin-inline:auto}.header__logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.01em;display:flex;align-items:flex-start}.header__logo-reg{font-size:.6rem;margin-top:.15rem;color:var(--accent)}.header__nav{display:flex;gap:2rem}.nav-link{color:var(--text-muted);position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.header__controls{display:flex;gap:.5rem}.ctrl-btn{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .6rem;border:1px solid var(--line-strong);border-radius:99px;color:var(--text);transition:border-color .3s ease,background-color .3s ease,color .3s ease}.ctrl-btn:hover{border-color:var(--text)}.theme-icon__rays{transform-origin:center;transition:opacity .4s ease,transform .5s var(--ease-out)}.theme-icon__core{transition:transform .5s var(--ease-out);transform-origin:center}[data-theme=dark] .theme-icon__rays{opacity:0;transform:rotate(45deg) scale(.5)}[data-theme=dark] .theme-icon__core{transform:scale(1.3)}@media(max-width:640px){.header__nav{display:none}}main{position:relative;z-index:1}.section{min-height:100vh;padding:var(--space-section) var(--gutter);max-width:90rem;margin-inline:auto;display:flex;flex-direction:column;justify-content:center}.section__head{display:flex;align-items:baseline;gap:1.25rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.section__index{color:var(--accent)}.section__title{font-family:var(--font-display);font-weight:600;font-size:var(--size-title);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);max-width:90rem;margin-inline:auto;position:relative}.hero__kicker{color:var(--text-muted);margin-bottom:1.5rem}.hero__title{font-family:var(--font-display);font-weight:700;font-size:var(--size-hero);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;display:flex;flex-direction:column}.hero__line--accent{-webkit-text-stroke:1.5px var(--text);color:transparent;margin-left:clamp(1rem,8vw,7rem);transition:-webkit-text-stroke-color var(--theme-fade) ease}.hero__sub{max-width:34rem;margin-top:2.25rem;font-size:var(--size-lead);line-height:1.35;font-weight:400;color:var(--text)}.hero__meta{position:absolute;bottom:2.5rem;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted)}.hero__scrollbar{width:1px;height:3rem;background:var(--line-strong);position:relative;overflow:hidden}.hero__scrollbar-dot{position:absolute;left:0;top:0;width:100%;height:35%;background:var(--accent);animation:scrollPulse 2.2s var(--ease-out) infinite}@keyframes scrollPulse{0%{transform:translateY(-110%)}to{transform:translateY(320%)}}.about__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem)}.about__lead{grid-column:1 / -1;font-family:var(--font-display);font-weight:500;font-size:var(--size-lead);line-height:1.3;max-width:52rem}.about__body{display:flex;flex-direction:column;gap:1.25rem;color:var(--text-muted);max-width:36rem}.about__facts{display:flex;flex-direction:column}.fact{display:flex;align-items:baseline;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.fact:first-child{border-top:1px solid var(--line)}.fact__num{color:var(--accent);font-size:1rem;min-width:3.2rem}.fact__label{color:var(--text-muted);font-size:.95rem}.skills__groups{display:flex;flex-direction:column}.skill-group{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.5rem;align-items:start;padding:clamp(1.75rem,4vh,2.75rem) 0;border-bottom:1px solid var(--line)}.skill-group:first-child{border-top:1px solid var(--line)}.skill-group__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.8vw,2.1rem);line-height:1.1;display:flex;align-items:baseline;gap:1rem}.skill-group__idx{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:.06em;padding:.55rem 1rem;border:1px solid var(--line-strong);border-radius:99px;color:var(--text-muted);transition:color .3s ease,border-color .3s ease,background-color .3s ease}.chip:hover{color:var(--bg);background:var(--text);border-color:var(--text)}.work__list{display:flex;flex-direction:column;gap:clamp(2rem,5vh,3.5rem)}.project{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:clamp(1.5rem,3vh,2.25rem) 0;border-bottom:1px solid var(--line);position:relative}.project:first-child{border-top:1px solid var(--line)}.project__visual{border-radius:6px;overflow:hidden;aspect-ratio:400 / 260;border:1px solid var(--line)}.project__visual svg{display:block;width:100%;height:100%;transform:scale(1.02);transition:transform .9s var(--ease-out)}.project:hover .project__visual svg{transform:scale(1.09)}.project__motif{transition:transform .9s var(--ease-out);transform-origin:center}.project:hover .project__motif{transform:rotate(-2deg) scale(1.04)}.project__idx{color:var(--accent);display:block;margin-bottom:.75rem}.project__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.05;margin-bottom:.85rem}.project__desc{color:var(--text-muted);max-width:30rem;margin-bottom:1.1rem}.project__tags{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--text-muted)}.project__tags li{padding:.3rem .7rem;border:1px solid var(--line);border-radius:99px}.project__arrow{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text-muted);transition:transform .45s var(--ease-out),color .45s ease}.project:hover .project__arrow{transform:translate(.3rem,-.3rem);color:var(--accent)}.contact{text-align:center;align-items:center}.contact .section__head{align-self:stretch;text-align:left}.contact__lead{font-family:var(--font-display);font-weight:500;font-size:var(--size-lead);line-height:1.3;max-width:40rem;margin-bottom:clamp(2.5rem,7vh,4.5rem)}.contact__cta{position:relative;display:grid;place-items:center;width:clamp(11rem,24vw,16rem);aspect-ratio:1;border-radius:50%;margin-bottom:clamp(2.5rem,7vh,4rem)}.contact__cta-text{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.2vw,1.7rem);text-transform:uppercase;letter-spacing:.02em;position:relative;z-index:1}.contact__cta-ring{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:50%;transition:transform .6s var(--ease-out),border-color .4s ease,background-color .4s ease}.contact__cta:hover .contact__cta-ring{transform:scale(1.07);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.contact__links{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;justify-content:center;color:var(--text-muted)}.contact__link{text-transform:none;letter-spacing:.04em;position:relative}.contact__link:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.contact__link:hover:after{transform:scaleX(1);transform-origin:left}.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem var(--gutter) 2rem;max-width:90rem;margin-inline:auto;color:var(--text-muted);border-top:1px solid var(--line);position:relative;z-index:1}@media(max-width:900px){.about__grid,.skill-group{grid-template-columns:1fr}.project{grid-template-columns:1fr;gap:1.25rem}.project__arrow{position:absolute;top:clamp(1.5rem,3vh,2.25rem);right:0}.hero__meta .mono:first-child{display:none}}