:root{--bg:#090a0d;--panel:#111318;--ink:#f2f2ed;--muted:#9b9fa8;--line:#292c33;--acid:#d8ff52;--blue:#90a8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.mark{font-size:1.25rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.05em}.mark span{color:var(--acid)}nav{display:flex;gap:34px}nav a,.availability,footer a{color:var(--muted);text-decoration:none;font-size:.875rem;transition:.2s}nav a:hover,footer a:hover{color:var(--ink)}.availability{display:flex;align-items:center;gap:9px;color:var(--ink)}.availability i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid)}.hero{padding:92px 0 52px}.eyebrow,.section-head,.project-top,.project-no,.metrics span,.contact-note{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem}.eyebrow{color:var(--acid);margin-bottom:32px}.hero h1{font-size:clamp(3.8rem,8vw,7.8rem);font-weight:600;letter-spacing:-.075em;line-height:.89;margin:0;max-width:1100px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #737780}.hero-foot{margin:56px 0 54px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero-foot p{color:var(--muted);max-width:580px;font-size:1.1rem;margin:0}.circle-link{width:112px;height:112px;border-radius:50%;background:var(--acid);color:#0a0b0d;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:transform .3s}.circle-link:hover{transform:rotate(-6deg) scale(1.05)}.circle-link span{font-weight:700}.circle-link b{font-size:1.25rem}.hero-rule{height:1px;background:var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.metrics div{background:var(--bg);padding:32px 24px}.metrics strong{font-size:2.4rem;letter-spacing:-.05em;display:block}.metrics span{color:var(--muted)}.work{padding:120px 0}.section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.section-head p{margin:0;color:var(--ink)}.section-head span{color:var(--muted)}.project{position:relative;background:var(--panel);min-height:470px;padding:28px;display:grid;grid-template-columns:42px 1fr;overflow:hidden;border:1px solid transparent;transition:border-color .3s,transform .3s}.project:hover{border-color:#3c414b;transform:translateY(-3px)}.project-featured{grid-template-columns:42px minmax(280px,.8fr) 1fr;gap:10px;margin-bottom:18px}.project-no{color:var(--muted)}.project-body{position:relative;z-index:2;display:flex;flex-direction:column}.project-top{display:flex;justify-content:space-between;color:var(--muted)}.project h2{font-size:clamp(2.2rem,5vw,4.9rem);letter-spacing:-.06em;line-height:.95;margin:auto 0 24px}.project p{color:var(--muted);max-width:580px;margin:0 0 30px}.project ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.project li{font-family:"DM Mono",monospace;font-size:.7rem;text-transform:uppercase;border:1px solid #373b44;padding:7px 10px;border-radius:20px}.project-art{margin:20px 0 0 30px;border:1px solid #333842;position:relative;background:linear-gradient(135deg,#151820,#0b0c10);overflow:hidden}.wizard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1f232c 1px,transparent 1px),linear-gradient(90deg,#1f232c 1px,transparent 1px);background-size:34px 34px}.path{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--acid);box-shadow:0 0 25px var(--acid)}.p1{left:16%;top:68%}.p2{left:47%;top:42%}.p3{right:14%;top:19%}.wizard b{position:absolute;right:22px;bottom:20px;font-family:"DM Mono";font-size:1.35rem;line-height:1;color:var(--acid)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-grid .project{min-height:570px}.mini-proof{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-family:"DM Mono";font-size:.75rem}.mini-proof i{color:var(--acid);font-style:normal}.acid{background:var(--acid);color:#0c0d0f}.acid .project-no,.acid .project-top,.acid p{color:#474d32}.acid li{border-color:#808e46}.scan{height:170px;margin-top:40px;border:1px solid #75853d;position:relative;background:repeating-linear-gradient(0deg,rgba(8,10,4,.04) 0 2px,transparent 2px 5px)}.scan div{position:absolute;width:110px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #10120a;border-radius:48% 48% 35% 35%}.scan div:after{content:"";position:absolute;width:90px;height:45px;left:8px;top:-4px;border:3px solid #10120a;border-bottom:0;border-radius:90px 90px 0 0}.scan span{position:absolute;right:10px;bottom:8px;font-family:"DM Mono";font-size:.65rem}.horizontal{grid-template-columns:42px 1.2fr .8fr;gap:18px;margin-top:18px;min-height:390px}.horizontal h2{margin:auto 0 20px}.code-card{align-self:center;margin:0;background:#090a0d;border:1px solid var(--line);padding:40px;font-family:"DM Mono";font-size:1rem;line-height:2;color:#b8bdc8}.code-card span{color:var(--acid)}.about-wrap{background:#f0f0ea;color:#111318}.about{padding:112px 0}.about .section-head{border-color:#c9cbc4}.about .section-head span,.about-copy{color:#5e625f}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;margin:60px 0 75px}.about h2{font-size:clamp(2.5rem,5vw,5.4rem);letter-spacing:-.065em;line-height:.98;margin:0}.about-copy{font-size:1.05rem}.about-copy p:first-child{margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{border:1px solid #aeb1aa;padding:11px 17px;border-radius:40px;font-family:"DM Mono";font-size:.75rem;text-transform:uppercase}.proof{padding:120px 0}.proof-list{border-top:1px solid var(--line)}.proof-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:26px 8px;border-bottom:1px solid var(--line)}.proof-row>span{font-family:"DM Mono";font-size:.7rem;color:var(--muted)}.proof-row h3{margin:0;font-size:1.3rem;font-weight:500}.proof-row strong{font-family:"DM Mono";font-size:.72rem;color:var(--acid);text-transform:uppercase;letter-spacing:.05em}.contact{background:var(--blue);color:#0c0e15}.contact-inner{padding:100px 0 80px}.contact-inner>p{margin:0 0 100px;font-size:.85rem}.contact h2{font-size:clamp(3.5rem,9vw,8.5rem);letter-spacing:-.075em;line-height:.86;margin:0 0 70px}.contact h2 span{color:transparent;-webkit-text-stroke:1.5px #0c0e15}.contact-note{border-top:1px solid #596ba9;padding-top:18px}footer{height:90px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:"DM Mono";font-size:.72rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:800px){.shell{width:min(100% - 28px,1200px)}.nav{height:72px}.nav nav{display:none}.availability{font-size:.72rem}.hero{padding-top:66px}.hero h1{font-size:clamp(3.15rem,16vw,5rem)}.hero-foot{align-items:flex-start;flex-direction:column}.circle-link{width:94px;height:94px;align-self:flex-end}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:22px 12px}.metrics strong{font-size:2rem}.work,.proof{padding:82px 0}.project-featured,.project-grid,.horizontal{grid-template-columns:1fr}.project{padding:22px;display:block;min-height:500px}.project-no{margin-bottom:22px}.project-featured .project-art{height:260px;margin:34px 0 0}.project-grid .project{min-height:540px}.horizontal .code-card{margin-top:35px;font-size:.8rem;padding:26px}.about{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:36px;margin:44px 0}.proof-row{grid-template-columns:36px 1fr}.proof-row strong{grid-column:2}.contact-inner>p{margin-bottom:70px}.contact h2{font-size:clamp(3.4rem,17vw,5.5rem)}footer{height:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.circle-link,.project{transition:none}}
