:root{--bg:#070910;--bg-soft:#0c0f18;--panel:#101420c2;--panel-strong:#101521;--line:#ffffff17;--line-strong:#ffffff24;--text:#f6f7fb;--muted:#9da5b6;--muted-2:#737c91;--purple:#8d6cff;--blue:#40b8ff;--cyan:#6ee7f9;--radius:24px;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#8d6cff66}body:before{content:"";z-index:-3;background:radial-gradient(circle at 50% -10%,#6952eb1f,#0000 42%),linear-gradient(#080a11 0%,#070910 100%);position:fixed;inset:0}body:after{content:"";z-index:-2;opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.ambient{filter:blur(110px);opacity:.11;z-index:-1;pointer-events:none;border-radius:999px;width:420px;height:420px;position:fixed}.ambient-one{background:#7857ff;top:18%;left:-220px}.ambient-two{background:#2ba9ff;top:58%;right:-260px}.shell{width:min(calc(100% - 40px), var(--shell));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070910b8;border-bottom:1px solid #fff1;height:76px;position:sticky;top:0}.header-inner{align-items:center;gap:30px;height:100%;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#8d6cff3d,#40b8ff1f);border:1px solid #ffffff21;border-radius:11px;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:inset 0 1px #ffffff14}.main-nav{align-items:center;gap:27px;margin-left:auto;display:flex}.main-nav a{color:#b5bcc9;font-size:14px;transition:color .2s}.main-nav a:hover{color:#fff}.header-cta{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:10px;padding:9px 15px;font-size:14px;font-weight:650}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;min-height:715px;padding-block:80px 60px;display:grid}.status-pill{border:1px solid var(--line);color:#b9c0ce;background:#ffffff09;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-bottom:28px;padding:8px 12px;font-size:12px;display:flex}.status-dot{background:#68e3a4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #68e3a41a}.kicker{color:#8f99ab;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:12px;font-weight:750}.hero h1,.page-intro h1,.case-header h1{letter-spacing:-.055em;max-width:780px;margin:0;font-size:clamp(48px,6vw,78px);line-height:.98}.gradient-text{background:linear-gradient(90deg,#a58cff 5%,#7e8cff 48%,#64d9ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lede{color:#aab1c0;max-width:620px;margin:27px 0 0;font-size:19px;line-height:1.7}.hero-actions,.inline-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(120deg,#7658e8,#517ee8);box-shadow:0 12px 34px #5655e62e}.button-secondary{color:#dbe0e9;border-color:var(--line-strong);background:#ffffff0a}.button-light{color:#0b0e15;background:#fff}.hero-proof{border-top:1px solid var(--line);gap:34px;margin-top:44px;padding-top:26px;display:flex}.hero-proof div{gap:2px;display:grid}.hero-proof strong{font-size:13px}.hero-proof span{color:var(--muted-2);font-size:12px}.hero-art{place-items:center;min-height:505px;display:grid;position:relative}.orb{filter:blur(40px);opacity:.26;border-radius:50%;position:absolute}.orb-a{background:#704cff;width:260px;height:260px;top:70px;left:60px}.orb-b{background:#28b2ff;width:220px;height:220px;bottom:60px;right:45px}.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#151a29ed,#0a0d16e0);border:1px solid #ffffff1f;position:absolute;box-shadow:0 40px 80px #0006,inset 0 1px #ffffff12}.panel-main{border-radius:28px;width:min(92%,430px);padding:32px;transform:rotate(-2deg)}.panel-main:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#8d6cff14,#0000 42%,#40b8ff0d);position:absolute;inset:0}.panel-label{color:#9ba4b6;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.panel-main h2{letter-spacing:-.04em;margin:70px 0 40px;font-size:34px;line-height:1.08}.mini-stack{gap:9px;display:grid}.mini-stack span{border:1px solid var(--line);color:#c5cad4;background:#ffffff06;border-radius:11px;padding:12px 14px;font-size:13px}.floating-card{border-radius:18px;gap:3px;width:188px;padding:17px;display:grid}.floating-card b{font-size:13px}.floating-card small{color:var(--muted-2)}.mini-icon{color:#c7b8ff;background:#846cff2e;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:10px;display:grid}.card-code{bottom:55px;left:0;transform:rotate(4deg)}.card-product{top:42px;right:-8px;transform:rotate(5deg)}.marquee-wrap{border-block:1px solid var(--line);background:#ffffff04}.marquee{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.marquee span{color:#7f8797;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.section{padding-block:110px}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.about-preview h2,.cta-panel h2,.next-project h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.08}.split-heading{justify-content:space-between;align-items:end;gap:30px;max-width:none;display:flex}.text-link{color:#dce1ea;align-items:center;gap:7px;font-size:14px;font-weight:650;display:inline-flex}.text-link span{color:#8e7aff}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:#0e121d99;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}.project-card:hover{background:#101421d1;border-color:#907aff47;transform:translateY(-4px)}.project-visual{place-items:center;min-height:315px;padding:42px;display:grid;overflow:hidden}.visual-1{background:radial-gradient(circle at 20% 20%,#7352ff47,#0000 38%),linear-gradient(145deg,#0c1020,#0a0c15)}.visual-2{background:radial-gradient(circle at 80% 30%,#2fb3ff42,#0000 40%),linear-gradient(145deg,#0b1320,#090c14)}.visual-3{background:radial-gradient(circle at 50% 100%,#664fe640,#0000 45%),linear-gradient(145deg,#10101d,#090c13)}.visual-4{background:radial-gradient(circle at 15% 70%,#34c9d133,#0000 40%),linear-gradient(145deg,#0b141b,#090c13)}.visual-window{aspect-ratio:1.48;background:#080a11b8;border:1px solid #ffffff1f;border-radius:16px;width:92%;overflow:hidden;transform:perspective(1000px)rotateX(2deg)rotateY(-4deg);box-shadow:0 30px 70px #0006}.visual-topbar{border-bottom:1px solid var(--line);align-items:center;gap:5px;height:30px;padding:0 11px;display:flex}.visual-topbar span{background:#343a49;border-radius:50%;width:6px;height:6px}.visual-layout{grid-template-columns:25% 75%;height:calc(100% - 30px);display:grid}.visual-sidebar{border-right:1px solid var(--line);background:#ffffff04}.visual-content{padding:18px}.visual-line{background:#242a39;border-radius:999px;width:48%;height:7px;margin-bottom:9px}.visual-line.wide{background:#343b4e;width:70%}.visual-panels{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px;display:grid}.visual-panels span{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(145deg,#7c5cff1a,#38bdf806);border-radius:9px}.project-card-content{padding:26px}.eyebrow-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#9380ff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750}.project-year{color:var(--muted-2);font-size:11px}.project-card h3{letter-spacing:-.035em;margin:9px 0 10px;font-size:28px}.project-card p{color:var(--muted);min-height:68px;margin:0 0 20px;font-size:14px}.tag-row{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.tag{color:#9099aa;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:6px 9px;font-size:10px}.about-preview{border-top:1px solid var(--line);grid-template-columns:1fr .8fr;gap:85px;display:grid}.about-preview-copy{color:var(--muted);font-size:16px}.about-preview-copy p:first-child{margin-top:0}.about-preview-copy .text-link{margin-top:16px}.cta-panel{background:linear-gradient(120deg,#7754e238,#288ed91c 70%,#ffffff05);border:1px solid #ffffff1c;border-radius:30px;justify-content:space-between;align-items:end;gap:30px;margin-bottom:100px;padding-inline:48px;display:flex}.site-footer{border-top:1px solid var(--line);background:#05070c73;padding:60px 0 24px}.footer-grid{grid-template-columns:1fr auto;gap:50px;display:grid}.footer-copy{color:var(--muted-2);max-width:380px;margin:15px 0 0;font-size:13px}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:10px 30px;display:grid}.footer-links a{color:var(--muted);font-size:13px}.footer-bottom{border-top:1px solid var(--line);color:#626b7d;justify-content:space-between;gap:30px;margin-top:46px;padding-top:20px;font-size:11px;display:flex}.page-shell{padding-top:100px;padding-bottom:120px}.page-intro{max-width:900px;margin-bottom:76px}.page-intro h1{font-size:clamp(50px,6vw,76px)}.page-intro>p:last-child{max-width:660px;color:var(--muted);margin:25px 0 0;font-size:18px}.all-projects{margin-top:20px}.case-study{padding-top:54px;padding-bottom:120px}.back-link{color:var(--muted);font-size:13px}.case-header{grid-template-columns:1fr 330px;align-items:end;gap:70px;padding:70px 0 60px;display:grid}.case-header h1{font-size:clamp(58px,7vw,92px)}.case-summary{color:var(--muted);max-width:760px;margin:26px 0 0;font-size:20px}.case-meta{gap:20px;margin:0;display:grid}.case-meta div{border-top:1px solid var(--line);padding-top:13px}.case-meta dt{color:var(--muted-2);text-transform:uppercase;letter-spacing:.13em;font-size:10px}.case-meta dd{margin:4px 0 0;font-size:13px}.case-hero-visual{border:1px solid var(--line);background:radial-gradient(circle at 15% 15%,#7751ff40,#0000 36%),radial-gradient(circle at 85% 90%,#3db8ff2e,#0000 40%),#0a0d16;border-radius:30px;place-items:center;min-height:620px;display:grid;overflow:hidden}.case-window{aspect-ratio:1.55;background:#070a11d9;border:1px solid #ffffff24;border-radius:20px;width:min(82%,850px);overflow:hidden;transform:perspective(1200px)rotateX(2deg)rotateY(-3deg);box-shadow:0 45px 100px #00000080}.case-window-grid{grid-template-columns:19% 1fr;height:calc(100% - 30px);display:grid}.case-window-grid aside{border-right:1px solid var(--line);align-content:start;gap:10px;padding:17px 13px;display:grid}.case-window-grid aside i{background:#202635;border-radius:999px;height:8px}.case-window-main{padding:34px}.case-window-title{background:#363e52;border-radius:999px;width:48%;height:15px}.case-window-subtitle{background:#242a39;border-radius:999px;width:30%;height:8px;margin-top:11px}.case-window-cards{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:42px;display:grid}.case-window-cards span{aspect-ratio:1.3;border:1px solid var(--line);background:linear-gradient(145deg,#7a5bff1f,#ffffff05);border-radius:13px}.case-window-wide{border:1px solid var(--line);background:#ffffff05;border-radius:13px;height:28%;margin-top:14px}.case-section{border-bottom:1px solid var(--line);padding:110px 0}.two-col-copy{grid-template-columns:.7fr 1fr;gap:100px;display:grid}.large-copy{color:#d4d9e4;margin:0;font-size:22px;line-height:1.65}.highlight-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:60px 0 110px;display:grid}.highlight-card{border:1px solid var(--line);background:#ffffff05;border-radius:18px;min-height:180px;padding:21px}.highlight-card span{color:#7866dc;font-size:11px}.highlight-card p{color:#c7ccd6;margin:55px 0 0;font-size:14px}.case-story-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.story-card{border:1px solid var(--line);background:#ffffff05;border-radius:22px;padding:38px}.story-card h3{letter-spacing:-.035em;margin:0 0 18px;font-size:30px}.story-card p:last-child{color:var(--muted);margin-bottom:0}.story-wide{grid-column:1/-1}.next-project{text-align:center;padding:120px 0 20px}.next-project .button{margin-top:28px}.about-intro{margin-bottom:60px}.about-grid{grid-template-columns:360px 1fr;align-items:start;gap:70px;display:grid}.portrait-card{aspect-ratio:.86;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#805eff47,#0000 34%),linear-gradient(145deg,#111522,#0a0d15);border-radius:28px;align-content:center;place-items:center;gap:18px;display:grid;box-shadow:inset 0 1px #ffffff0f}.portrait-card span{letter-spacing:-.08em;background:linear-gradient(90deg,#ad97ff,#65d5ff);color:#0000;-webkit-background-clip:text;font-size:80px;font-weight:800}.portrait-card small{color:var(--muted-2);font-size:11px}.about-longform{color:var(--muted);font-size:16px}.about-longform .large-copy{color:#d7dbe4}.compact-section{padding-bottom:30px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill-card{border:1px solid var(--line);color:#bec5d1;background:#ffffff05;border-radius:14px;padding:18px;font-size:13px}.tech-cloud{flex-wrap:wrap;gap:9px;display:flex}.tech-cloud span{border:1px solid var(--line);color:#aeb6c4;background:#ffffff05;border-radius:999px;padding:10px 14px;font-size:12px}.resume-layout{grid-template-columns:280px 1fr;align-items:start;gap:70px;display:grid}.resume-sidebar{border:1px solid var(--line);background:#ffffff05;border-radius:22px;position:sticky;top:106px;overflow:hidden}.resume-name-card{border-bottom:1px solid var(--line);padding:26px}.avatar-monogram{border:1px solid var(--line);background:linear-gradient(145deg,#7e5cff40,#3ab8ff26);border-radius:16px;place-items:center;width:56px;height:56px;font-size:23px;font-weight:800;display:grid}.resume-name-card h2{margin:18px 0 2px}.resume-name-card p{color:var(--muted-2);margin:0;font-size:12px}.resume-side-section{border-bottom:1px solid var(--line);padding:23px 26px}.resume-side-section:last-child{border-bottom:0}.resume-side-section h3{text-transform:uppercase;letter-spacing:.13em;color:#8f99ab;margin:0 0 12px;font-size:11px}.resume-side-section ul,.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.resume-side-section li,.plain-list li{color:#b8bfcb;font-size:13px}.resume-main{border-top:1px solid var(--line)}.resume-section{border-bottom:1px solid var(--line);padding:34px 0}.resume-section h2{letter-spacing:-.035em;margin:0 0 18px;font-size:28px}.resume-section>p{color:var(--muted)}.timeline-item+.timeline-item{margin-top:34px}.timeline-top{justify-content:space-between;align-items:start;gap:24px;display:flex}.timeline-top h3{margin:0;font-size:18px}.timeline-top strong{color:#9d8cff;font-size:12px}.timeline-top span{color:var(--muted-2);white-space:nowrap;font-size:11px}.timeline-item>p{color:var(--muted);font-size:14px}.bullet-list{color:#aeb6c3;padding-left:18px;font-size:13px}.bullet-list li{margin-bottom:7px}.resume-project-links{gap:10px;display:grid}.resume-project-links a{border:1px solid var(--line);background:#ffffff05;border-radius:12px;justify-content:space-between;padding:15px 16px;font-size:13px;display:flex}.resume-actions{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.professional-resume{border:1px solid var(--line);background:#0b0e16;border-radius:24px;padding:50px}.professional-resume-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:40px;padding-bottom:36px;display:flex}.professional-resume-header h1{letter-spacing:-.045em;margin:0 0 10px;font-size:48px;line-height:1}.professional-resume-header p{color:var(--muted);margin:0}.resume-contact{color:var(--muted);align-content:start;justify-items:end;gap:5px;font-size:12px;display:grid}.professional-resume-grid{grid-template-columns:1fr 250px;gap:70px;display:grid}.professional-resume-grid aside{border-left:1px solid var(--line);padding-left:36px}.professional-resume .resume-section h2{text-transform:uppercase;letter-spacing:.13em;color:#8f99ab;font-size:12px}.professional-resume .resume-section p{font-size:13px}.muted{color:var(--muted-2)!important}.contact-page{place-items:center;min-height:720px;display:grid}.contact-card{border:1px solid var(--line);background:radial-gradient(circle at 10% 10%,#7452ff29,#0000 38%),#ffffff05;border-radius:30px;width:min(100%,900px);padding:60px}.contact-card h1{letter-spacing:-.05em;max-width:760px;margin:0;font-size:clamp(44px,6vw,68px);line-height:1.02}.contact-card>div:first-child>p:last-child{color:var(--muted);max-width:650px;font-size:16px}.contact-actions{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:42px;display:grid}.contact-method{border:1px solid var(--line);background:#ffffff06;border-radius:15px;grid-template-columns:1fr auto;gap:2px 15px;padding:20px;display:grid}.contact-method span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;grid-column:1/-1;font-size:10px}.contact-method strong{font-size:13px}.contact-method i{color:#8e7aff;font-style:normal}.contact-note{color:#676f80;margin:25px 0 0;font-size:11px}.contact-note code{color:#949daf}@media (max-width:900px){.main-nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;gap:20px;min-height:auto}.hero-art{min-height:440px}.marquee{justify-content:center;padding-block:22px}.project-grid,.about-preview,.case-header,.two-col-copy,.about-grid,.resume-layout,.professional-resume-grid{grid-template-columns:1fr}.case-header{gap:40px}.case-meta{grid-template-columns:repeat(3,1fr)}.case-hero-visual{min-height:460px}.highlight-grid{grid-template-columns:repeat(2,1fr)}.about-preview{gap:34px}.skill-grid{grid-template-columns:repeat(2,1fr)}.resume-sidebar{position:static}.professional-resume-grid aside{border-left:0;border-top:1px solid var(--line);padding-left:0}}@media (max-width:620px){.shell{width:min(calc(100% - 28px),var(--shell))}.site-header{height:68px}.header-cta{padding:8px 12px}.hero{padding-top:55px}.hero h1,.page-intro h1{font-size:46px}.hero-lede{font-size:16px}.hero-proof{grid-template-columns:1fr 1fr;gap:18px;display:grid}.hero-art{min-height:390px}.panel-main{width:92%;padding:24px}.panel-main h2{margin:52px 0 28px;font-size:28px}.floating-card{width:155px;padding:14px}.card-code{bottom:22px;left:-4px}.card-product{top:18px;right:-3px}.section{padding-block:78px}.split-heading{display:block}.split-heading .text-link{margin-top:18px}.project-visual{min-height:245px;padding:24px}.about-preview{gap:25px}.cta-panel{margin-bottom:70px;padding:38px 24px;display:block}.cta-panel .button{margin-top:25px}.footer-grid{grid-template-columns:1fr}.page-shell{padding-top:70px}.page-intro{margin-bottom:52px}.case-header{padding:48px 0}.case-header h1{font-size:56px}.case-meta{grid-template-columns:1fr}.case-hero-visual{min-height:340px}.case-window{width:92%}.case-window-main{padding:20px}.case-section{padding:74px 0}.highlight-grid{grid-template-columns:1fr;padding-bottom:74px}.highlight-card{min-height:130px}.highlight-card p{margin-top:30px}.case-story-grid{grid-template-columns:1fr}.story-wide{grid-column:auto}.story-card{padding:27px}.about-grid{gap:35px}.portrait-card{width:100%;max-width:360px}.skill-grid{grid-template-columns:1fr 1fr}.resume-layout{gap:35px}.professional-resume{border-radius:18px;padding:28px 22px}.professional-resume-header{display:grid}.resume-contact{justify-items:start}.professional-resume-grid{gap:20px}.contact-card{padding:35px 24px}.contact-actions{grid-template-columns:1fr}}@media print{body{color:#111;background:#fff}body:before,body:after,.ambient,.site-header,.site-footer,.no-print{display:none!important}.page-shell{width:100%;padding:0}.professional-resume{color:#111;background:#fff;border:0;padding:0}.professional-resume-header,.resume-section,.professional-resume-grid aside{border-color:#ddd}.professional-resume p,.professional-resume li,.professional-resume a,.professional-resume-header p,.resume-contact,.timeline-top span{color:#333!important}.professional-resume .resume-section h2,.kicker{color:#555}}
