@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#e9eee9;font-synthesis:none;--ink:#e9eee9;--muted:#94a39d;--line:#dfebe324;--panel:#0d1915;--accent:#b8ee60;--accent-dark:#14250f;scroll-behavior:smooth;background:#07100d;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#07100d;margin:0}body::selection{background:var(--accent);color:#07100d}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07100de0;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(24px,5vw,72px);display:grid;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.07em;justify-self:start;font-size:22px;font-weight:700}.brand span{color:var(--accent)}.site-header nav{gap:29px;display:flex}.site-header nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-family:DM Mono,monospace;font-size:11px;transition:color .2s}.site-header nav a:hover,.site-header nav a.active{color:var(--accent)}.header-cta{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-self:end;padding:10px 14px;font-family:DM Mono,monospace;font-size:11px}.header-cta span{color:var(--accent);margin-left:7px}main{overflow:hidden}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:center;gap:clamp(48px,8vw,140px);min-height:100vh;padding:150px clamp(24px,8vw,124px) 80px;display:grid;position:relative}.hero-grid{opacity:.32;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:70px 70px;position:absolute;inset:76px 0 0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero:before{content:"";filter:blur(90px);background:#6faf411a;border-radius:50%;width:600px;height:600px;position:absolute;top:1%;left:35%}.hero-copy,.hero-card{z-index:2;position:relative}.eyebrow,.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-family:DM Mono,monospace;font-size:11px}.eyebrow{align-items:center;gap:10px;margin-bottom:30px;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b8ee601a}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.072em;max-width:1000px;margin:0 0 30px;font-size:clamp(54px,7.3vw,116px);line-height:.91}h1 em,h2 em{color:var(--accent);font-family:Playfair Display,serif;font-weight:600}.hero-role{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;min-height:20px;font-family:DM Mono,monospace;font-size:12px}.cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-intro{max-width:650px;color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:37px;display:flex}.button{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.09em;cursor:pointer;justify-content:center;align-items:center;gap:32px;min-height:48px;padding:0 20px;font-family:DM Mono,monospace;font-size:11px;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button.primary{color:#07100d;background:var(--accent);border-color:var(--accent);font-weight:500}.button.primary:hover{background:#caf978}.button.ghost{color:var(--ink);background:0 0}.hero-card{border:1px solid var(--line);background:#0d1915a8;flex-direction:column;min-height:410px;padding:26px;display:flex;overflow:hidden}.hero-card:after{content:"";background:var(--accent);filter:blur(85px);opacity:.16;width:210px;height:210px;position:absolute;bottom:-80px;right:-70px}.card-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px;font-family:DM Mono,monospace;font-size:10px}.hero-card>strong{letter-spacing:-.04em;font-size:23px}.orbit{flex:1;place-items:center;display:grid;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid #b8ee6047;border-radius:50%;position:absolute}.orbit:before{border-top-color:var(--accent);width:190px;height:190px;animation:18s linear infinite spin}.orbit:after{border-left-color:var(--accent);width:132px;height:132px;animation:11s linear infinite reverse spin}.orbit span{background:var(--accent);color:#07100d;letter-spacing:-.08em;border-radius:50%;place-items:center;width:86px;height:86px;font-size:23px;font-weight:700;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.hero-card-footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);justify-content:space-between;padding-top:18px;font-family:DM Mono,monospace;font-size:10px;display:flex}.online:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.scroll-cue{z-index:3;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:18px;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:32px;left:clamp(24px,8vw,124px)}.scroll-cue b{color:var(--accent);font-size:18px}.section{border-bottom:1px solid var(--line);max-width:1500px;margin:0 auto;padding:120px clamp(24px,8vw,124px)}.section-label{align-items:center;gap:16px;margin-bottom:60px;display:flex}.section-label:after{content:"";background:var(--line);flex:1;height:1px}.section-label span{color:var(--accent)}.about-content,.section-heading,.contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(40px,9vw,150px);display:grid}h2{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.7vw,84px);line-height:.98}.about-body{align-self:end}.about-body p,.section-heading>p,.contact-copy>p{color:var(--muted);font-size:16px;line-height:1.85}.about-body p:first-child{color:var(--ink);font-size:21px;line-height:1.6}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid}.stat{flex-direction:column;gap:8px;padding:35px 0;display:flex}.stat+.stat{border-left:1px solid var(--line);padding-left:35px}.stat strong{color:var(--accent);font-family:DM Mono,monospace;font-size:35px;font-weight:400}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:10px}.section-heading{align-items:end;margin-bottom:75px}.section-heading>p{max-width:410px;margin-bottom:0}.timeline{border-top:1px solid var(--line)}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:76px 230px 1fr;gap:30px;padding:40px 0;display:grid}.timeline-marker span{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:10px;display:grid}.timeline-meta p,.timeline-meta span,.company{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:10px}.timeline-meta p{color:var(--ink);margin:8px 0}.timeline-meta span{color:var(--muted)}.company{color:var(--accent);margin:7px 0 10px}.timeline-content h3{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(25px,3vw,37px)}.timeline-content ul{margin:0;padding:0;list-style:none}.timeline-content li{color:var(--muted);grid-template-columns:25px 1fr;gap:6px;margin-bottom:10px;font-size:14px;line-height:1.7;display:grid}.timeline-content li span{color:var(--accent)}.skills{background:#0a1511;max-width:none}.skills>*{max-width:1250px;margin-left:auto;margin-right:auto}.skill-groups{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skill-group{padding:30px}.skill-group+.skill-group{border-left:1px solid var(--line)}.skill-group-title{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.skill-group-title span{color:var(--accent);font-family:DM Mono,monospace;font-size:10px}.skill-group-title h3{letter-spacing:-.03em;margin:0;font-size:19px}.skill-row{margin-bottom:26px}.skill-row>div:first-child{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.skill-row b{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;font-weight:400}.skill-track{background:var(--line);height:2px;overflow:hidden}.skill-track i{height:100%;width:var(--level);background:var(--accent);transform-origin:0;animation:1.1s both reveal;display:block}@keyframes reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.project-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.project-card{border:1px solid var(--line);background:#0d19154d;grid-template-columns:50px 1fr;min-height:410px;padding:26px;display:grid;position:relative;overflow:hidden}.project-card.featured{background:var(--accent-dark)}.project-index{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.project-copy{z-index:2;align-self:end;position:relative}.project-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;border:1px solid #b8ee604d;margin-bottom:18px;padding:6px 9px;font-family:DM Mono,monospace;font-size:9px;display:inline-block}.project-copy h3{letter-spacing:-.055em;max-width:420px;margin:0 0 17px;font-size:clamp(28px,3vw,42px)}.project-copy p{color:var(--muted);max-width:500px;font-size:14px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:7px 9px;font-family:DM Mono,monospace;font-size:9px}.project-mark{color:#b8ee602e;font-size:110px;line-height:1;position:absolute;top:30px;right:35px}.contact{padding-bottom:145px}.contact-grid{align-items:start}.contact-copy h2{margin-bottom:30px}.contact-copy>p{max-width:560px}.contact-links{border-top:1px solid var(--line);margin-top:48px}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:18px 0;font-size:13px;display:flex}.contact-links a span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:9px}.contact-links a strong{font-weight:500}.contact-form{background:var(--panel);border:1px solid var(--line);padding:36px}.contact-form label{margin-bottom:25px;display:block}.contact-form label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;font-family:DM Mono,monospace;font-size:9px;display:block}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:0 0;border-radius:0;outline:none;padding:12px 0;display:block}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#53615c}.contact-form small{color:#ff8c7a;margin-top:7px;display:block}.contact-form .submit{border:0;width:100%}.contact-form .submit:disabled{opacity:.6;cursor:wait}.honeypot{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.form-status{margin:18px 0 0;font-size:13px;line-height:1.5}.form-status.success{color:var(--accent)}.form-status.error{color:#ff8c7a}footer{min-height:90px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(24px,5vw,72px);font-family:DM Mono,monospace;font-size:9px;display:flex}footer a{color:var(--ink)}.terminal-toggle{z-index:60;border:1px solid var(--accent);color:#07100d;background:var(--accent);cursor:pointer;width:48px;height:48px;font-family:DM Mono,monospace;font-weight:500;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 40px #0000004d}.terminal{z-index:70;background:#07100d;border:1px solid #34463f;width:min(430px,100vw - 40px);height:330px;font-family:DM Mono,monospace;font-size:12px;position:fixed;bottom:85px;right:25px;box-shadow:0 25px 90px #000}.terminal-header{height:42px;color:var(--muted);border-bottom:1px solid #263731;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;display:grid}.terminal-header>span{gap:5px;display:flex}.terminal-header i{background:#40514b;border-radius:50%;width:8px;height:8px}.terminal-header i:first-child{background:#ee6a5f}.terminal-header i:nth-child(2){background:#e7bf45}.terminal-header i:last-child{background:var(--accent)}.terminal-header strong{font-size:10px;font-weight:400}.terminal-header button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:end;font-size:18px}.terminal-body{height:calc(100% - 42px);padding:16px;overflow:auto}.terminal-welcome{color:var(--muted)}.terminal-entry{margin:12px 0}.terminal-entry p{margin-bottom:4px}.terminal-entry b,.terminal-body form label{color:var(--accent)}.terminal-entry span{color:var(--muted);line-height:1.5}.terminal-body form{gap:8px;display:flex}.terminal-body form input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-family:inherit}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-cta{display:block}.hero{grid-template-columns:1fr;padding-top:130px}.hero-card{max-width:440px;min-height:340px}.scroll-cue{display:none}.about-content,.section-heading,.contact-grid{grid-template-columns:1fr;gap:35px}.section-heading>p{max-width:620px}.timeline-item{grid-template-columns:60px 1fr}.timeline-meta,.timeline-content{grid-column:2}.skill-groups{grid-template-columns:1fr}.skill-group+.skill-group{border-left:0;border-top:1px solid var(--line)}.project-list{grid-template-columns:1fr}}@media (width<=600px){.site-header{height:66px;padding:0 20px}.header-cta{padding:8px 10px}.hero{padding:110px 20px 70px}.hero:before{width:300px;height:300px}.hero-card{min-height:320px}.section{padding:85px 20px}.section-label{margin-bottom:40px}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line);padding-left:0}.stat{padding:24px 0}.timeline-item{grid-template-columns:43px 1fr;gap:15px}.timeline-marker span{width:34px;height:34px}.project-card{grid-template-columns:34px 1fr;min-height:430px;padding:20px}.project-mark{font-size:80px}.contact-form{padding:25px 20px}footer{flex-direction:column;align-items:flex-start;padding:30px 20px}.terminal-toggle{bottom:16px;right:16px}.terminal{bottom:76px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
