@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--bg:#f5f4ef;--ink:#111;--muted:#6e6d68;--line:#d8d7d0;--accent:#b7ff38;--dark:#111;--white:#f5f4ef}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Space Grotesk",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.nav-wrap{position:fixed;z-index:10;top:0;left:0;width:100%;background:rgba(245,244,239,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:72px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:22px;font-weight:700;letter-spacing:-1px}.logo span{color:#718d00}
.links{display:flex;gap:30px;font-family:"DM Mono",monospace;font-size:12px;text-transform:uppercase}.links a{position:relative}.links a:after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:1px;background:#111;transition:.25s}.links a:hover:after{width:100%}
.menu{display:none;background:none;border:0;font-size:25px}
.hero{min-height:100vh;max-width:1180px;margin:auto;padding:150px 28px 90px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}
.eyebrow,.section-label,.project-type{font:500 11px "DM Mono",monospace;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#7ea900;display:inline-block}
.hero h1{font-size:clamp(52px,7vw,91px);line-height:.94;letter-spacing:-5px;margin:24px 0 30px}.hero h1 span,h2 em{font-style:normal;color:#7c9800}
.lead{font-size:18px;max-width:650px;color:#565550}.actions{display:flex;gap:12px;margin:35px 0 55px}.btn{display:inline-block;padding:14px 21px;border:1px solid #111;font-size:13px;font-weight:600;transition:.2s}.btn.primary{background:#111;color:#fff}.btn.primary:hover{background:#7c9800;border-color:#7c9800}.btn.ghost:hover{background:#111;color:#fff}
.quick-stats{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:20px}.quick-stats div{display:flex;flex-direction:column}.quick-stats strong{font-size:13px}.quick-stats span{font:10px "DM Mono",monospace;color:var(--muted);margin-top:3px}
.terminal{background:#151515;color:#e9e9e9;border-radius:7px;box-shadow:18px 22px 0 #dcdcd4;transform:rotate(1.2deg);overflow:hidden}.terminal-bar{height:39px;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 14px;gap:6px}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#555}.terminal-bar span{font:10px "DM Mono",monospace;color:#777;margin-left:8px}.terminal pre{padding:28px;font:13px/2 "DM Mono",monospace;min-height:370px}.muted{color:#777}.cyan{color:#83d8ff}.green{color:#a8e85b}
.section{max-width:1180px;margin:auto;padding:120px 28px}.section-label{color:var(--muted);margin-bottom:45px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2,.projects-head h2{font-size:clamp(42px,5vw,65px);line-height:1;letter-spacing:-3px}.about-copy{max-width:590px;color:#575650;font-size:16px}.about-copy p+p{margin-top:20px}.about-copy strong{color:#111}.about-copy code{font-family:"DM Mono";font-size:12px;background:#e6e5df;padding:2px 5px}
.dark-section{max-width:none;background:#111;color:#eee;padding-left:max(28px,calc((100% - 1124px)/2));padding-right:max(28px,calc((100% - 1124px)/2))}.dark-section .section-label{color:#777}.dark-section h2{margin-bottom:55px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.skill-card{padding:27px 20px 20px 0;border-right:1px solid #333;min-height:290px}.skill-card+.skill-card{padding-left:20px}.skill-card:last-child{border-right:0}.num{font:11px "DM Mono";color:#777}.skill-card h3{font-size:24px;margin:35px 0 12px}.skill-card p{font-size:13px;color:#999;max-width:240px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font:10px "DM Mono";padding:5px 8px;border:1px solid #d0d0ca;color:#555}.dark-section .tags span{border-color:#3a3a3a;color:#999}
.projects-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:65px}.projects-head p{align-self:end;color:#6b6a64;max-width:480px}
.project{display:grid;grid-template-columns:80px 1fr 40px;gap:25px;border-top:1px solid var(--line);padding:30px 0;transition:.25s}.project:hover{padding-left:12px;background:#eeede7}.project-number{font:12px "DM Mono";color:#999}.project-info h3{font-size:29px;letter-spacing:-1px;margin:7px 0}.project-info>p:not(.project-type){max-width:650px;color:#696862;font-size:14px}.project .tags span{border-color:#c8c7c0}.project-arrow{font-size:24px;transition:.25s}.project:hover .project-arrow{transform:translate(5px,-5px)}
.journey{padding-top:30px}.timeline{border-top:1px solid var(--line)}.time-item{display:grid;grid-template-columns:180px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.time-item>span{font:11px "DM Mono";color:#888;text-transform:uppercase}.time-item strong{font-size:19px}.time-item p{font-size:13px;color:#777;margin-top:3px}
.contact{background:#dfecc5;text-align:center;padding:135px 28px}.contact h2{font-size:clamp(48px,7vw,85px);line-height:.95;letter-spacing:-4px;margin:25px 0}.contact>p:not(.eyebrow){color:#65665d;margin:0 auto 28px}.contact .btn{margin-bottom:35px}.socials{display:flex;justify-content:center;gap:25px;font:11px "DM Mono";text-transform:uppercase}.socials a:hover{text-decoration:underline}
footer{background:#111;color:#888;display:flex;justify-content:space-between;padding:25px max(28px,calc((100% - 1124px)/2));font:10px "DM Mono"}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:800px){.links{display:none}.links.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:22px 28px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:120px;gap:45px}.terminal{max-width:600px}.about-grid,.projects-head{grid-template-columns:1fr;gap:35px}.skills-grid{grid-template-columns:1fr 1fr}.skill-card{border-bottom:1px solid #333}.project{grid-template-columns:45px 1fr 20px}.time-item{grid-template-columns:100px 1fr}}
@media(max-width:520px){.hero h1{letter-spacing:-3px}.quick-stats{gap:15px;flex-wrap:wrap}.skills-grid{grid-template-columns:1fr}.skill-card,.skill-card+.skill-card{padding:25px 0;border-right:0}.project-info h3{font-size:23px}.project-number{font-size:10px}.time-item{grid-template-columns:1fr;gap:8px}.contact h2{letter-spacing:-3px}footer{flex-direction:column;gap:10px}}