/* ============================================================
   THEME: MINIMAL PRO — Notion-style, typography-first
   ============================================================ */
.mp-wrap{max-width:680px;margin:0 auto;padding:80px 30px 120px;font-family:'DM Sans',sans-serif;background:#0b0b0b;min-height:100vh;animation:fadeIn .6s ease}
.mp-hero{text-align:center;margin-bottom:100px}
.mp-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid #222;margin:0 auto 28px;display:block;filter:grayscale(20%)}
.mp-name{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,5vw,3.2rem);color:#f4f1e8;letter-spacing:-.02em;margin-bottom:10px;line-height:1.1}
.mp-role{color:#6b6b6b;font-size:.95rem;margin-bottom:20px;font-weight:300}
.mp-bio-hero{color:#4a4a4a;font-size:.95rem;max-width:500px;margin:0 auto 32px;line-height:1.9}
.mp-resume-btn{display:inline-block;padding:10px 26px;border:1px solid #2a2a2a;color:#f4f1e8;border-radius:4px;font-size:.85rem;text-decoration:none;transition:all .2s;letter-spacing:.04em}
.mp-resume-btn:hover{border-color:#f4f1e8;background:rgba(244,241,232,.06)}
.mp-nav{display:flex;justify-content:center;gap:32px;margin-bottom:80px;border-bottom:1px solid #181818;padding-bottom:20px;flex-wrap:wrap}
.mp-nav a{color:#4a4a4a;text-decoration:none;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;padding-bottom:20px;margin-bottom:-21px;border-bottom:1px solid transparent}
.mp-nav a:hover,.mp-nav a.active{color:#f4f1e8;border-bottom-color:#f4f1e8}
.mp-section{display:none;animation:fadeUp .4s ease}
.mp-section.active{display:block}
.mp-section-title{font-family:'DM Serif Display',serif;font-size:1.8rem;color:#f4f1e8;margin-bottom:40px}
.mp-bio-text{color:#6b6b6b;font-size:.97rem;line-height:2;margin-bottom:60px;max-width:560px}
.mp-sub-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#4a4a4a;margin-bottom:20px;margin-top:50px}
.mp-doing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:#181818;border:1px solid #181818;margin-bottom:30px}
.mp-doing-card{background:#0b0b0b;padding:24px;transition:background .2s}
.mp-doing-card:hover{background:#111}
.mp-icon-box{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:14px}
.mp-doing-title{font-size:.95rem;color:#f4f1e8;margin-bottom:6px;font-weight:500}
.mp-doing-desc{color:#4a4a4a;font-size:.82rem;line-height:1.6}
.mp-skill-row{display:flex;gap:20px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #141414;align-items:baseline}
.mp-skill-row:last-child{border-bottom:none}
.mp-skill-cat-name{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4a4a4a;width:120px;flex-shrink:0;padding-top:4px}
.mp-tags{display:flex;flex-wrap:wrap;gap:8px}
.mp-tag{border:1px solid #1c1c1c;padding:5px 12px;font-size:.8rem;color:#6b6b6b;border-radius:3px;transition:all .2s}
.mp-tag:hover{border-color:#6b6b6b;color:#f4f1e8}
.mp-titem{display:flex;gap:20px;margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid #141414}
.mp-titem:last-child{border-bottom:none}
.mp-tdate{font-size:.75rem;color:#3a3a3a;font-family:'IBM Plex Mono',monospace;width:90px;flex-shrink:0;padding-top:4px}
.mp-tinst{font-size:1rem;color:#f4f1e8;font-weight:500;margin-bottom:4px}
.mp-tdeg{font-size:.88rem;color:#6b6b6b}
.mp-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:#181818;border:1px solid #181818}
.mp-proj-card{background:#0b0b0b;padding:26px;display:flex;flex-direction:column;transition:background .2s}
.mp-proj-card:hover{background:#0f0f0f}
.mp-proj-title{font-size:1rem;color:#f4f1e8;margin-bottom:8px;font-weight:500}
.mp-proj-desc{color:#4a4a4a;font-size:.85rem;flex:1;line-height:1.7}
.mp-proj-links{display:flex;gap:10px;margin-top:16px}
.mp-btn-sm{padding:6px 14px;font-size:.78rem;border:1px solid #1c1c1c;color:#6b6b6b;transition:all .2s;display:flex;align-items:center;gap:5px;text-decoration:none}
.mp-btn-sm:hover{border-color:#f4f1e8;color:#f4f1e8}
.mp-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:#181818;border:1px solid #181818}
.mp-ach-card{background:#0b0b0b;padding:20px;display:flex;align-items:center;gap:14px}
.mp-ach-icon{color:#3a3a3a;font-size:1.1rem;flex-shrink:0}
.mp-ach-title{font-size:.9rem;color:#f4f1e8;margin-bottom:3px}
.mp-ach-sub{font-size:.78rem;color:#4a4a4a;margin:0}
.mp-cert-link{display:inline-block;margin-top:3px;font-size:.7rem;color:#9aa0a6;text-decoration:none}
.mp-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:#181818;border:1px solid #181818}
.mp-contact-item{background:#0b0b0b;padding:18px;display:flex;align-items:center;gap:12px;color:#4a4a4a;text-decoration:none;transition:all .2s;font-size:.85rem}
.mp-contact-item:hover{background:#0f0f0f;color:#f4f1e8}
.mp-empty{color:#2a2a2a;font-size:.83rem;font-style:italic}