:root { --bg:#0c0e10; --panel:#12161a; --text:#e7ece9; --muted:#88928d; --line:#2a302f; --accent:#b9f879; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:14px/1.6 "IBM Plex Mono",monospace; }
a { color:inherit; text-decoration:none; }.section-wrap { padding-left:5vw; padding-right:5vw; }.site-header { height:76px; padding:0 5vw; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }.wordmark { font-weight:600; font-size:14px; }.wordmark span { color:var(--muted); }nav { display:flex; gap:30px; margin-left:90px; }nav a { color:var(--muted); font-size:12px; transition:color .2s; }nav a:hover { color:var(--accent); }.status { color:var(--accent); text-transform:uppercase; font-size:11px; }.status i { display:inline-block; width:7px; height:7px; background:var(--accent); margin-right:7px; border-radius:50%; box-shadow:0 0 13px var(--accent); }
.hero { min-height:620px; padding-top:55px; display:flex; flex-direction:column; }.label { margin:0; color:var(--muted); font-size:11px; letter-spacing:.02em; }.hero-grid { display:grid; grid-template-columns:1.5fr .8fr; gap:8vw; align-items:end; flex:1; padding:76px 0 50px; }.hero h1,.about h2,.contact h2 { margin:0; font-size:clamp(42px,6vw,91px); font-weight:500; letter-spacing:-.07em; line-height:1.08; }.hero h1 span,.about h2 span,.contact h2 span { color:var(--accent); }.terminal { min-width:290px; padding:23px; border:1px solid var(--line); background:var(--panel); color:#b5c0b9; font-size:12px; line-height:1.8; box-shadow:12px 12px 0 #171c1d; }.terminal p { margin:0; }.terminal b { color:var(--accent); font-weight:500; }.terminal i { display:inline-block; width:7px; height:14px; background:var(--accent); vertical-align:-2px; animation:blink 1s step-end infinite; }@keyframes blink { 50% { opacity:0; } }.hero-footer { padding-top:19px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; }.hero-footer p { margin:0; }.hero-footer p:last-child span { color:var(--accent); margin-left:7px; }.button { display:inline-flex; align-items:center; gap:22px; padding:12px 15px; border:1px solid var(--accent); color:var(--accent); font-size:11px; text-transform:uppercase; transition:.2s; }.button:hover { background:var(--accent); color:var(--bg); }.button span { font-size:17px; line-height:10px; }
.metrics { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); }.metrics div { min-height:150px; padding:26px 25px; border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }.metrics div:first-child { border-left:0; }.metrics strong { color:var(--accent); font-size:36px; font-weight:500; letter-spacing:-.09em; }.metrics span { color:var(--muted); font-size:11px; text-transform:uppercase; }
.projects,.about,.awards { padding-top:123px; padding-bottom:123px; }.section-title { display:flex; justify-content:space-between; }.section-title > p:last-child { width:285px; margin:0; color:var(--muted); font-size:12px; }.project-list { margin-top:70px; border-top:1px solid var(--line); }.project { min-height:116px; padding:21px 0; display:grid; grid-template-columns:9% 38% 1fr 28px; align-items:center; gap:20px; border-bottom:1px solid var(--line); transition:.2s; }.project:hover { padding-left:14px; background:#101416; }.project-number,.stack { color:var(--muted); font-size:11px; }.project h2 { margin:0; font-size:18px; font-weight:500; letter-spacing:-.05em; }.project p { margin:3px 0 0; font-size:11px; color:var(--muted); }.project .stack { margin:0; }.arrow { color:var(--accent); font-size:20px; }.ghost { margin-top:42px; border-color:var(--line); color:var(--text); }.ghost:hover { border-color:var(--text); background:var(--text); }
.about { background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.about-content { margin-top:77px; display:grid; grid-template-columns:1.1fr .8fr; gap:14%; }.about h2 { font-size:clamp(37px,5vw,73px); }.about-copy { font-size:12px; color:#bac2bd; }.about-copy p { margin:0 0 20px; }.toolset { margin-top:36px; display:flex; flex-wrap:wrap; gap:8px; }.toolset span { padding:5px 8px; border:1px solid var(--line); color:var(--muted); font-size:10px; }
.award-list { margin-top:70px; border-top:1px solid var(--line); }.award { min-height:76px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:15% 32% 1fr 22px; align-items:center; gap:20px; font-size:12px; }.award span { color:var(--muted); font-size:11px; }.award strong { font-weight:500; }.award p { margin:0; color:var(--muted); }.award a { color:var(--accent); font-size:17px; }
.contact { min-height:570px; padding-top:108px; position:relative; }.contact h2 { margin-top:48px; }.email { display:inline-block; margin-top:39px; padding-bottom:7px; border-bottom:1px solid var(--accent); color:var(--accent); font-size:clamp(15px,1.8vw,22px); }.email span { margin-left:12px; }footer { border-top:1px solid var(--line); padding-top:18px; position:absolute; bottom:28px; left:5vw; right:5vw; display:flex; justify-content:space-between; color:var(--muted); font-size:10px; text-transform:uppercase; }footer p { margin:0; }footer div { display:flex; gap:20px; }footer a:hover { color:var(--accent); }
@media (max-width:700px) { .section-wrap { padding-left:20px; padding-right:20px; }.site-header { height:65px; padding:0 20px; }nav { display:none; }.wordmark { font-size:12px; }.hero { min-height:615px; padding-top:39px; }.hero-grid { display:block; padding:61px 0 35px; }.hero h1 { font-size:43px; }.terminal { margin-top:45px; min-width:0; font-size:10px; padding:17px; box-shadow:7px 7px 0 #171c1d; }.hero-footer { font-size:9px; }.hero-footer p:last-child { display:none; }.metrics { grid-template-columns:1fr 1fr; }.metrics div { min-height:110px; padding:18px; }.metrics div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.metrics div:nth-child(4) { border-top:1px solid var(--line); }.metrics strong { font-size:29px; }.projects,.about,.awards { padding-top:78px; padding-bottom:78px; }.section-title { display:block; }.section-title > p:last-child { width:auto; margin-top:27px; }.project-list { margin-top:47px; }.project { min-height:126px; grid-template-columns:28px 1fr 18px; gap:11px; }.project .stack { display:none; }.project h2 { font-size:15px; }.project p { font-size:10px; }.about-content { display:block; margin-top:49px; }.about h2 { font-size:43px; }.about-copy { margin-top:38px; }.award-list { margin-top:47px; }.award { min-height:91px; grid-template-columns:43px 1fr 18px; gap:9px; }.award p { display:none; }.contact { min-height:530px; padding-top:78px; }.contact h2 { margin-top:42px; font-size:45px; }footer { left:20px; right:20px; bottom:21px; flex-wrap:wrap; gap:13px; }footer div { width:100%; order:3; } }