@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--paper:#f3f1eb;--paper-2:#e9e7df;--ink:#111311;--muted:#666b64;--line:#d3d1c8;--lime:#b7e86a;--lime-dark:#5e762f;--black:#121512;--max:1240px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:var(--ink)}.app{overflow:hidden}.wrap{width:min(var(--max), calc(100% - 56px));margin-inline:auto}.header{width:min(var(--max), calc(100% - 56px));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;margin:0 auto;display:flex}.wordmark{align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.wordmark-box{background:var(--ink);width:34px;height:34px;color:var(--lime);place-items:center;font:500 11px DM Mono,monospace;display:grid}.nav{align-items:center;gap:30px;display:flex}.nav a{color:#555a53;font-size:12px;font-weight:600}.nav a:hover{color:var(--ink)}.nav-contact{background:var(--ink);padding:11px 14px;color:#fff!important}.arrow{margin-left:5px;font-size:15px;line-height:1;display:inline-block}.menu{display:none}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:720px;padding-top:74px;padding-bottom:86px;display:grid}.availability{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;padding:7px 10px;font:500 10px DM Mono,monospace;display:inline-flex}.availability span{background:#75a63c;border-radius:50%;width:7px;height:7px}.hero-kicker{letter-spacing:.12em;color:var(--muted);margin:35px 0 15px;font:500 11px DM Mono,monospace}.hero h1{letter-spacing:-.065em;max-width:720px;margin:0;font-size:clamp(50px,6.4vw,86px);font-weight:800;line-height:.98}.hero h1 em,h2 em,.contact h2 em{color:var(--lime-dark);font-style:normal}.hero-description{max-width:600px;color:var(--muted);margin:28px 0 0;font-size:16px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.btn{border:1px solid var(--ink);align-items:center;min-height:45px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:0 0}.btn:hover{transform:translateY(-2px)}.hero-note{color:var(--muted);align-items:center;gap:13px;margin-top:42px;font-size:11px;display:flex}.hero-note strong{color:var(--ink);font-weight:700}.hero-art{background:#e5e3db;border:1px solid #cbc9c0;min-height:500px;position:relative;overflow:hidden}.art-grid{opacity:.7;background-image:linear-gradient(#d3d1c8 1px,#0000 1px),linear-gradient(90deg,#d3d1c8 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.art-orbit{border:1px solid #bcbab0;border-radius:50%;position:absolute}.orbit-one{width:480px;height:480px;top:10px;left:45px}.orbit-two{border-color:#a9a79d;width:330px;height:330px;top:85px;left:120px}.art-card{background:var(--black);color:#fff;position:absolute;box-shadow:0 20px 50px #11131124}.art-main{width:285px;height:245px;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.art-card-top{color:#8e938b;text-transform:uppercase;justify-content:space-between;font:500 9px DM Mono,monospace;display:flex}.art-card-top b{color:var(--lime);font-weight:500}.art-title{color:var(--lime);letter-spacing:-.04em;margin-top:55px;font:500 31px DM Mono,monospace}.art-line{background:#30352f;height:7px;margin-top:16px}.art-line.long{width:88%}.art-line.medium{width:62%}.art-status{color:#a7aaa3;margin-top:28px;font:500 9px DM Mono,monospace}.art-status i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.art-small{flex-direction:column;gap:5px;width:112px;padding:12px 14px;display:flex}.art-small b{color:var(--lime);font:500 11px DM Mono,monospace}.art-small span{color:#a7aaa3;font-size:9px}.art-small.one{top:65px;left:20px}.art-small.two{top:180px;right:22px}.art-small.three{bottom:42px;left:58px}.art-caption{color:#686c64;letter-spacing:.1em;font:500 9px DM Mono,monospace;position:absolute;bottom:17px;right:22px}.ticker{background:var(--ink);color:#e8e8e2;border-block:1px solid var(--ink);overflow:hidden}.ticker-track{letter-spacing:.12em;align-items:center;gap:24px;width:max-content;padding:16px 0;font:500 11px DM Mono,monospace;display:flex}.ticker-track i{color:var(--lime);font-style:normal}.section{border-bottom:1px solid var(--line);padding:120px 0}.section-head{align-items:center;gap:13px;margin-bottom:60px;display:flex}.section-head span{color:var(--lime-dark);font:500 11px DM Mono,monospace}.section-head p{letter-spacing:.12em;color:var(--muted);margin:0;font:500 10px DM Mono,monospace}.about-layout{grid-template-columns:1.05fr .95fr;gap:90px;display:grid}.about-layout h2,.skills-intro h2,.work-intro h2,.background-layout h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5vw,66px);font-weight:800;line-height:1.02}.about-body>p{max-width:610px;color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.85}.about-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;display:grid}.about-facts div{border:1px solid var(--line);background:#fff3;padding:16px}.about-facts span{color:var(--muted);text-transform:uppercase;margin-bottom:9px;font:500 9px DM Mono,monospace;display:block}.about-facts strong{font-size:12px;line-height:1.45}.skills-intro,.work-intro{justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px;display:flex}.skills-intro p,.work-intro p{max-width:360px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.skill-table{border-top:1px solid var(--ink)}.skill-row{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr;gap:30px;padding:25px 0;display:grid}.skill-row h3{text-transform:uppercase;letter-spacing:.1em;margin:0;font:500 11px DM Mono,monospace}.skill-items{flex-wrap:wrap;gap:8px;display:flex}.skill-items span{border:1px solid var(--line);background:#eeece5;padding:8px 10px;font-size:12px}.project-feature{border:1px solid var(--ink);background:var(--black);color:#fff;grid-template-columns:1.08fr .92fr;gap:0;display:grid}.project-visual{background:#dfe2d7;padding:24px}.browser{background:#101310;border:1px solid #30352f;height:440px;overflow:hidden}.browser-bar{background:#191d19;border-bottom:1px solid #2d312d;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.browser-bar>span{background:#70756d;border-radius:50%;width:6px;height:6px}.browser-bar small{color:#767b73;margin-left:10px;font:500 8px DM Mono,monospace}.mock-app{grid-template-columns:105px 1fr;height:calc(100% - 38px);display:grid}.mock-app aside{color:#747a72;border-right:1px solid #2d312d;flex-direction:column;gap:17px;padding:18px 12px;font-size:8px;display:flex}.mock-app aside b{color:var(--lime);margin-bottom:15px;font:500 14px DM Mono,monospace}.mock-content{padding:24px}.mock-heading small{color:#777d75;font:500 8px DM Mono,monospace;display:block}.mock-heading strong{margin-top:6px;font-size:17px;font-weight:700;display:block}.mock-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.mock-cards div{background:#1c211d;border:1px solid #2b302c;height:58px}.mock-list{border:1px solid #2b302c}.mock-list div{border-bottom:1px solid #2b302c;justify-content:space-between;gap:10px;padding:16px 12px;font-size:9px;display:flex}.mock-list div:last-child{border-bottom:0}.mock-list b{color:#d8dcd5;font-weight:500}.mock-list span{color:var(--lime);font:500 8px DM Mono,monospace}.project-info{flex-direction:column;justify-content:center;padding:44px;display:flex}.project-meta,.secondary-top{color:#8e938b;letter-spacing:.1em;justify-content:space-between;gap:15px;font:500 9px DM Mono,monospace;display:flex}.project-meta span:first-child{color:var(--lime)}.project-info h3{letter-spacing:-.05em;margin:18px 0 6px;font-size:48px}.project-category{color:#a9afa6;margin:0;font-size:12px}.project-copy{color:#b8bdb6;max-width:480px;margin:25px 0 0;font-size:13px;line-height:1.8}.project-points{border-top:1px solid #2e332f;margin:24px 0;padding:0;list-style:none}.project-points li{color:#c6cac3;border-bottom:1px solid #2e332f;padding:11px 0;font-size:11px;line-height:1.55}.project-points li:before{content:"↳";color:var(--lime);margin-right:9px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{color:#aeb4ab;border:1px solid #3a403a;padding:6px 8px;font:500 9px DM Mono,monospace}.project-cta{border-bottom:1px solid var(--lime);width:fit-content;color:var(--lime);align-items:center;margin-top:27px;padding-bottom:4px;font-size:11px;font-weight:800;display:inline-flex}.project-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.project-secondary{border:1px solid var(--line);background:#eeece5;min-height:370px;padding:30px}.secondary-top{color:var(--muted)}.secondary-top span:first-child{color:var(--lime-dark)}.secondary-icon{border:1px solid var(--ink);background:var(--ink);width:50px;height:50px;color:var(--lime);place-items:center;margin:45px 0 25px;font:500 12px DM Mono,monospace;display:grid}.project-secondary h3{letter-spacing:-.04em;margin:0;font-size:26px}.project-secondary p{max-width:480px;color:var(--muted);margin:14px 0 22px;font-size:13px;line-height:1.7}.project-secondary .chips span{color:#555a53;border-color:#d1cfc6}.background-layout{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.background-layout>div>p{max-width:390px;color:var(--muted);margin-top:24px;font-size:14px;line-height:1.75}.timeline{border-top:1px solid var(--ink)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:30px;padding:27px 0;display:grid}.timeline article>span{color:var(--lime-dark);letter-spacing:.1em;font:500 9px DM Mono,monospace}.timeline h3{letter-spacing:-.025em;margin:0 0 8px;font-size:18px}.timeline p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.contact{padding:70px 0 45px}.contact-inner{background:var(--lime);color:var(--ink);justify-content:space-between;align-items:end;gap:50px;padding:55px;display:flex}.contact-label{letter-spacing:.1em;font:500 9px DM Mono,monospace}.contact h2{letter-spacing:-.06em;max-width:650px;margin:18px 0 0;font-size:clamp(42px,5vw,70px);line-height:.98}.contact h2 em{color:var(--lime-dark)}.contact-inner>div:first-child>p{color:#46522f;max-width:500px;margin:20px 0 0;font-size:13px;line-height:1.7}.contact-actions{flex-direction:column;gap:8px;min-width:220px;display:flex}.contact-actions a{border:1px solid #11131147;justify-content:space-between;padding:13px 14px;font-size:11px;font-weight:800;display:flex}.contact-actions a:hover{background:#ffffff38}.contact-email{background:var(--ink);color:#fff;border-color:var(--ink)!important}.footer{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:0 0 28px;font:500 9px DM Mono,monospace;display:flex}@media (width<=980px){.hero,.project-feature,.about-layout,.background-layout{grid-template-columns:1fr}.hero{gap:45px;min-height:auto;padding-top:55px}.hero-art{min-height:430px}.project-info{padding:35px}.about-layout{gap:45px}.background-layout{gap:50px}}@media (width<=760px){.wrap,.header{width:min(var(--max), calc(100% - 32px))}.header{height:68px}.menu{border:1px solid var(--line);background:0 0;flex-direction:column;gap:5px;padding:9px;display:flex}.menu span{background:var(--ink);width:17px;height:1px}.nav{z-index:10;background:var(--paper);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:68px;left:16px;right:16px}.nav.open{display:flex}.nav a{padding:13px}.nav-contact{text-align:center}.hero{padding-top:45px;padding-bottom:60px}.hero h1{font-size:clamp(47px,15vw,72px)}.hero-note{flex-direction:column;align-items:flex-start}.hero-art{min-height:360px}.orbit-one{width:350px;height:350px;top:5px;left:10px}.orbit-two{width:240px;height:240px;top:60px;left:65px}.art-main{width:235px;height:210px}.art-title{margin-top:40px;font-size:26px}.art-small.one{top:45px;left:10px}.art-small.two{top:140px;right:10px}.art-small.three{bottom:25px;left:28px}.section{padding:85px 0}.section-head{margin-bottom:42px}.about-layout h2,.skills-intro h2,.work-intro h2,.background-layout h2{font-size:43px}.about-facts{grid-template-columns:1fr}.skills-intro,.work-intro{flex-direction:column;align-items:flex-start;margin-bottom:38px}.skill-row{grid-template-columns:1fr;gap:14px}.project-visual{padding:12px}.browser{height:330px}.mock-app{grid-template-columns:75px 1fr}.mock-content{padding:15px}.mock-list div{padding:12px 8px;font-size:8px}.project-info{padding:28px 22px}.project-info h3{font-size:40px}.project-grid{grid-template-columns:1fr}.project-secondary{min-height:320px}.timeline article{grid-template-columns:1fr;gap:10px}.contact{padding-top:50px}.contact-inner{flex-direction:column;align-items:stretch;padding:35px 24px}.contact-actions{min-width:0}.footer{flex-direction:column;gap:8px;padding-bottom:22px}}