:root{--orange:#ff7b35;--muted:#a6a4a8;--line:#3b383d}*{box-sizing:border-box}body{background:#111113;color:#f5f4f2;margin:0;font-family:'DM Sans',sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,4vw,60px);border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(20px,2.5vw,31px);font-weight:800;color:#fff;text-decoration:none;white-space:nowrap}.brand b,em{color:var(--orange);font-style:normal}nav{display:flex;gap:18px}nav a{color:#d5d3d4;font-weight:800;font-size:11px;text-decoration:none}main{max-width:1300px;margin:auto;padding:60px clamp(16px,4vw,60px)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:800}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(60px,9vw,116px);margin:8px 0;line-height:.9}h2{font-size:28px}.lede{color:var(--muted);line-height:1.6;max-width:650px;margin:20px 0 60px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.section-title span{color:var(--muted);font-size:9px;letter-spacing:1px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px;margin-top:20px}.project{background:#1d1c1f;border:1px solid #434048;border-radius:13px;min-height:220px;padding:23px;display:flex;flex-direction:column;text-decoration:none;color:#fff}.project:hover{border-color:var(--orange)}.project small{font-size:10px;color:#d6aa94;letter-spacing:1px;text-transform:uppercase}.project h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;line-height:1;margin:18px 0 7px}.project p{font-size:12px;color:var(--muted)}.project strong{color:var(--orange);font-size:11px;margin-top:auto;text-align:right}.empty{padding:25px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);line-height:1.5}#message{color:#e89a9a}footer{margin-top:100px;padding:20px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}@media(max-width:550px){header{padding:14px}nav a{font-size:9px}.brand{font-size:17px}main{padding-top:35px}.lede{margin-bottom:38px}}