@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#f3f4f6;background:#0b0d12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0b0d12;--panel: #11141c;--text: #f3f4f6;--muted: #9298a8;--line: #292d39;--accent: #b6f36b;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{overflow:hidden;position:relative}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;z-index:0;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='.28'/%3E%3C/svg%3E")}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-title-row h3{margin:9px 0}@media(max-width:560px){.project-title-row{align-items:flex-start;flex-wrap:wrap}}.project-status{justify-self:end;align-self:start;padding:7px 10px;border:1px solid rgba(255,85,85,.35);border-radius:4px;background:#ff414117;color:#ff6b6b;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;white-space:nowrap}.project-row{position:relative}.status-progress{color:#ff6b6b;border-color:#ff555559;background:#ff414117}.status-completed{color:#b6f36b;border-color:#b6f36b59;background:#b6f36b17}.section-wrap,.topbar{width:min(1160px,calc(100% - 64px));margin-inline:auto;position:relative;z-index:1}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px}.mark{font-size:29px;font-weight:800;letter-spacing:-2px}.mark span{color:var(--accent)}.wordmark-name{font:500 11px var(--mono);letter-spacing:2px}.muted{color:var(--muted);padding-inline:3px}.nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#c2c5cf}.nav a{transition:color .2s}.nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{display:flex;align-items:center;gap:8px;border:1px solid #3b404c;padding:11px 15px;border-radius:4px;color:var(--text)!important}.nav-contact:hover{border-color:var(--accent);color:var(--accent)!important}.menu-toggle{display:none;background:none;border:0;color:var(--text)}.hero{min-height:690px;padding-top:112px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.project-type{font:10px var(--mono);letter-spacing:1.7px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #b6f36b66}.eyebrow-line{width:38px;height:1px;background:#4a4f5b;margin-left:4px}.hero h1{font-size:clamp(48px,6.3vw,80px);line-height:1.06;letter-spacing:-5px;margin:28px 0 24px;font-weight:700}.accent{color:var(--accent)}.hero-lede{max-width:470px;color:#aeb3c0;line-height:1.9;font-size:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:700;padding:15px 18px;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#11150b}.button-primary:hover{background:#c8ff84}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;transition:color .2s}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:64px;font-size:11px;color:var(--muted)}.hero-meta span{display:flex;align-items:center;gap:7px}.meta-separator{color:#555b68}.mono{font-family:var(--mono)}.hero-art{height:430px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 72%);mask-image:radial-gradient(ellipse,black,transparent 72%)}.art-orbit{position:absolute;border:1px solid #343a46;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:430px;height:210px}.orbit-two{width:370px;height:280px;transform:rotate(45deg);border-color:#242a34}.code-card{position:relative;z-index:2;width:min(410px,100%);background:#11151e;border:1px solid #343947;border-radius:9px;box-shadow:0 28px 80px #0009;transform:rotate(-3deg);overflow:hidden}.code-card-top{height:43px;border-bottom:1px solid #2a303b;display:flex;align-items:center;gap:6px;padding:0 14px}.code-card-top>span{width:7px;height:7px;border-radius:50%;background:#565d6c}.code-card-top small{margin-left:auto;color:#727a8b;font:10px var(--mono)}.code-lines{padding:20px 17px 16px;font:11px/2.25 var(--mono);color:#d8dbe4}.code-lines p{margin:0;white-space:nowrap}.code-lines b{font-weight:400;color:#545d6e;display:inline-block;width:28px}.code-purple{color:#c5a3ff}.code-blue{color:#83caff}.code-pink{color:#ff9acb}.code-green{color:var(--accent)}.code-gap{margin-top:12px!important}.code-card-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #2a303b;padding:12px 16px;color:#8d95a5;font:9px var(--mono)}.code-card-bottom .mono{margin-left:auto}.floating-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#1b202a;border:1px solid #373e4c;padding:11px 13px;border-radius:5px;font:10px var(--mono);box-shadow:0 12px 30px #0005}.floating-tag span{color:#c8ccd5}.tag-top{top:47px;right:3px;color:var(--accent)}.tag-bottom{bottom:50px;left:-3px;color:var(--accent)}.scroll-cue{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:1.5px;color:#747b89}.scroll-line{display:inline-block;width:34px;height:1px;background:#626978}.work-section,.stack-section{padding-top:100px;padding-bottom:0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2,.about-copy h2{font-size:clamp(34px,4.4vw,52px);line-height:1.12;letter-spacing:-2.5px;margin:15px 0 0}.section-heading>p{max-width:300px;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 4px}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:55px 1fr 45px;gap:18px;padding:31px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding .2s}.project-row:hover{padding-inline:8px}.project-number{font:11px var(--mono);color:var(--accent);padding-top:4px}.project-type{font-size:9px}.project-main h3{font-size:23px;letter-spacing:-.7px;margin:9px 0}.project-main>p{font-size:12px;color:#a4aab7;line-height:1.8;max-width:650px;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tags span{border:1px solid #343946;border-radius:3px;padding:6px 8px;font:9px var(--mono);color:#b3bac7}.project-link{width:38px;height:38px;border:1px solid #3a404d;border-radius:50%;display:grid;place-items:center;transition:all .2s}.project-link:hover{background:var(--accent);border-color:var(--accent);color:#10140b}.project-note{font-size:10px;color:#858c9b;margin-top:18px}.note-star{color:var(--accent);margin-right:6px}.about-section{padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.about-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.about-stamp{border:1px solid #3d4438;color:#4b5743;font-size:39px;font-weight:800;line-height:.9;letter-spacing:-2px;padding:18px 21px;transform:rotate(-7deg);margin:45px 0 10px}.about-stamp span{color:var(--accent)}.about-copy h2{margin:0 0 26px}.about-copy p{font-size:13px;line-height:1.95;color:#a8aebb;max-width:590px}.about-copy .text-link{margin-top:15px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-card{background:var(--panel);border:1px solid #282d38;border-radius:5px;padding:21px 18px;min-height:170px;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:#596447;transform:translateY(-3px)}.skill-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.skill-top span{font:10px var(--mono);color:#606878}.skill-card h3{font-size:13px;margin:27px 0 9px}.skill-card p{font-size:10px;line-height:1.8;color:#969dac;margin:0}.contact-section{padding-top:105px;padding-bottom:110px;border-top:1px solid var(--line);position:relative;overflow:hidden}.contact-section h2{font-size:clamp(45px,7vw,78px);line-height:1.04;letter-spacing:-4px;margin:22px 0}.contact-section>p{max-width:410px;color:#a7adba;font-size:13px;line-height:1.8;margin-bottom:28px}.contact-section .button{position:relative;z-index:2}.contact-orb{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #343c31;right:30px;top:45px;background:radial-gradient(circle at 40% 40%,#b6f36b10,transparent 65%)}.contact-orb:before,.contact-orb:after{content:"";position:absolute;top:35px;right:35px;bottom:35px;left:35px;border:1px solid #343c31;border-radius:50%}.contact-orb:after{top:75px;right:75px;bottom:75px;left:75px;background:#b6f36b08}.footer{min-height:92px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .mark{font-size:23px}.footer-copy{font-size:10px;color:#7f8695}.socials{display:flex;gap:15px;color:#aeb4c0}.socials a{transition:color .2s}.socials a:hover{color:var(--accent)}@media(max-width:850px){.section-wrap,.topbar{width:min(100% - 40px,650px)}.hero{grid-template-columns:1fr;padding-top:85px;gap:15px;min-height:auto;padding-bottom:90px}.hero-art{height:370px;margin-top:5px}.hero h1{font-size:clamp(50px,10vw,76px)}.scroll-cue{bottom:22px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:470px}.about-section{gap:35px}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-orb{right:-170px;opacity:.65}}@media(max-width:560px){.section-wrap,.topbar{width:calc(100% - 36px)}.topbar{height:72px}.menu-toggle{display:block;cursor:pointer}.nav{display:none;position:absolute;top:71px;left:-18px;right:-18px;background:#10131b;border-bottom:1px solid var(--line);padding:22px 18px;flex-direction:column;align-items:stretch;gap:20px}.nav-open{display:flex}.nav-contact{justify-content:center}.hero{padding-top:66px}.eyebrow{font-size:8px;letter-spacing:1px}.hero h1{letter-spacing:-3.5px;margin-top:24px}.hero-lede{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-meta{margin-top:42px}.hero-art{height:315px;margin-inline:-6px}.code-card{width:calc(100% - 24px)}.code-lines{font-size:9px;padding:14px 10px}.code-lines b{width:23px}.orbit-one{width:320px;height:170px}.orbit-two{width:300px;height:220px}.tag-top{right:0;top:20px}.tag-bottom{left:0;bottom:25px}.work-section,.stack-section{padding-block:70px}.section-heading{margin-bottom:30px}.section-heading h2,.about-copy h2{letter-spacing:-1.7px}.project-row{grid-template-columns:28px 1fr 32px;gap:10px;padding-block:25px}.project-main h3{font-size:20px}.project-main>p{font-size:11px}.project-link{width:31px;height:31px}.about-section{grid-template-columns:1fr;gap:30px;padding-block:75px}.about-label{display:block}.about-stamp{display:none}.about-copy h2{font-size:39px}.skills-grid{gap:9px}.skill-card{padding:16px 13px;min-height:160px}.skill-card h3{margin-top:23px}.contact-section{padding-block:75px}.contact-section h2{letter-spacing:-2.5px}.contact-orb{right:-250px;top:120px}.footer{padding-block:22px;flex-wrap:wrap}.footer-copy{order:3;width:100%}.socials{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
