:root{--bg:#09090c;--panel:#121116;--panel2:#18161d;--text:#f4f1f7;--muted:#aaa4b0;--line:#2c2832;--accent:#c49aff;--hot:#efb7dd;--soft:#d9d5df;--max:1180px;--display:"Arial Narrow","Avenir Next Condensed","Helvetica Neue",Arial,sans-serif;--body:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-kerning:normal;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.55}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.nav{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;min-height:88px;display:flex;position:relative}.brand{font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;font-size:1.08rem;font-weight:900}.brand span{letter-spacing:.11em;margin-left:.28em;font-weight:400}.brand span,.kicker,.eyebrow{color:var(--accent)}nav{gap:28px;display:flex}nav a{color:var(--muted);letter-spacing:-.01em;font-size:.88rem;transition:color .2s}nav a:hover{color:var(--text)}.hero{flex-direction:column;justify-content:center;min-height:72vh;padding:112px 0 96px;display:flex}.kicker,.eyebrow,.mini-label,.case-meta,.console-top,.console-line,.marquee-track,.process-item,.case-number{font-family:var(--mono)}.kicker,.eyebrow{letter-spacing:.13em;font-size:.69rem;font-weight:700}.hero h1,.section h2,.portfolio-hero h1,.section-intro h2,.case-content h3,.process-section h2,.about-title h2,.closing-section h2{font-family:var(--display);font-weight:800;font-stretch:75%}.hero h1,.section h2{letter-spacing:-.045em;margin:12px 0 0;line-height:.94}.hero h1{max-width:960px;font-size:clamp(3.7rem,9vw,8.2rem)}.hero h1 span{color:var(--accent)}.lede{max-width:690px;color:var(--muted);letter-spacing:-.012em;margin:36px 0 0;font-size:clamp(1rem,2vw,1.25rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.button{border-radius:3px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:.9rem;font-weight:700;display:inline-flex}.primary{background:var(--accent);color:#0a0a0a}.secondary{border:1px solid var(--line);color:var(--muted)}.section{border-top:1px solid var(--line);padding:110px 0}.section-heading{margin-bottom:40px}.section h2{max-width:800px;font-size:clamp(2.5rem,5vw,5rem)}.venture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.venture-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:340px;padding:28px;transition:transform .18s,border-color .18s,background .18s}.venture-card:hover{background:#151219;border-color:#5d5368;transform:translateY(-4px)}.card-top{color:#737373;font-family:var(--mono);justify-content:space-between;margin-bottom:90px;font-size:.72rem;display:flex}.venture-card h3{font-family:var(--display);letter-spacing:-.035em;margin:8px 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.venture-card>p:last-child{max-width:500px;color:var(--muted)}.about{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.about>p{color:var(--muted);margin:0;font-size:1.08rem}.footer{border-top:1px solid var(--line);min-height:150px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:.82rem;display:flex}.portfolio-page{isolation:isolate;background:linear-gradient(#09090c 0%,#0b0a0e 52%,#08080a 100%);position:relative;overflow:hidden}.portfolio-page:before{content:"";pointer-events:none;z-index:-2;opacity:.28;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0}.ambient{filter:blur(100px);opacity:.18;pointer-events:none;z-index:-1;border-radius:50%;animation:12s ease-in-out infinite alternate drift;position:absolute}.ambient-one{background:#9f5cff;width:540px;height:540px;top:-180px;right:-120px}.ambient-two{background:#d987c4;width:440px;height:440px;animation-delay:-4s;top:1100px;left:-240px}@keyframes drift{to{transform:translate(-60px,80px)scale(1.12)}}.portfolio-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090ca8;position:sticky;top:0}.portfolio-nav .brand{font-size:1.24rem}.portfolio-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:70px;min-height:calc(100vh - 88px);padding:96px 0 90px;display:grid}.portfolio-hero h1{letter-spacing:-.055em;margin:16px 0 22px;font-size:clamp(4.5rem,9.5vw,9rem);line-height:.82}.portfolio-hero h1 span,.work-section h2 span,.process-section h2 span{background:linear-gradient(100deg,#c49aff,#efb7dd);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{font-family:var(--mono);letter-spacing:.04em;margin:0;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:600}.hero-detail{max-width:650px;color:var(--muted);letter-spacing:-.012em;margin:18px 0 0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.portfolio-button-solid,.portfolio-button-ghost{border-radius:3px;padding:13px 18px;font-size:.84rem;font-weight:700;transition:all .2s}.portfolio-button-solid{background:var(--text);color:#111}.portfolio-button-solid:hover{background:var(--accent);transform:translateY(-2px)}.portfolio-button-ghost{color:#d9d4de;border:1px solid #3b3542}.portfolio-button-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.hero-console{background:linear-gradient(145deg,#1f1b24e6,#100f14cc);border:1px solid #3c3545;padding:26px;transform:rotate(1.5deg);box-shadow:0 30px 80px #00000059}.float-card{animation:5s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)rotate(.5deg)}}.console-top{letter-spacing:.12em;color:#b9b1bf;font-size:.65rem;font-weight:700}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #c49affb3}@keyframes pulse{70%{box-shadow:0 0 0 10px #c49aff00}}.console-title{font-family:var(--display);letter-spacing:-.025em;margin:24px 0 30px;font-size:1.9rem;font-weight:800;line-height:1}.console-line{border-top:1px solid #332e39;grid-template-columns:70px 1fr;gap:12px;padding:11px 0;font-size:.62rem;display:grid}.console-line span{color:#77717d}.console-line strong{color:#dcd6e2;letter-spacing:.02em}.console-secret{color:var(--hot);margin:26px 0 0;font-size:.78rem}.marquee{border-block:1px solid var(--line);z-index:2;background:#0d0c10;position:relative;overflow:hidden;transform:rotate(-1deg)scale(1.02)}.marquee-track{width:max-content;padding:14px 0;animation:28s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap;letter-spacing:.1em;color:#c7c0cb;font-size:.66rem;font-weight:700}.marquee-track b{color:var(--accent);margin:0 24px}@keyframes marquee{to{transform:translate(-50%)}}.proof-strip{grid-template-columns:repeat(4,1fr);padding:100px 0 90px;display:grid}.proof-strip>div{border-left:1px solid var(--line);padding:8px 22px}.proof-strip>div:first-child{border-left:0;padding-left:0}.proof-strip strong{font-family:var(--display);letter-spacing:-.015em;font-size:1.25rem;display:block}.proof-strip span{color:#77717e;margin-top:5px;font-size:.76rem;display:block}.work-section{padding:70px 0 120px}.section-intro{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:90px;display:grid}.section-intro .kicker{grid-column:1/-1}.section-intro h2{letter-spacing:-.05em;margin:0;font-size:clamp(3.5rem,7vw,7rem);line-height:.86}.section-intro>p:last-child{max-width:530px;color:var(--muted);align-self:end;font-size:1.02rem}.case-studies{border-top:1px solid var(--line)}.case-study{border-bottom:1px solid var(--line);grid-template-columns:80px minmax(0,1fr);gap:30px;padding:86px 0;display:grid}.case-number{color:#5d5762;padding-top:8px;font-size:.7rem}.case-meta{color:var(--accent);letter-spacing:.1em;flex-wrap:wrap;gap:20px;font-size:.63rem;font-weight:700;display:flex}.status-dot:before{content:"●";color:var(--hot);margin-right:8px;font-size:.55rem}.case-content h3{letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(3rem,6.5vw,6.6rem);line-height:.86}.case-statement{color:#e2dce6;letter-spacing:-.018em;max-width:880px;margin:0 0 16px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600}.case-description{max-width:820px;color:var(--muted);font-size:1rem}.case-grid{border-top:1px solid #242129;grid-template-columns:1fr 1fr;gap:70px;margin-top:44px;padding-top:28px;display:grid}.mini-label{color:#77717d;letter-spacing:.12em;margin:0 0 16px;font-size:.62rem;font-weight:700}.case-grid ul{grid-template-columns:1fr 1fr;gap:9px 18px;margin:0;padding:0;list-style:none;display:grid}.case-grid li{color:#c7c1cb;font-size:.86rem}.case-grid li:before{content:"↳ ";color:var(--accent);font-family:var(--mono)}.tech-list{flex-wrap:wrap;gap:8px;display:flex}.tech-list span,.about-tags span{font-family:var(--mono);color:#c9c3cd;background:#ffffff04;border:1px solid #39333f;padding:7px 10px;font-size:.68rem}.project-note{color:#8f8795;margin-top:34px;font-size:.86rem;font-style:italic}.project-note span{color:var(--hot);margin-right:8px}.case-link{border-bottom:1px solid #62566d;gap:10px;margin-top:28px;padding-bottom:5px;font-weight:700;display:inline-flex}.case-link strong{color:var(--accent)}.process-section{border-block:1px solid var(--line);background:linear-gradient(#c49aff0b,#0000);padding:120px 0}.process-section h2{letter-spacing:-.05em;margin:12px 0 70px;font-size:clamp(3.4rem,7vw,7rem);line-height:.86}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(7,1fr);display:grid}.process-item{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:180px;padding:20px 14px;display:flex}.process-item:last-child{border-right:0}.process-item span{color:#625c67;font-size:.65rem}.process-item strong{letter-spacing:.04em;font-size:.67rem;line-height:1.25}.process-item:hover{background:#c49aff0f}.about-me{grid-template-columns:.8fr 1.2fr;gap:100px;padding:130px 0;display:grid}.about-title h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(3rem,5vw,5.5rem);line-height:.88}.about-copy{max-width:700px}.about-copy>p{color:#b3acb8;margin:0 0 22px;font-size:1.08rem}.about-copy>p:first-child{color:#e0dbe4;letter-spacing:-.015em;font-size:1.3rem}.about-tags{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.closing-section{text-align:center;border-top:1px solid var(--line);padding:130px 0}.closing-section h2{letter-spacing:-.055em;margin:14px auto 18px;font-size:clamp(3.5rem,8vw,8rem);line-height:.86}.closing-section>p:not(.kicker){color:var(--muted)}.closing-link{border-bottom:1px solid #4d4554;gap:16px;margin-top:26px;padding-bottom:6px;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;display:inline-flex}.closing-link span,.portfolio-footer .brand span{color:var(--accent)}.reveal{animation:.75s cubic-bezier(.2,.7,.2,1) both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:900px){.portfolio-hero{grid-template-columns:1fr;min-height:auto}.hero-console{max-width:560px}.proof-strip{grid-template-columns:1fr 1fr;gap:34px 0}.proof-strip>div:nth-child(3){border-left:0}.section-intro,.about-me{grid-template-columns:1fr;gap:35px}.case-grid{gap:30px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-item{border-bottom:1px solid var(--line)}.process-item:nth-child(2n){border-right:0}}@media (max-width:760px){.nav{min-height:72px}.portfolio-nav nav{gap:13px}.portfolio-nav nav a:nth-child(2){display:none}.portfolio-hero{gap:54px;padding:70px 0 80px}.portfolio-hero h1{font-size:clamp(4rem,18vw,6rem)}.hero-actions>a{text-align:center;width:100%}.marquee{transform:none}.proof-strip{padding:70px 0}.proof-strip>div{padding-left:14px}.work-section{padding-top:40px}.section-intro{margin-bottom:45px}.case-study{grid-template-columns:1fr;gap:14px;padding:65px 0}.case-number{padding:0}.case-grid,.case-grid ul{grid-template-columns:1fr}.process-section{padding:85px 0}.process-grid{grid-template-columns:1fr}.process-item{border-right:0;min-height:100px}.about-me,.closing-section{padding:90px 0}.footer{flex-direction:column;justify-content:center;align-items:flex-start}.portfolio-footer{display:flex}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ambient,.float-card,.marquee-track,.live-dot,.reveal{animation:none!important}}
