@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Inter:wght@400;600;800&display=swap');
:root{--bg:#10110d;--panel:#171813;--text:#f4f2e7;--muted:#96988a;--lime:#d9ff3f;--orange:#ff7145;--line:#303229}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(16,17,13,.9);backdrop-filter:blur(14px);z-index:20}
.brand{color:var(--text);text-decoration:none;font:17px 'Archivo Black';letter-spacing:-.7px}.brand span{display:inline-grid;place-items:center;background:var(--lime);color:#10110d;width:33px;height:33px;margin-right:9px;font:11px 'DM Mono'}
.links{display:flex;gap:30px}.links a{font:11px 'DM Mono';color:var(--muted);text-decoration:none;text-transform:uppercase}.links a:hover{color:var(--lime)}
.hero{min-height:calc(100vh - 76px);padding:9vw 8vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;background:radial-gradient(circle at 80% 45%,#2b3018,transparent 34%)}
.eyebrow,.section-head{font:11px 'DM Mono';letter-spacing:2px;color:var(--lime)}.eyebrow span{color:var(--orange)}
h1,h2,h3{font-family:'Archivo Black',sans-serif}h1{font-size:clamp(80px,14vw,170px);line-height:.78;letter-spacing:-8px;margin:30px 0 35px}h1 i,h2 i{color:var(--lime);font-style:normal}
.intro{font-size:18px;color:var(--muted);line-height:1.7;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.button{padding:16px 19px;border:1px solid var(--line);color:var(--text);text-decoration:none;font:11px 'DM Mono';transition:.2s}.button:hover{transform:translateY(-3px);border-color:var(--lime)}.button.fill{background:var(--lime);color:#10110d;border-color:var(--lime)}
.terminal{border:1px solid #3c4031;background:#0b0c0a;box-shadow:18px 18px 0 #20231a;transform:rotate(1.5deg)}.terminal-bar{height:42px;border-bottom:1px solid #30332a;display:flex;align-items:center;gap:7px;padding:0 15px}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#55574d}.terminal-bar label{margin-left:auto;font:10px 'DM Mono';color:#66695d}.terminal-body{padding:27px;font:13px/1.8 'DM Mono';min-height:360px;color:#b9baa9}.terminal-body p{margin:0 0 12px}.terminal-body b{color:#f1f0dd}.green{color:var(--lime)}.orange{color:var(--orange)}.cursor{animation:blink 1s infinite;color:var(--lime)}@keyframes blink{50%{opacity:0}}
.section{padding:130px 8vw;border-top:1px solid var(--line)}.section-head{display:flex;gap:16px;align-items:center}.section-head span{color:#65685c}.section-head b{font-weight:500}h2{font-size:clamp(45px,7vw,88px);line-height:.9;letter-spacing:-4px;margin:28px 0 65px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1150px}.large{font:30px/1.3 'Archivo Black';letter-spacing:-1px}.copy{color:var(--muted);line-height:1.85}.copy p{margin-top:0;margin-bottom:28px}.copy strong{color:var(--text)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project{position:relative;padding:32px;border:1px solid var(--line);min-height:360px;background:linear-gradient(145deg,#161713,#11120e);transition:.25s}.project:hover{transform:translateY(-6px);border-color:#59622f}.project.featured{background:linear-gradient(145deg,#242b14,#14150f);border-color:#4c552b}.project-number{position:absolute;right:25px;top:25px;color:#55584c;font:11px 'DM Mono'}.project-icon{font-size:43px;margin:0 0 50px}.project h3{font-size:25px;line-height:1.05;margin:0 0 17px;letter-spacing:-1px}.project p{color:var(--muted);line-height:1.65;max-width:620px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.chips span{border:1px solid #3e4234;color:#929583;padding:6px 8px;font:9px 'DM Mono'}
.currently{background:#14150f}.now-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.now-list>div{display:grid;grid-template-columns:35px 1fr;column-gap:15px;border-top:1px solid var(--line);padding:24px 0}.now-list span{grid-row:1/3;color:var(--lime);font:10px 'DM Mono'}.now-list b{font:18px 'Archivo Black'}.now-list small{color:var(--muted);margin-top:7px;line-height:1.5}
.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.interest-grid div{background:var(--bg);padding:30px;min-height:180px}.interest-grid strong{font:14px 'Archivo Black'}.interest-grid p{color:var(--muted);line-height:1.6;font-size:14px}
.quote{padding:120px 8vw;background:var(--lime);color:#11120d}.quote-mark{font:90px 'Archivo Black';line-height:.5}.quote blockquote{font:clamp(35px,5.5vw,76px)/1.05 'Archivo Black';letter-spacing:-3px;max-width:1000px;margin:25px 0}.quote small{font:11px 'DM Mono'}
.contact p{max-width:650px;color:var(--muted);line-height:1.7}.contact-button{display:inline-block;margin-top:30px;color:var(--lime);font:15px 'DM Mono';text-decoration:none;border-bottom:1px solid var(--lime);padding:0 0 9px}
footer{padding:28px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#62655a;font:9px 'DM Mono';letter-spacing:1px}
@media(max-width:800px){nav{padding:0 5vw}.links{display:none}.hero{grid-template-columns:1fr;padding:18vw 6vw}.terminal{margin-top:30px}.section{padding:90px 6vw}.about-grid,.now-grid,.project-grid{grid-template-columns:1fr}.interest-grid{grid-template-columns:1fr}.project{min-height:320px}h1{letter-spacing:-5px}footer{flex-direction:column;gap:10px}}
