:root{--c-page:#F3F4F4;--c-surface:#ffffff;--c-tile:#efeffa;--c-ink:#0c0f18;--c-ink-strong:#070a12;--c-muted:#5d6175;--c-grey-60:#8a8da3;--c-border:#e5e5f2;--c-dark-a:#1f1d38;--c-dark-b:#0b0e17;--c-chip:#1e2034;--c-accent-a:#d0c6ff;--c-accent-b:#a78df8;--c-accent-c:#6366f1;--c-accent-edge:#8b5cf6;--r-card:12px;--r-tile:8px;--r-media:36px;--r-pill:999px;--f-sans:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--t-display:clamp(24px,4.4vw,32px);--t-card:22px;--t-body:16px;--t-label:14px;--t-micro:12px;--ls-wide:0.96px;--lh-body:1.24;--e-avatar:40px 92px 40px rgba(0,0,0,.01),23px 52px 34px rgba(0,0,0,.04),10px 23px 25px rgba(0,0,0,.07),3px 6px 14px rgba(0,0,0,.08);--e-card:40px 92px 20px rgba(0,0,0,.01),23px 52px 17px rgba(0,0,0,.04),10px 23px 12.5px rgba(0,0,0,.07),3px 6px 7px rgba(0,0,0,.08);--e-tile:0 96px 39px rgba(0,0,0,.01),0 54px 33px rgba(0,0,0,.03),0 24px 24px rgba(0,0,0,.04),0 6px 13px rgba(0,0,0,.05);--e-tile-inset:inset 0 -1px 2px rgba(0,0,0,.2),inset 0 2px 1px #ffffff;--e-scroller:0px 3px 1.5px rgba(0,0,0,.10),60px 50px 40px rgba(0,0,0,.15),20px 41.778px 16.711px rgba(0,0,0,.15),10px 22.336px 8.935px rgba(0,0,0,.14),4px 12.522px 5.009px rgba(0,0,0,.14),0px 6.65px 2.66px rgba(0,0,0,.13),0px 2.767px 1.107px rgba(0,0,0,.12);--e-scroller-inset:inset 0 -2px 0 #1a1a1a,inset 0 0 2px rgba(255,255,255,.1),inset 0 0 1px #000000;--e-resume:0 4px 14px rgba(124,101,255,0.38);--e-resume-inset:inset 0 -1px .5px var(--c-accent-edge),inset 0 1px 0 rgba(255,255,255,0.4);--pad:clamp(12px,1.8vh,24px);--gap:clamp(8px,1.2vh,16px);--w-sidebar:clamp(600px,50vw,860px);--w-feed:clamp(700px,58vw,940px);--w-rail:96px;--ease:cubic-bezier(.2,.7,.3,1)}*,:after,:before{box-sizing:border-box}body,html{height:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{margin:0;background:var(--c-page);color:var(--c-ink);font-family:var(--f-sans);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.brands,.contact,.profile,.service,.stack,.work{-webkit-user-select:none;-moz-user-select:none;user-select:none}p{margin:0}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}a,button{color:inherit}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}:where(a,button):focus-visible{outline:2px solid var(--c-ink);outline-offset:3px;border-radius:6px}.on-dark :where(a,button):focus-visible{outline-color:var(--c-accent-b)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.shell{position:relative;z-index:1;align-items:center;max-width:1920px;margin-inline:auto}.shell,.sidebar{display:flex;justify-content:space-between;height:100vh;height:100dvh}.sidebar{flex-direction:column;gap:clamp(6px,1vh,12px);width:var(--w-sidebar);flex:0 0 auto;padding:clamp(8px,1.2vh,18px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar__top{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px);flex:0 0 auto}.card{background:var(--c-surface);border-radius:16px;padding:clamp(10px,1.4vh,18px) clamp(12px,1.6vh,20px)}.profile{display:flex;align-items:center;gap:clamp(12px,1.6vh,18px)}.avatar{flex:0 0 auto;width:clamp(52px,6.2vh,66px);height:clamp(52px,6.2vh,66px);border-radius:var(--r-pill);border:2px solid var(--c-border);background:linear-gradient(180deg,var(--c-dark-a) 0,var(--c-dark-b) 100%);box-shadow:var(--e-avatar);overflow:hidden}.avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile__text{display:flex;flex-direction:column;gap:4px;min-width:0}.profile__name{font-size:clamp(20px,2.4vh,26px);font-weight:600;line-height:1.15;color:var(--c-ink)}.bio,.profile__role{font-size:clamp(13px,1.5vh,15px);color:var(--c-muted)}.bio{flex-direction:column;gap:clamp(6px,.8vh,10px);line-height:1.45}.bio,.stack{display:flex}.stack{align-items:center;gap:clamp(12px,1.6vh,16px);min-height:auto;padding:clamp(10px,1.3vh,14px) clamp(14px,1.8vh,20px)}.stack__label{font-size:clamp(12px,1.35vh,13.5px);font-weight:600;line-height:1;letter-spacing:var(--ls-wide);color:var(--c-grey-60);white-space:nowrap}.stack__icons{display:flex;gap:clamp(8px,1.1vh,12px);flex-wrap:wrap}.stack__icons img{width:clamp(28px,3.4vh,34px);height:clamp(28px,3.4vh,34px);border-radius:10px;object-fit:contain}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(10px,1.4vh,16px)}.service,.services{gap:clamp(10px,1.4vh,16px)}.service{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:auto;padding:clamp(14px,1.8vh,22px) clamp(16px,2vh,24px);border:1px solid rgba(0,0,0,.05);border-radius:16px;background:var(--c-surface);color:var(--c-ink-strong);text-align:left;transition:transform .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.service:hover:not([aria-pressed=true]){transform:translateY(-2px);box-shadow:0 8px 20px -4px rgba(12,15,24,.08);border-color:rgba(0,0,0,.1)}.service:active{transform:scale(.98)}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.service[aria-pressed=true]{background:linear-gradient(180deg,var(--c-dark-a) 0,var(--c-dark-b) 100%) padding-box,conic-gradient(from var(--border-angle),#fb0094 0,#0000ff 20%,#00ff00 40%,#ffff00 60%,#ff0000 80%,#fb0094 100%) border-box;border:2px solid transparent;animation:rotate_stroke 14s linear infinite;color:#ffffff;box-shadow:0 12px 28px -4px rgba(12,15,24,.22)}.service[aria-pressed=true]:focus-visible{outline-color:var(--c-accent-b)}.service__tile{display:grid;place-items:center;flex:0 0 auto;width:clamp(44px,5.2vh,54px);height:clamp(44px,5.2vh,54px);border-radius:12px;background:var(--c-tile);box-shadow:var(--e-tile),var(--e-tile-inset);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.service:hover .service__tile{transform:scale(1.05)}.service[aria-pressed=true] .service__tile{background:#ffffff;box-shadow:0 4px 14px rgba(0,0,0,.28);transform:scale(1.04)}.service__tile svg{width:clamp(22px,2.6vh,28px);height:clamp(22px,2.6vh,28px);color:var(--c-ink);transition:color .2s var(--ease)}.service[aria-pressed=true] .service__tile svg{color:#0c0f18}.service__label{font-weight:600;line-height:1.2;font-size:clamp(15px,1.8vh,18px);transition:color .2s var(--ease)}@keyframes rotate_stroke{to{--border-angle:360deg}}.brands{display:flex;flex-direction:column;gap:clamp(6px,.9vh,10px);padding:clamp(10px,1.3vh,14px) clamp(12px,1.6vh,16px);border-radius:16px;background:var(--c-surface);border:1px solid rgba(0,0,0,.04);overflow:hidden;margin-top:auto;flex:0 0 auto}.brands__header{display:flex;align-items:center;gap:7px}.brands__dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.6);flex:0 0 auto}.brands__label{font-size:clamp(10.5px,1.2vh,12px);font-weight:600;letter-spacing:var(--ls-wide);color:var(--c-grey-60);line-height:1;text-transform:uppercase}.brands__marquee-track{position:relative;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px;mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent)}.brands__marquee-group{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:100%;animation:brandsScroll 18s linear infinite}.brands__marquee-track:hover .brands__marquee-group{animation-play-state:paused}.brand-item{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#f1f2f6;border:1px solid rgba(0,0,0,.04);transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);cursor:default;flex:0 0 auto}.brand-item:hover{transform:translateY(-1px);background:#ffffff;border-color:rgba(167,141,248,.3);box-shadow:0 4px 10px rgba(12,15,24,.06)}.brand-item svg,.brand-logo-svg svg{width:14px;height:14px;color:var(--c-ink);flex:0 0 auto}.brand-logo-svg{display:inline-flex;align-items:center;justify-content:center}.brand-logo-img,.brand-logo-svg{width:14px;height:14px;flex:0 0 auto}.brand-logo-img{object-fit:contain;border-radius:2px}.brand-name{font-size:clamp(11px,1.25vh,12.5px);font-weight:600;color:var(--c-ink);white-space:nowrap}@keyframes brandsScroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 10px))}}.contact{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px);padding:clamp(12px,1.8vh,18px) clamp(14px,2vh,20px);border-radius:var(--r-card);background:var(--c-ink);color:#ffffff;flex:0 0 auto;margin-top:0}.contact__label{font-size:clamp(12px,1.4vh,14px);font-weight:600;line-height:1;letter-spacing:var(--ls-wide)}.contact__row{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.2vh,14px);flex-wrap:nowrap}.socials{display:flex;gap:clamp(6px,.9vh,10px)}.socials a{position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(34px,4.2vh,42px);height:clamp(34px,4.2vh,42px);border-radius:var(--r-tile);background:var(--c-chip);transform:translateZ(0);transition:transform .28s var(--ease)}.socials a:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#3b3d58;opacity:0;transition:opacity .24s var(--ease)}.socials a:hover{transform:translate3d(0,-2px,0)}.socials a:hover:before{opacity:1}.socials img{width:clamp(16px,2vh,20px);height:clamp(16px,2vh,20px)}.resume{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:7px;width:auto;padding:clamp(8px,1.1vh,12px) clamp(12px,1.6vh,16px);border-radius:var(--r-tile);background:linear-gradient(135deg,var(--c-accent-b) 0,var(--c-accent-c) 100%);box-shadow:var(--e-resume),var(--e-resume-inset);color:#ffffff;font-size:clamp(11.5px,1.3vh,13px);font-weight:700;line-height:1;letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;transform:translateZ(0);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.resume:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#ffffff;opacity:0;transition:opacity .24s var(--ease)}.resume:hover{transform:translate3d(0,-2px,0);box-shadow:0 6px 20px rgba(124,101,255,.55),var(--e-resume-inset)}.resume:hover:after{opacity:.2}.resume img,.resume svg{width:clamp(13px,1.5vh,15px);height:clamp(13px,1.5vh,15px)}.pane{justify-content:flex-end;flex:1 1 auto;min-width:0}.feed,.pane{display:flex;align-items:center;height:100%}.feed{flex-direction:column;gap:clamp(16px,2.4vh,28px);width:min(var(--w-feed),100%);max-width:var(--w-feed);margin-left:auto;margin-right:clamp(12px,1.4vw,24px);flex:0 1 var(--w-feed);padding:clamp(16px,2.5vh,28px) clamp(12px,1.8vw,24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.feed::-webkit-scrollbar{width:0}.work{position:relative;flex:0 0 auto;width:100%;max-width:100%;height:auto;border-radius:clamp(16px,2vh,28px);overflow:hidden;box-shadow:0 16px 40px -10px rgba(12,15,24,.08),0 0 0 1px rgba(229,229,242,.85);background:var(--c-surface);transition:box-shadow .3s var(--ease),border-color .3s var(--ease)}.work:hover{box-shadow:0 24px 48px -10px rgba(99,102,241,.16),0 0 0 1px rgba(167,141,248,.4)}.work img{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.work[hidden]{display:none}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:auto 0;padding:48px;border:1px dashed var(--c-border);border-radius:var(--r-media);background:var(--c-surface)}.empty h2{font-size:var(--t-card)}.empty p{color:var(--c-muted);max-width:46ch}.empty button{padding:10px 16px;border-radius:var(--r-tile);background:var(--c-ink);color:#ffffff;font-size:var(--t-label);font-weight:600}.empty[hidden]{display:none}.rail{display:grid;place-items:center;flex:0 0 auto;width:var(--w-rail);height:100%;padding:10px 16px}.scroller{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px 12px;border:1px solid rgba(167,141,248,.3);border-radius:var(--r-pill);box-shadow:0 14px 36px rgba(12,15,24,.25),inset 0 1px 0 rgba(208,198,255,.25);background:linear-gradient(180deg,#1f1d38,#0c0f18);position:relative;isolation:isolate;transform:translateX(-30px)}.scroll-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#ffffff;background:rgba(167,141,248,.1);border:1px solid rgba(167,141,248,.2);transform:translateZ(0);transition:transform .2s var(--ease),background .2s var(--ease),opacity .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.scroll-btn svg{width:22px;height:22px;stroke-width:2.2}.scroll-btn:hover:not([disabled]){transform:scale(1.08);background:linear-gradient(135deg,#a78df8,#6366f1);color:#ffffff;border-color:#d0c6ff;box-shadow:0 0 18px rgba(167,141,248,.55)}.scroll-btn:active:not([disabled]){transform:scale(.92)}.scroll-btn[disabled]{opacity:.25;cursor:default}@media (min-width:1101px) and (max-height:860px){.sidebar{overflow:hidden}.scroller{gap:16px;padding:12px 10px}.scroll-btn{width:38px;height:38px}}@media (max-width:1440px){:root{--w-rail:88px}.rail{padding:10px}.scroller{gap:16px;padding:12px 10px}.scroll-btn{width:38px;height:38px}}@media (max-width:1100px){.rail{display:none}.feed{scrollbar-width:thin}.shell{flex-direction:column;align-items:stretch;height:auto;min-height:100vh;max-width:960px;padding:24px 20px 96px}.sidebar{width:100%;height:auto;overflow:visible;padding:0 0 16px;gap:16px}.sidebar__top{display:flex;flex-direction:column;gap:14px}.profile{width:100%}.services{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px);overflow-x:auto;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(229,229,242,.95);box-shadow:0 16px 40px -6px rgba(12,15,24,.2),0 0 0 1px rgba(255,255,255,.8);scrollbar-width:none;-webkit-overflow-scrolling:touch}}@media (max-width:1100px){.services::-webkit-scrollbar{display:none}.service{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:0;height:38px;padding:6px 14px 6px 8px;border-radius:999px;background:transparent;border:1px solid transparent;color:var(--c-ink);font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.service:active{transform:scale(.96)}.service[aria-pressed=true]{background:#0c0f18;color:#ffffff;border-color:#0c0f18;box-shadow:0 4px 14px rgba(12,15,24,.25)}.service__tile{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--c-tile);box-shadow:none;border:none;flex:0 0 auto}.service[aria-pressed=true] .service__tile{background:rgba(255,255,255,.18);color:#ffffff}.service[aria-pressed=true] .service__tile svg{color:#ffffff!important;stroke:#ffffff!important}.service__tile svg{width:13px;height:13px}.service__label{font-size:13px;font-weight:600;line-height:1}.sidebar__divider{display:none}.contact{padding:16px 18px}.feed,.pane{width:100%;height:auto}.feed{overflow:visible;padding:8px 0 100px}.work{height:auto;margin-bottom:12px}.work img{width:100%;height:auto}.empty{margin:0;padding:36px}}@media (max-width:768px){:root{--pad:16px;--gap:12px;--r-media:20px}.shell{padding:16px 14px 96px}.sidebar{gap:14px;padding-bottom:12px}.sidebar__top{display:flex;flex-direction:column;gap:12px}.profile{padding:14px;gap:14px}.avatar{width:60px;height:60px}.profile__name{font-size:24px}.bio,.profile__role{font-size:14px}.bio{line-height:1.42}.bio,.stack{padding:14px}.stack{flex-direction:column;align-items:flex-start;gap:10px;min-height:0}.stack__icons{gap:8px}.stack__icons img{width:30px;height:30px}.contact{padding:14px;gap:12px}.contact__row{gap:12px;width:100%;justify-content:space-between}.socials{gap:8px}.socials a{width:34px;height:34px}.socials img{width:18px;height:18px}.resume{padding:8px 12px;font-size:11px;letter-spacing:.5px}.feed{padding:8px 0 100px;gap:16px}.work,.work img{border-radius:20px}}@media (max-width:480px){:root{--pad:12px;--gap:10px;--r-media:16px}.shell{padding:12px 10px 96px}.card{padding:12px 14px;border-radius:10px}.profile{gap:12px}.avatar{width:52px;height:52px}.profile__name{font-size:21px}.bio,.profile__role{font-size:13.5px}.bio{gap:7px}.socials a{width:32px;height:32px}.socials img{width:16px;height:16px}.resume{padding:8px 10px;font-size:10.5px}.empty,.work,.work img{border-radius:16px}.empty{padding:24px 16px}.empty h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.feed{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}