@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";html{background:#10110d}body{margin:0}#root{min-height:100vh}::selection{color:#10110d;background:#d7ff51}:root{--ink:#f4f0e8;--muted:#a9aaa4;--paper:#10110d;--panel:#fff1;--panel-strong:#ffffff1c;--line:#ffffff29;--acid:#d7ff51;--cyan:#8ffcff;--orange:#ff7a2f;--shadow:0 30px 100px #0000006b;color:var(--ink);background:var(--paper);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.scroll-progress{z-index:50;background:linear-gradient(90deg, var(--acid), var(--cyan));transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 22px #d7ff51a6}.loading-screen{z-index:1000;color:var(--ink);pointer-events:none;background:radial-gradient(circle at 50% 45%,#d7ff5124,#0000 24rem),#080907;place-items:center;display:grid;position:fixed;inset:0}.loading-screen div{place-items:center;gap:12px;display:grid}.loading-screen span{letter-spacing:-.12em;background:linear-gradient(120deg, var(--acid), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.8}.loading-screen p{color:#f4f0e88f;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem}.custom-cursor{z-index:999;mix-blend-mode:difference;pointer-events:none;background:#ffffffd1;border:1px solid #ffffffb3;border-radius:999px;width:20px;height:20px;transition:width .28s,height .28s,background .28s,border-color .28s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor span{opacity:0;color:#fff;letter-spacing:.1em;place-items:center;font-size:.64rem;font-weight:900;display:grid;position:absolute;inset:0}.custom-cursor.is-project{mix-blend-mode:normal;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d7ff5129;border-color:#d7ff51e6;width:82px;height:82px}.custom-cursor.is-project span{opacity:1}.section-dots{z-index:20;gap:13px;display:grid;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.section-dots a{background:#f4f0e83d;border:1px solid #f4f0e833;border-radius:999px;width:8px;height:8px;transition:transform .25s,background .25s,box-shadow .25s}.section-dots a:hover{background:var(--acid);transform:scale(1.75);box-shadow:0 0 18px #d7ff51a6}main{background:radial-gradient(circle at 16% 12%,#d7ff512e,#0000 28rem),radial-gradient(circle at 86% 4%,#8ffcff29,#0000 32rem),linear-gradient(135deg,#0b0c09 0%,#11130e 45%,#1c160f 100%);min-height:100vh;position:relative}main:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.grain{pointer-events:none;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;width:min(1180px,100% - 36px);margin:0 auto;padding:22px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:1.35rem;font-weight:800;text-decoration:none}.brand span{color:var(--acid)}.nav div{gap:8px;display:flex}.nav div a{color:#f4f0e8c2;border:1px solid #0000;border-radius:999px;padding:10px 14px;font-size:.86rem;text-decoration:none}.nav div a:hover{border-color:var(--line);background:#ffffff0f}.hero-section{grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr);align-items:center;gap:clamp(30px,6vw,88px);width:min(1180px,100% - 36px);min-height:calc(100vh - 84px);margin:0 auto;padding:38px 0 86px;display:grid;position:relative}.eyebrow,.section-kicker,.work-type{color:var(--acid);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.06em;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-weight:800}h1{max-width:12.5ch;margin:22px 0;font-size:clamp(3.15rem,6.7vw,6.65rem);line-height:.9}.lead{color:#f4f0e8b8;max-width:720px;font-size:clamp(1.02rem,1.35vw,1.26rem);line-height:1.72}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary,.secondary{border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:800;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:inline-flex}.primary{background:var(--acid);color:#11130e}.secondary{border:1px solid var(--line);color:var(--ink);background:#ffffff0b}.primary:hover,.secondary:hover{transform:translateY(-3px)}.secondary:hover{background:#ffffff17}.magnetic-btn{will-change:transform;position:relative}.magnetic-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#ffffff47,#0000 42%,#ffffff1f);transition:opacity .25s;position:absolute;inset:0}.magnetic-btn:hover:after{opacity:1}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:36px 0 0;display:grid}.hero-stats div{border:1px solid var(--line);background:#ffffff0b;border-radius:22px;padding:16px}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}dd{margin:6px 0 0;font-weight:800;line-height:1.25}.visual-card{border:1px solid var(--line);min-height:640px;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff24,#ffffff0b),radial-gradient(circle at 30% 20%,#d7ff5138,#0000 32%),radial-gradient(circle at 80% 60%,#8ffcff24,#0000 40%);border-radius:42px;position:relative;overflow:hidden}.portrait-frame{z-index:4;aspect-ratio:4/5;background:#0000003d;border:1px solid #ffffff47;border-radius:32px;width:min(46%,210px);position:absolute;top:22px;left:22px;overflow:hidden;box-shadow:0 22px 80px #00000073,0 0 44px #8ffcff2e}.portrait-frame:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 18% 8%,#d7ff516b,#0000 38%),linear-gradient(140deg,#0000000a,#0000006b);position:absolute;inset:0}.portrait-frame img{object-fit:cover;filter:contrast(1.06)saturate(1.03)brightness(.94);width:100%;height:100%;display:block}.portrait-glow{background:var(--cyan);filter:blur(34px);opacity:.32;width:80%;height:45%;position:absolute;inset:auto -18% -18% auto}.canvas-wrap{width:100%;height:540px;margin-top:48px}.orbit-line{border:1px solid #d7ff512e;border-left-color:var(--acid);pointer-events:none;border-radius:999px;width:440px;height:440px;margin-left:-220px;position:absolute;top:124px;left:50%}.card-caption{color:#f4f0e8bf;border-top:1px solid var(--line);padding-top:18px;line-height:1.6;position:absolute;bottom:24px;left:24px;right:24px}.tech-marquee{border-block:1px solid var(--line);padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.tech-track{will-change:transform;gap:clamp(28px,5vw,76px);width:max-content;display:flex}.tech-track span{color:#f4f0e88f;text-transform:uppercase;letter-spacing:-.06em;white-space:nowrap;font-size:clamp(1.35rem,4vw,4rem);font-weight:900;transition:color .25s,opacity .25s,text-shadow .25s}.tech-track span:hover{color:var(--acid);text-shadow:0 0 26px #d7ff5157}.section{width:min(1180px,100% - 36px);margin:0 auto;padding:clamp(76px,10vw,142px) 0;position:relative}.intro-grid{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1fr;gap:clamp(30px,7vw,90px);display:grid}.intro-grid h2,.section-heading h2,.contact h2,.trust-panel h2{margin:12px 0 0;font-size:clamp(2.1rem,4.8vw,4.8rem);line-height:.98}.intro-grid>p,.contact>p{color:#f4f0e8b3;font-size:1.1rem;line-height:1.85}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.capability-card,.work-card,.trust-panel,.experience-card,.education-strip{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:24px;box-shadow:0 18px 60px #0000002e}.capability-card{flex-direction:column;min-height:280px;display:flex}.cap-icon{color:var(--cyan);margin-bottom:auto}.cap-icon svg{width:30px;height:30px}.capability-card h3,.work-card h3,.experience-card h3{margin:28px 0 10px;font-size:1.3rem}.capability-card p,.work-card p,.trust-grid p,.experience-card p{color:#f4f0e8ad;line-height:1.7}.section-heading{max-width:900px;margin-bottom:36px}.experience-rail{gap:14px;display:grid;position:relative}.experience-rail:before{content:"";transform-origin:top;background:linear-gradient(#0000,#d7ff51b3,#0000);width:1px;transition:transform .8s;position:absolute;top:20px;bottom:20px;left:142px;transform:scaleY(.35)}.timeline-active .experience-rail:before{transform:scaleY(1)}.experience-card{grid-template-columns:120px 1fr;gap:38px;display:grid;position:relative}.experience-card:before{content:"";background:var(--acid);border-radius:999px;width:15px;height:15px;position:absolute;top:30px;left:135px;box-shadow:0 0 22px #d7ff51b3}.experience-card span{color:var(--acid);font-size:.78rem;font-weight:800;line-height:1.5}.experience-card h3{margin:0 0 6px;font-size:clamp(1.35rem,2.4vw,2.1rem)}.experience-card .role{color:var(--ink);margin-bottom:8px;font-weight:800}.work-list{gap:16px;display:grid}.work-card{grid-template-columns:90px 1fr;gap:24px;transition:background .25s,transform .25s;display:grid}.work-card:hover{background:var(--panel-strong);transform:translate(8px)}.work-card{position:relative;overflow:hidden}.work-card:before{content:"";background:linear-gradient(to bottom, var(--acid), var(--cyan));transform-origin:top;width:3px;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.work-card:hover:before{transform:scaleY(1)}.work-number{color:var(--acid);letter-spacing:-.08em;font-size:2.1rem;font-weight:900}.work-card h3{margin-top:4px;font-size:clamp(1.55rem,2.6vw,2.7rem)}.work-link{width:fit-content;color:var(--acid);letter-spacing:-.02em;align-items:center;gap:8px;margin-top:8px;font-weight:900;text-decoration:none;display:inline-flex}.work-link:hover{color:var(--cyan)}.work-card ul{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.work-card li{color:#f4f0e8b8;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:.82rem}.trust-panel{background:linear-gradient(135deg,#d7ff5124,#8ffcff14),#ffffff0f;grid-template-columns:.7fr 1fr;gap:40px;display:grid}.trust-panel svg{color:var(--acid)}.trust-grid{gap:18px;display:grid}.trust-grid strong{color:var(--ink)}.education-strip{color:#f4f0e8bf;align-items:center;gap:16px;padding-block:22px;display:flex}.education-strip svg{color:var(--acid);flex:none}.education-strip p{margin:0;line-height:1.7}.contact{text-align:center;max-width:980px}.contact h2{margin-top:12px}.contact-actions{justify-content:center}footer{border-top:1px solid var(--line);color:#f4f0e894;justify-content:space-between;gap:20px;width:min(1180px,100% - 36px);margin:0 auto;padding:34px 0 42px;display:flex}footer a{color:var(--acid);font-weight:800;text-decoration:none}@media (width<=980px){.hero-section,.intro-grid,.trust-panel{grid-template-columns:1fr}.visual-card{min-height:560px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats{grid-template-columns:1fr}h1{max-width:12ch}}@media (width<=640px){.nav{width:min(100% - 24px,1180px)}.nav div a{padding:8px;font-size:.76rem}.hero-section,.section,footer{width:min(100% - 24px,1180px)}.hero-section{padding-top:20px}h1{font-size:2.82rem}.lead{font-size:1rem}.visual-card{border-radius:28px;min-height:520px}.portrait-frame{border-radius:24px;width:132px}.capability-grid{grid-template-columns:1fr}.experience-rail:before{left:8px}.experience-card{grid-template-columns:1fr;gap:10px;padding-left:28px}.experience-card:before{top:28px;left:1px}.work-card{grid-template-columns:1fr}.work-number{font-size:1.6rem}.education-strip{align-items:flex-start}.contact-actions .primary,.contact-actions .secondary{width:100%}footer{flex-direction:column}.section-dots,.custom-cursor{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}