@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:#0b0d11;--surface:#12161d;--surface2:#1a2029;--ink:#f3f5f1;--muted:#8992a1;--line:#242b36;--accent:#b5f36b;--accent2:#76e3c2;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.6}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#fff00008 1px,transparent 1px),linear-gradient(90deg,#fff00008 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}a{color:inherit}.site-shell{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.logo{font-weight:800;text-decoration:none}.logo span{color:var(--accent);margin-right:8px}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{color:var(--muted);font-size:.84rem;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-cta{color:var(--bg)!important;background:var(--accent);padding:9px 14px;border-radius:6px;font-weight:800}.menu-toggle,.sidebar-overlay{display:none}.eyebrow{color:var(--accent);font:500 .7rem 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center;padding:110px 0 130px}.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:1.02;letter-spacing:-.04em;margin:20px 0}.hero h1 em,h2 em{color:var(--accent);font-style:normal}.lead{color:var(--muted);font-size:1.08rem;max-width:580px}.hero-actions{display:flex;gap:22px;align-items:center;margin:32px 0 64px}.button{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:12px 17px;text-decoration:none;font-weight:800;font-size:.82rem}.button.primary{background:var(--accent);border-color:var(--accent);color:#10140c}.text-button{border:0;color:var(--ink)}.hero-proof{display:grid;gap:3px;border-left:1px solid var(--accent);padding-left:14px;font:500 .72rem 'DM Mono',monospace}.hero-proof span{color:var(--muted)}.hero-art{position:relative;justify-self:end}.portrait-frame{width:min(380px,70vw);height:490px;position:relative;background:var(--surface2);padding:14px 14px 65px;transform:rotate(3deg);box-shadow:18px 24px 0 var(--accent)}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.portrait-label{position:absolute;bottom:19px;left:20px;color:var(--muted);font:500 .66rem 'DM Mono',monospace}.portrait-label b{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:7px}.floating-note{position:absolute;left:-58px;bottom:42px;background:var(--surface);border:1px solid var(--line);padding:13px 15px;font:500 .78rem 'DM Mono',monospace;box-shadow:0 15px 30px #0008}.floating-note strong{color:var(--accent2)}.section{border-top:1px solid var(--line);padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2,.contact-section h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em;margin:18px 0}.section-copy{max-width:530px;color:var(--muted);font-size:1rem}.inline-link{display:inline-flex;gap:12px;color:var(--ink);font-weight:700;text-decoration:none;margin-top:22px}.inline-link span{color:var(--accent)}.section-heading{margin-bottom:35px}.section-heading h2{margin:16px 0 0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill{background:var(--surface);border:1px solid var(--line);padding:20px}.skill-top{display:flex;justify-content:space-between;font-size:.85rem}.skill-top span:last-child{color:var(--accent);font-family:'DM Mono',monospace}.bar{height:3px;background:var(--line);margin-top:18px}.bar i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:grow 1.2s ease both}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:7px 11px;font-size:.72rem;cursor:pointer}.filter.active,.filter:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{border:1px solid var(--line);background:var(--surface);overflow:hidden}.project-image{height:250px;background:var(--surface2);position:relative}.project-image img{width:100%;height:100%;object-fit:cover}.project-body{padding:24px}.project-body h3{margin:7px 0;font-size:1.25rem}.project-body p{color:var(--muted);font-size:.86rem;min-height:72px}.category{color:var(--accent);font:500 .67rem 'DM Mono',monospace;text-transform:uppercase}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--surface2);padding:5px 8px;color:var(--muted);font:500 .66rem 'DM Mono',monospace}.project-link{display:inline-block;margin-top:22px;color:var(--ink);font-size:.8rem;font-weight:800;text-decoration:none}.empty-state,.loading-state{grid-column:1/-1;border:1px dashed var(--line);padding:48px;text-align:center;color:var(--muted)}.contact-section{border-top:1px solid var(--line);padding:120px 0 90px}.contact-section h2{max-width:700px}.contact-section p{color:var(--muted);max-width:500px}.contact-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;color:var(--muted);font:500 .75rem 'DM Mono',monospace}.contact-meta a{color:var(--muted);text-decoration:none}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0 35px;color:var(--muted);font:500 .7rem 'DM Mono',monospace}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:780px){.site-shell{width:min(100% - 28px,var(--max))}.site-header{padding:18px 0}.menu-toggle{display:grid;gap:4px;border:0;background:none;padding:8px;z-index:4}.menu-toggle i{width:23px;height:2px;background:var(--ink)}.nav-links{position:fixed;inset:0 0 0 25%;background:var(--surface);z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px;transform:translateX(100%);transition:transform .3s}.nav-links.active{transform:none}.nav-links a{font-size:1.1rem}.sidebar-overlay.active{display:block;position:fixed;inset:0;background:#0009;z-index:2}.hero{grid-template-columns:1fr;gap:55px;padding:75px 0 100px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.hero-art{justify-self:center}.portrait-frame{height:390px}.floating-note{left:-25px}.split{grid-template-columns:1fr;gap:25px}.section{padding:80px 0}.skills-grid,.projects-grid{grid-template-columns:1fr}.project-image{height:210px}footer{gap:10px;flex-direction:column}}