:root{--bg: #0a0a0a;--bg-soft: #111012;--surface: #141318;--surface-2: #1a1820;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: #f4f2f7;--text-soft: #b8b4c2;--text-mute: #6f6b7a;--accent: #8b5cf6;--accent-bright: #a78bfa;--accent-deep: #6d28d9;--accent-rgb: 139, 92, 246;--halo: rgba(139, 92, 246, .22);--halo-soft: rgba(139, 92, 246, .1);--font-display: "Syne", "Space Grotesk", sans-serif;--font-head: "Space Grotesk", sans-serif;--font-body: "Inter", system-ui, sans-serif;--maxw: 1320px;--gutter: clamp(1.25rem, 5vw, 4rem);--radius: 18px;--ease: cubic-bezier(.16, 1, .3, 1);--img-filter: grayscale(1) contrast(1.08) brightness(.95)}:root.is-mono{--accent: #e9e9ec;--accent-bright: #ffffff;--accent-deep: #9a9aa2;--accent-rgb: 233, 233, 236;--halo: rgba(255, 255, 255, .12);--halo-soft: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:#fff}@media (hover: hover) and (pointer: fine){.has-custom-cursor *{cursor:none!important}}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(5rem,12vh,9rem)}.section-kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-mute)}.section-kicker:before{content:"";width:28px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-display);font-weight:800;line-height:.95;letter-spacing:-.02em;font-size:clamp(2.4rem,7vw,5.5rem);margin-top:1.2rem}.accent{color:var(--accent-bright)}.halo{position:absolute;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,var(--halo) 0%,transparent 70%);pointer-events:none;z-index:0}.gray{filter:var(--img-filter);transition:filter .6s var(--ease)}.gray:hover{filter:grayscale(0) contrast(1.02)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform}.cursor-dot{width:7px;height:7px;background:#fff;transform:translate(-50%,-50%)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.7);transform:translate(-50%,-50%);transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}.cursor-ring.is-hover{width:64px;height:64px;background:#ffffff1f;border-color:transparent}.bitmoji{position:fixed;top:0;left:0;width:74px;height:74px;z-index:9998;pointer-events:none;will-change:transform;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.bitmoji img{width:100%;height:100%;object-fit:contain}.bitmoji__fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--surface-2),var(--bg));border:1px solid rgba(var(--accent-rgb),.4);font-family:var(--font-head);font-weight:700;font-size:1.5rem;color:var(--accent-bright)}@media (hover: none),(pointer: coarse){.bitmoji{display:none}}.loader{position:fixed;inset:0;z-index:1000;background:var(--bg);display:grid;place-items:center;overflow:hidden}.loader__marquee{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;white-space:nowrap;opacity:.04;pointer-events:none}.loader__marquee span{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:clamp(7rem,22vw,20rem);letter-spacing:-.03em;padding-right:4rem;animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.loader__pill{position:relative;z-index:2;display:flex;flex-direction:column;gap:.9rem;align-items:center;padding:1.4rem 2.2rem;border-radius:100px;background:#14121899;border:1px solid var(--line);backdrop-filter:blur(8px);box-shadow:0 0 60px var(--halo-soft)}.loader__label{font-family:var(--font-head);letter-spacing:.24em;text-transform:uppercase;font-size:.82rem;color:var(--text-soft);display:flex;gap:.8rem;align-items:baseline}.loader__count{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-size:1rem}.loader__bar{width:min(60vw,320px);height:3px;border-radius:3px;background:#ffffff14;overflow:hidden}.loader__fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-bright));box-shadow:0 0 18px var(--accent)}.nav{position:fixed;top:0;left:0;width:100%;z-index:200;mix-blend-mode:difference}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem var(--gutter)}.nav__logo{font-family:var(--font-head);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:#fff}.nav__logo b{color:var(--accent-bright)}.nav__email{font-size:.85rem;color:#fff;opacity:.85}.nav__links{display:flex;gap:1.6rem;font-family:var(--font-head);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.nav__links a{color:#fff;position:relative;padding-bottom:2px}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition:width .3s var(--ease)}.nav__links a:hover:after{width:100%}@media (max-width: 720px){.nav__email{display:none}.nav__links{gap:1rem;font-size:.7rem;letter-spacing:.12em}}.rail{position:fixed;left:max(1.1rem,2vw);bottom:0;z-index:150;display:flex;flex-direction:column;align-items:center;gap:1.4rem;mix-blend-mode:difference}.rail__list{display:flex;flex-direction:column;gap:1.1rem}.rail__list a{font-family:var(--font-head);font-size:.66rem;letter-spacing:.18em;color:#fff;writing-mode:vertical-rl;transition:color .3s var(--ease),transform .3s var(--ease)}.rail__list a:hover{color:var(--accent-bright);transform:translateY(-3px)}.rail__line{width:1px;height:90px;background:#fff;opacity:.5}@media (max-width: 900px){.rail{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:7rem 4rem;overflow:hidden}.hero__backdrop{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;font-size:clamp(6rem,26vw,26rem);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;pointer-events:none;z-index:0;user-select:none}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:center;width:100%}.hero__intro{font-family:var(--font-head);font-size:clamp(1rem,2vw,1.3rem);color:var(--text-soft);letter-spacing:.02em}.hero__name{font-family:var(--font-display);font-weight:800;line-height:.9;letter-spacing:-.03em;font-size:clamp(3.2rem,11vw,9rem);margin:.4rem 0 1.4rem}.hero__name .accent{display:block}.hero__role{font-family:var(--font-head);font-size:clamp(1.05rem,2.4vw,1.7rem);color:var(--text);display:flex;flex-wrap:wrap;align-items:baseline;gap:.5ch}.hero__role-rot{position:relative;display:inline-grid;min-width:9ch;color:var(--accent-bright);font-weight:600}.hero__role-rot span{grid-area:1 / 1}.hero__tagline{margin-top:1.6rem;max-width:46ch;color:var(--text-soft);font-size:clamp(.98rem,1.5vw,1.15rem);line-height:1.55}.hero__photo-wrap{position:relative;justify-self:center}.hero__photo{position:relative;width:clamp(220px,28vw,360px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 30px 90px #00000080,0 0 0 8px rgba(var(--accent-rgb),.06);will-change:transform}.hero__photo img{width:100%;height:100%;object-fit:cover}.hero__photo-ring{position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.35);animation:spin 26s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.hero__photo-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,var(--surface-2),var(--bg));font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,6vw,5rem);color:var(--accent-bright);letter-spacing:-.02em}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--font-head);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}.hero__scroll-line{width:1px;height:46px;background:linear-gradient(var(--accent-bright),transparent);overflow:hidden;position:relative}.hero__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:#fff;animation:scrollDown 1.8s var(--ease) infinite}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}@media (max-width: 860px){.hero__grid{grid-template-columns:1fr;text-align:left}.hero__photo-wrap{order:-1;justify-self:start}}.timeline{position:relative;margin-top:clamp(3rem,7vh,5rem)}.timeline__spine{position:absolute;left:50%;top:0;transform:translate(-50%);width:2px;height:100%;background:var(--line);overflow:visible}.timeline__progress{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(var(--accent-bright),var(--accent-deep));box-shadow:0 0 16px var(--accent)}.timeline__dot{position:absolute;left:50%;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent-bright);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(var(--accent-rgb),.18),0 0 22px var(--accent)}.tl-row{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(2.5rem,6vh,4.5rem)}.tl-left{text-align:right}.tl-company{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.05}.tl-contract{margin-top:.5rem;font-family:var(--font-head);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright)}.tl-period{margin-top:.2rem;font-size:.85rem;color:var(--text-mute)}.tl-year{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,7vw,5.5rem);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px var(--line-strong);line-height:1;padding-inline:clamp(.5rem,2vw,1.5rem)}.tl-right .tl-role{font-family:var(--font-head);font-weight:600;font-size:1.05rem;margin-bottom:.6rem}.tl-desc{color:var(--text-soft);font-size:.95rem;max-width:42ch}.tl-missions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tl-tag{font-size:.74rem;padding:.34rem .7rem;border-radius:100px;border:1px solid var(--line);color:var(--text-soft);background:var(--surface)}.tl-thumb{margin-top:1.1rem;border-radius:12px;overflow:hidden;border:1px solid var(--line);max-width:280px}.tl-thumb img{width:100%;height:auto}.tl-row.is-placeholder .tl-right,.tl-row.is-placeholder .tl-left{opacity:.6}.tl-row.is-placeholder .tl-company{color:var(--text-mute)}@media (max-width: 820px){.timeline__spine,.timeline__dot{left:8px}.tl-row{grid-template-columns:1fr;gap:.4rem;padding-left:2.4rem}.tl-left{text-align:left}.tl-year{order:-1;padding-inline:0}.tl-thumb{max-width:100%}}.projects{position:relative}.projects__track-wrap{position:relative;overflow:hidden}.projects__track{display:flex;align-items:stretch;width:max-content;will-change:transform}.projects__track.is-stacked{flex-direction:column;width:100%}.projects__track.is-stacked .proj-panel{width:100%;min-height:auto;border-top:1px solid var(--line)}.proj-panel{width:100vw;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(5rem,10vh,8rem) var(--gutter)}.proj-num{font-family:var(--font-display);font-weight:800;font-size:clamp(5rem,16vw,13rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--accent);opacity:.85}.proj-cat{margin-top:1rem;font-family:var(--font-head);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright)}.proj-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.5rem 0 1.2rem;letter-spacing:-.02em}.proj-desc{color:var(--text-soft);max-width:46ch}.proj-deliv-label{margin-top:1.6rem;font-family:var(--font-head);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)}.proj-deliv{margin-top:.8rem;display:grid;gap:.6rem}.proj-deliv li{display:flex;gap:.7rem;align-items:baseline;color:var(--text);font-size:.95rem}.proj-deliv li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}.proj-visual{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface-2),var(--bg));display:grid;place-items:center}.proj-visual img{width:100%;height:100%;object-fit:cover}.proj-visual__placeholder{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);color:var(--text-mute);letter-spacing:.04em}.projects__progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:2.4rem;height:2px;background:var(--line);z-index:3}.projects__progress i{display:block;height:100%;width:0%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent)}@media (max-width: 820px){.proj-panel{grid-template-columns:1fr;gap:2rem;min-height:auto}.proj-visual{order:-1}}.tech{position:relative}.tech__canvas{position:relative;height:clamp(420px,60vh,620px);margin-top:2.5rem}.tech__canvas canvas{border-radius:var(--radius)}.tech__hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-family:var(--font-head);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);pointer-events:none}.tech__grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.tech__cell{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .3s var(--ease),transform .3s var(--ease)}.tech__cell:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-3px)}.tech__glyph{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:#0a0a0a}.tech__glyph img{width:60%;height:60%;object-fit:contain}.tech__name{font-size:.92rem;font-weight:500}.tech__cat{font-size:.72rem;color:var(--text-mute)}.contact{position:relative;padding-bottom:0}.contact__title{font-family:var(--font-display);font-weight:800;font-size:clamp(3.5rem,18vw,16rem);line-height:.85;letter-spacing:-.04em;text-align:center}.contact__lead{text-align:center;margin-top:1.5rem;color:var(--text-soft);font-size:clamp(1rem,2vw,1.2rem)}.contact__cta{display:inline-flex;margin:2rem auto 0;align-items:center;gap:.7rem;padding:1rem 1.8rem;border-radius:100px;border:1px solid var(--line-strong);font-family:var(--font-head);letter-spacing:.04em;transition:background .3s var(--ease),color .3s var(--ease)}.contact__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.contact__cta-wrap{text-align:center}.contact__cols{margin-top:clamp(4rem,9vh,7rem);display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border-top:1px solid var(--line);padding-top:2.6rem}.contact__col h4{font-family:var(--font-head);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);margin-bottom:.8rem}.contact__col a,.contact__col p{color:var(--text);font-size:1rem;transition:color .3s var(--ease);word-break:break-word}.contact__col a:hover{color:var(--accent-bright)}.footer{margin-top:clamp(3rem,8vh,6rem);padding-block:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--text-mute)}.footer__mono{border:1px solid var(--line);border-radius:100px;padding:.35rem .9rem;font-family:var(--font-head);letter-spacing:.08em;transition:border-color .3s var(--ease),color .3s var(--ease)}.footer__mono:hover{border-color:var(--accent);color:var(--text)}@media (max-width: 760px){.contact__cols{grid-template-columns:repeat(2,1fr);gap:1.8rem 1.2rem}}.reveal{opacity:0;transform:translateY(28px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero__photo-ring,.loader__marquee span,.hero__scroll-line:after{animation:none!important}}