:root{--ink:#161616;--muted:#5f656d;--line:#dfe3e8;--paper:#fff;--soft:#f5f7f9;--accent:#0b6bcb;--accent-warm:#a14d17;--accent-green:#28745a;--shadow:0 18px 42px #16161614;--font-primary:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-secondary:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:0 24px 48px}.header{border-bottom:1px solid var(--line);text-align:center;padding:56px 0 34px}.profile-hero{flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.compact-header{padding-top:72px}.profile-picture{border:1px solid var(--line);width:132px;height:132px;box-shadow:var(--shadow);object-fit:cover;border-radius:50%;margin-bottom:24px}.eyebrow,.status-label{color:var(--accent-warm);font-family:var(--font-secondary);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:700}.header h1{color:var(--ink);letter-spacing:0;margin:10px 0 18px;font-size:clamp(44px,7vw,76px);font-weight:700;line-height:.98}.hero-summary{color:var(--muted);font-family:var(--font-secondary);max-width:720px;margin:0 auto;font-size:20px;line-height:1.45}.navigation{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.navigation a{color:var(--ink);font-family:var(--font-secondary);border:1px solid #0000;border-radius:8px;padding:9px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.navigation a:hover{background:var(--soft);border-color:var(--line);color:var(--accent)}section{margin:72px 0}section:not(:first-of-type){border-top:1px solid var(--line);padding-top:72px}h2{letter-spacing:0;font-size:34px;font-weight:700;line-height:1.12}h3,.project-title{letter-spacing:0;font-size:20px;font-weight:700}.section-heading{gap:8px;margin-bottom:26px;display:grid}.section-intro,.about p{color:var(--muted);font-family:var(--font-secondary);max-width:820px;font-size:18px;line-height:1.65}.about p{text-align:left}.now-grid,.project-grid,.mini-grid,.note-list{gap:20px;display:grid}.now-grid{grid-template-columns:repeat(3,1fr)}.now-grid>div{border-left:3px solid var(--accent-green);padding-left:18px}.now-grid p{color:var(--muted);font-family:var(--font-secondary);margin-top:8px}.project-grid{grid-template-columns:repeat(3,1fr)}.mini-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.lab .mini-grid{grid-template-columns:repeat(2,1fr)}.project-card,.mini-card,.note-card{background:var(--soft);border:1px solid var(--line);border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.project-card{color:inherit;flex-direction:column;min-height:100%;text-decoration:none;display:flex}.project-card:hover,.mini-card:hover,.note-card:hover{box-shadow:var(--shadow);border-color:#0b6bcb52;transform:translateY(-3px)}.project-card img,.mini-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.card-content{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.card-content p,.note-card p{color:var(--muted);font-family:var(--font-secondary);font-size:15px;line-height:1.55}.tag-list{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.tag-list span{background:var(--paper);border:1px solid var(--line);color:var(--muted);font-family:var(--font-secondary);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700}.cta-button{background:var(--ink);color:#fff;font-family:var(--font-secondary);border-radius:8px;margin-top:26px;padding:11px 16px;font-size:15px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s;display:inline-block}.cta-button:hover{background:var(--accent);transform:translateY(-1px)}.note-list{grid-template-columns:repeat(2,1fr)}.note-card{padding:24px}.note-card h2,.note-card h3{margin:8px 0 10px}.post-date{color:var(--accent-green);font-family:var(--font-secondary);font-size:14px;font-weight:700}.expanded-note{background:var(--paper)}.expanded-note .post-excerpt{color:var(--ink);margin-bottom:14px;font-size:17px}.notes-page .note-list{grid-template-columns:1fr}.footer{border-top:1px solid var(--line);margin-top:72px;padding:34px 0 0}.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.social-links p{color:var(--muted);font-family:var(--font-secondary);font-weight:700}.social-links a{color:var(--ink);font-family:var(--font-secondary);opacity:.82;align-items:center;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .18s,transform .18s;display:flex}.social-links img{width:24px;height:24px}.social-links a:hover{opacity:1;transform:translateY(-2px)}@media (max-width:880px){.now-grid,.project-grid,.mini-grid,.lab .mini-grid,.note-list{grid-template-columns:1fr}.profile-hero{min-height:auto}}@media (max-width:640px){.container{padding:0 18px 36px}.header{padding:42px 0 28px}.header h1{font-size:44px}.hero-summary{font-size:18px}.navigation{flex-direction:column;align-items:stretch}.navigation a{text-align:center}section,section:not(:first-of-type){margin:56px 0;padding-top:56px}section:first-of-type{padding-top:0}}
