@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#07070a;--panel:#0d0d12;--text:#f2f1f5;--muted:#9a98a4;--purple:#9d4edd;--line:hsla(0,0%,100%,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}main{overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(124,58,237,.08),transparent 25%),var(--bg)}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;padding:28px 5vw;justify-content:space-between;background:linear-gradient(#07070a 20%,transparent)}.brand,.nav{display:flex;align-items:center}.brand{font-size:20px;font-weight:800;letter-spacing:.15em;gap:4px;cursor:pointer;position:relative;text-decoration:none}.brand-text-void{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.2);transition:all .2s}.brand-slashes{color:var(--purple);text-shadow:0 0 15px var(--purple),0 0 30px var(--purple);animation:pulse-slashes 2s infinite alternate}.brand-text-ap{background:linear-gradient(90deg,#fff,#b4b0bf);-webkit-background-clip:text;background-clip:text;color:transparent;transition:all .2s}@keyframes pulse-slashes{0%{opacity:.6;text-shadow:0 0 10px var(--purple)}to{opacity:1;text-shadow:0 0 20px var(--purple),0 0 40px var(--purple)}}.brand:hover .brand-text-void{animation:logo-glitch .3s cubic-bezier(.25,.46,.45,.94) infinite both;color:var(--purple);text-shadow:-2px 0 cyan,2px 0 red}@keyframes logo-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}footer span,h1 em,h2 span{color:var(--purple);font-style:normal}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a{font:12px DM Mono,monospace;letter-spacing:.2em;color:var(--muted);text-decoration:none;padding:10px 24px;border-radius:4px;transition:all .3s cubic-bezier(.25,.46,.45,.94);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05)}.nav-links a:hover{color:#fff;background:rgba(157,78,221,.1);border-color:rgba(157,78,221,.5);box-shadow:0 0 20px rgba(157,78,221,.2),inset 0 0 10px rgba(157,78,221,.1);transform:translateY(-2px);text-shadow:0 0 8px hsla(0,0%,100%,.5)}.hero{min-height:100vh;padding:140px 8vw 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font:11px DM Mono,monospace;letter-spacing:.2em;color:#b4b0bf;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,7.5vw,125px);line-height:.92;letter-spacing:-.075em;margin-bottom:30px;max-width:850px}.hero-text{max-width:480px;line-height:1.8;color:var(--muted);font-size:16px}.hero-eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-weight:500;margin-bottom:30px}.highlight-name{color:transparent;font-size:42px;font-family:Manrope,sans-serif;font-weight:800;text-shadow:0 0 30px rgba(157,78,221,.6);letter-spacing:.05em;background:linear-gradient(90deg,#fff,#e4b6ff);-webkit-background-clip:text;background-clip:text;line-height:1}.eyebrow-role{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.25em;color:#b4b0bf}.eyebrow-divider{color:var(--purple);opacity:.8;font-size:16px}.button{margin-top:25px;display:inline-flex;gap:32px;align-items:center;border:1px solid rgba(157,78,221,.6);padding:16px 18px;font:11px DM Mono,monospace;letter-spacing:.13em;transition:.25s}.button:hover{background:var(--purple);border-color:var(--purple);transform:translateY(-3px)}.object-wrap{height:560px;position:relative;display:grid;place-items:center;perspective:1000px}.orb{--rx:0deg;--ry:0deg;width:330px;height:330px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out;animation:float 7s ease-in-out infinite}.core{inset:65px;border-radius:42% 58% 56% 44%/50% 45% 55% 50%;background:radial-gradient(circle at 35% 30%,#e4b6ff 0,#9d22df 30%,#4b0b73 65%,#09070f 100%);box-shadow:0 0 40px #9d4edd88,inset -25px -25px 45px #08030c;transform:translateZ(30px) rotate(15deg);animation:morph 8s ease-in-out infinite alternate}.core,.ring{position:absolute}.ring{border:1px solid rgba(207,157,255,.45);border-radius:50%;transform-style:preserve-3d}.ring-one{inset:25px;transform:rotateX(72deg) rotate(18deg)}.ring-two{inset:45px;transform:rotateY(72deg) rotate(55deg)}.ring-three{inset:5px;transform:rotateX(35deg) rotateY(55deg);border-color:hsla(0,0%,100%,.12)}.shard{position:absolute;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:70px solid rgba(200,150,255,.75);filter:drop-shadow(0 0 10px #8f36d9)}.s1{top:0;left:150px;transform:translateZ(90px) rotate(20deg)}.s2{right:0;top:110px;transform:translateZ(55px) rotate(75deg)}.s3{bottom:5px;left:75px;transform:translateZ(80px) rotate(-30deg)}.s4{left:5px;top:90px;transform:translateZ(50px) rotate(-80deg)}.s5{bottom:50px;right:35px;transform:translateZ(110px) rotate(35deg)}.object-shadow{width:380px;height:80px;border-radius:50%;background:radial-gradient(ellipse,rgba(157,78,221,.4),transparent 70%);position:absolute;bottom:55px;filter:blur(15px)}.orb-caption{position:absolute;bottom:10px;right:8%;font:10px DM Mono,monospace;line-height:1.8;color:#d0c8db;text-align:right}.orb-caption span{color:#6f6977}.scroll-hint{position:absolute;bottom:34px;left:8vw;font:10px DM Mono,monospace;letter-spacing:.2em;color:#a99ab8;display:flex;gap:15px;align-items:center}.scroll-hint span{width:70px;height:1px;background:var(--purple)}.statement{padding:180px 8vw;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:start}.statement-left,.statement-right{position:relative}.statement-right{margin-top:40px}.contact h2,.section-head h2,.statement h2{font-size:clamp(42px,7vw,105px);line-height:.95;letter-spacing:-.07em;margin-bottom:40px}.statement>p:last-child{max-width:650px;margin-left:auto;color:var(--muted);font-size:18px;line-height:1.8}.skills{border-top:1px solid var(--line)}.skill{padding:27px 7vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr auto;align-items:center;transition:.25s;cursor:pointer}.skill.active,.skill:hover{padding-left:8vw;background:linear-gradient(90deg,color-mix(in srgb,var(--hover-color) 12%,transparent),transparent)}.skill i,.skill span{font:12px DM Mono,monospace;color:var(--muted);transition:.25s}.skill i{font-size:20px}.skill-content{display:flex;align-items:center;gap:35px}.skill-icon{color:var(--muted);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.skill strong{font-size:clamp(25px,4vw,60px);letter-spacing:-.04em;transition:.25s}.skill.active i,.skill:hover i{color:var(--hover-color);transform:translate(5px,-5px)}.skill.active .skill-icon,.skill:hover .skill-icon{color:var(--hover-color);transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--hover-color) 60%,transparent))}.skill.active strong,.skill:hover strong{color:var(--hover-color);text-shadow:0 0 20px color-mix(in srgb,var(--hover-color) 40%,transparent)}.work{padding:160px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:80px}.section-head>p{max-width:300px;color:var(--muted);line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.project{border:1px solid var(--line);background:var(--panel);transition:transform .3s,border-color .3s}.project:hover{transform:translateY(-10px);border-color:rgba(157,78,221,.7)}.project-visual{height:360px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(157,78,221,.35),transparent 45%),linear-gradient(135deg,#17111e,#09090c);display:grid;place-items:center}.p2 .project-visual{background:radial-gradient(circle at 50% 50%,rgba(24,149,230,.35),transparent 45%),linear-gradient(135deg,#09131d,#09090c)}.p3 .project-visual{background:radial-gradient(circle at 50% 50%,rgba(235,100,44,.3),transparent 45%),linear-gradient(135deg,#1b0e09,#09090c)}.p4 .project-visual{background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.25),transparent 45%),linear-gradient(135deg,#07120d,#09090c)}.project-number{position:absolute;top:20px;left:20px;font:11px DM Mono,monospace;color:#bdb8c6}.project-shape{width:170px;height:170px;border:1px solid hsla(0,0%,100%,.45);transform:rotate(45deg);box-shadow:0 0 50px rgba(157,78,221,.25);animation:spin 16s linear infinite}.p2 .project-shape{border-radius:50%;transform:none;animation:pulse 4s ease-in-out infinite}.p3 .project-shape{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);transform:none}.p4 .project-shape{width:150px;height:150px;border-radius:15px;transform:rotate(15deg);animation:float 6s ease-in-out infinite;border-color:rgba(16,185,129,.45);box-shadow:0 0 50px rgba(16,185,129,.25)}.project-info{padding:28px}.project-info p{font:10px DM Mono,monospace;letter-spacing:.13em;color:#8d8695}.project-info h3{font-size:28px;letter-spacing:-.04em;margin-bottom:14px}.project-info span{color:var(--muted);line-height:1.7;font-size:14px}.blackbird{min-height:80vh;padding:140px 10vw;text-align:center;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(38,177,112,.2),transparent 35%),#070b09;border-block:1px solid rgba(72,255,162,.15)}.bird-mark{font-size:70px;color:#78f0b4;text-shadow:0 0 40px #38a76e}.blackbird h2{font-size:clamp(65px,12vw,180px);letter-spacing:-.08em;margin:5px 0 20px}.blackbird h2 span{color:#78f0b4}.blackbird-copy{max-width:650px;color:#b0c1b8;line-height:1.8;margin:0 auto;font-size:16px}.project-metadata{margin:40px 0 50px;display:flex;gap:60px;justify-content:center;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;align-items:center;gap:8px}.meta-item span{font:10px DM Mono,monospace;color:#4b6355;letter-spacing:.15em}.meta-item a,.meta-item strong{font-size:13px;font-weight:700;color:#78f0b4;letter-spacing:.05em;text-transform:uppercase}.meta-item a{transition:color .3s}.meta-item a:hover{color:#fff;text-shadow:0 0 10px rgba(120,240,180,.5)}.blackbird .button{border-color:rgba(120,240,180,.4);color:#fff}.blackbird .button:hover{background:#78f0b4;border-color:#78f0b4;color:#000}.premium-founder-logo{display:flex;justify-content:center;margin-bottom:25px;filter:drop-shadow(0 0 25px rgba(245,158,11,.4))}.spin-ring-1{transform-origin:center;animation:spin-ring 12s linear infinite}.spin-ring-2{transform-origin:center;animation:spin-ring 8s linear infinite reverse}.pulse-core{transform-origin:center;animation:pulse-core 4s ease-in-out infinite alternate}.premium-founder-text{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(90deg,#fcd34d,#f59e0b,#b45309,#f59e0b,#fcd34d);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine-text 5s linear infinite;text-shadow:0 0 30px rgba(245,158,11,.5);margin-bottom:10px}.contact{min-height:100vh;padding:180px 8vw 50px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 30%,rgba(157,78,221,.14),transparent 25%),#09090d}.contact>p{color:var(--muted)}.contact-links{display:flex;gap:15px;margin-top:35px;flex-wrap:wrap}.contact-links a{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--purple);padding:12px 0;margin-right:25px;font:11px DM Mono,monospace;letter-spacing:.12em;transition:all .3s ease}.social-icon{color:var(--muted);transition:all .3s ease}.social-email:hover,.social-email:hover .social-icon{color:#ea4335;border-color:#ea4335;text-shadow:0 0 15px rgba(234,67,53,.6);filter:drop-shadow(0 0 5px rgba(234,67,53,.6))}.social-linkedin:hover,.social-linkedin:hover .social-icon{color:#0a66c2;border-color:#0a66c2;text-shadow:0 0 15px rgba(10,102,194,.6);filter:drop-shadow(0 0 5px rgba(10,102,194,.6))}.social-github:hover,.social-github:hover .social-icon{color:#fff;border-color:#fff;text-shadow:0 0 15px hsla(0,0%,100%,.6);filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}.social-instagram:hover,.social-instagram:hover .social-icon{color:#e1306c;border-color:#e1306c;text-shadow:0 0 15px rgba(225,48,108,.6);filter:drop-shadow(0 0 5px rgba(225,48,108,.6))}.footer{margin-top:auto;padding-top:100px;display:flex;justify-content:space-between;align-items:flex-end;width:100%}.footer-brand{font-size:32px;font-weight:800;letter-spacing:.15em;display:flex;align-items:center;gap:6px}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.footer-meta small{font:10px DM Mono,monospace;font-weight:400;color:var(--muted);letter-spacing:.2em}@keyframes float{0%,to{translate:0 -8px}50%{translate:0 12px}}@keyframes morph{to{border-radius:55% 45% 35% 65%/40% 60% 40% 60%;transform:translateZ(30px) rotate(55deg) scale(.94)}}@keyframes spin{to{rotate:1turn}}@keyframes pulse{50%{scale:1.18;box-shadow:0 0 70px rgba(24,149,230,.45)}}@keyframes spin-ring{to{transform:rotate(1turn)}}@keyframes pulse-core{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.05);opacity:1}}@keyframes shine-text{to{background-position:200%}}@media (max-width:800px){.nav{padding:20px 6vw;flex-direction:column;gap:15px;align-items:center}.nav,.nav-links{justify-content:center}.nav-links{gap:10px;width:100%}.nav-links a{padding:8px 12px}.hero{grid-template-columns:1fr;padding:150px 7vw 80px}.object-wrap{height:390px;margin-top:15px}.orb{scale:.6}.button{width:100%;justify-content:center;padding:14px 16px}.statement,.work{padding:110px 7vw}.statement{grid-template-columns:1fr;gap:60px}.statement-right{margin-top:20px}.skill{grid-template-columns:40px 1fr auto;padding:20px 5vw;gap:10px}.skill-content{flex-direction:column;align-items:flex-start;gap:10px}.skill strong{font-size:clamp(20px,5vw,28px)}.project-grid{grid-template-columns:1fr}.project-visual{height:280px}.section-head{display:block}.section-head>p{margin-top:25px}.blackbird{padding:100px 7vw}.project-metadata{flex-direction:column;gap:30px;align-items:center}.contact{padding:140px 7vw 40px}.contact-links{flex-direction:column;width:100%;gap:10px}.contact-links a{margin-right:0;width:100%;justify-content:center}.footer{padding-top:70px;flex-direction:column;align-items:flex-start;gap:25px}.footer-brand{font-size:24px}.footer-meta{align-items:flex-start}}.magnetic-heading{perspective:800px;transform-style:preserve-3d;font-size:clamp(55px,7.5vw,125px);line-height:.92;margin-bottom:30px;max-width:850px;margin-top:0;font-weight:800;letter-spacing:-.075em}.magnetic-char{display:inline-block;position:relative;transform-style:preserve-3d;transform:translate3d(var(--tx,0),var(--ty,0),0) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .4s cubic-bezier(.1,.8,.2,1),text-shadow .4s ease;--glow-base:rgba(255,255,255,calc(var(--force, 0) * 0.4));text-shadow:0 0 calc(var(--force, 0) * 15px) var(--glow-base)}.brand-char{color:var(--purple);--glow-base:rgba(157,78,221,calc(var(--force, 0) * 0.8))}.magnetic-char:after,.magnetic-char:before{content:attr(data-char);position:absolute;top:0;left:0;opacity:calc(var(--force, 0) * .5);transition:transform .3s cubic-bezier(.1,.8,.2,1),opacity .3s ease;pointer-events:none}.magnetic-char:before{-webkit-clip-path:polygon(0 0,100% 0,100% 40%,0 60%);clip-path:polygon(0 0,100% 0,100% 40%,0 60%);transform:translate3d(calc(var(--force, 0) * -4px),calc(var(--force, 0) * -8px),calc(var(--force, 0) * 5px)) rotate(calc(var(--force, 0) * -2deg))}.magnetic-char:after{-webkit-clip-path:polygon(0 60%,100% 40%,100% 100%,0 100%);clip-path:polygon(0 60%,100% 40%,100% 100%,0 100%);transform:translate3d(calc(var(--force, 0) * 4px),calc(var(--force, 0) * 8px),calc(var(--force, 0) * 5px)) rotate(calc(var(--force, 0) * 2deg))}.smoke-effect{position:absolute;top:50%;left:50%;width:60px;height:60px;background:#9d4edd;border-radius:50%;transform:translate(-50%,-50%) scale(var(--smoke-scale,0));opacity:var(--smoke-opacity,0);filter:blur(15px);pointer-events:none;z-index:10}