/* ============================================================
   THEME: CORPORATE CLEAN — Top-nav, polished consultant
   ============================================================ */
.cc-wrap{font-family:'DM Sans',sans-serif;background:#0d0d0d;min-height:100vh;animation:fadeIn .5s ease}
.cc-nav{background:rgba(8,8,8,.95);border-bottom:1px solid #161616;padding:0 50px;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}
.cc-nav-brand{font-size:.95rem;font-weight:600;color:#f4f1e8}
.cc-nav-links{display:flex;gap:6px}
.cc-nav-link{padding:8px 14px;color:#444;font-size:.82rem;cursor:pointer;transition:all .2s;border-radius:4px}
.cc-nav-link:hover,.cc-nav-link.active{color:#f4f1e8;background:#161616}
.cc-hero{padding:100px 50px 80px;display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:center;border-bottom:1px solid #141414;max-width:1100px;margin:0 auto}
.cc-hero-img{width:160px;height:160px;border-radius:8px;object-fit:cover;border:1px solid #1c1c1c;filter:grayscale(10%);justify-self:end}
.cc-hero-eyebrow{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#9aa0a6;margin-bottom:14px;font-family:'IBM Plex Mono',monospace}
.cc-hero-name{font-size:clamp(2rem,4vw,3rem);color:#f4f1e8;font-weight:600;letter-spacing:-.025em;margin-bottom:10px;line-height:1.1}
.cc-hero-role{color:#555;font-size:.95rem;margin-bottom:18px}
.cc-hero-bio{color:#3d3d3d;font-size:.9rem;line-height:1.85;max-width:500px;margin-bottom:28px}
.cc-resume-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:transparent;border:1px solid #2a2a2a;color:#9aa0a6;border-radius:4px;font-size:.82rem;text-decoration:none;transition:all .2s}
.cc-resume-btn:hover{border-color:#9aa0a6;color:#f4f1e8}
.cc-section{padding:70px 50px;border-bottom:1px solid #101010;max-width:1100px;margin:0 auto}
.cc-section-header{display:flex;align-items:center;gap:14px;margin-bottom:40px}
.cc-section-num{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:#333}
.cc-section-title{font-size:1.3rem;color:#f4f1e8;font-weight:500}
.cc-section-line{flex:1;height:1px;background:#141414}
.cc-bio{color:#555;font-size:.92rem;line-height:1.9;max-width:580px;margin-bottom:40px}
.cc-doing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:40px}
.cc-doing-card{border:1px solid #161616;padding:22px;border-radius:6px;transition:all .2s}
.cc-doing-card:hover{border-color:#222;background:#111}
.cc-icon-box{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:14px}
.cc-doing-title{font-size:.92rem;color:#f4f1e8;margin-bottom:5px}
.cc-doing-desc{font-size:.8rem;color:#444;line-height:1.6}
.cc-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.cc-skill-cat{border:1px solid #161616;padding:20px;border-radius:6px}
.cc-skill-cat-name{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#444;margin-bottom:12px}
.cc-tags{display:flex;flex-wrap:wrap;gap:7px}
.cc-tag{background:#111;border:1px solid #1a1a1a;padding:4px 10px;font-size:.78rem;color:#555;border-radius:3px}
.cc-titem{display:grid;grid-template-columns:90px 1fr;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #111}
.cc-titem:last-child{border-bottom:none}
.cc-tdate{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:#333;padding-top:4px}
.cc-tinst{font-size:.95rem;color:#f4f1e8;margin-bottom:3px} .cc-tdeg{font-size:.83rem;color:#555}
.cc-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.cc-proj-card{border:1px solid #161616;padding:22px;border-radius:6px;display:flex;flex-direction:column;transition:all .2s}
.cc-proj-card:hover{border-color:#222;background:#0f0f0f}
.cc-proj-title{font-size:.95rem;color:#f4f1e8;margin-bottom:6px}
.cc-proj-desc{font-size:.83rem;color:#444;flex:1;line-height:1.65}
.cc-proj-links{display:flex;gap:8px;margin-top:14px}
.cc-btn-sm{padding:6px 13px;font-size:.76rem;border:1px solid #1c1c1c;color:#555;transition:all .2s;display:flex;align-items:center;gap:4px;text-decoration:none;border-radius:4px}
.cc-btn-sm:hover{border-color:#9aa0a6;color:#f4f1e8}
.cc-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cc-ach-card{border:1px solid #161616;padding:18px;border-radius:6px;display:flex;align-items:center;gap:12px;transition:border-color .2s}
.cc-ach-card:hover{border-color:#222}
.cc-ach-icon{color:#444;font-size:1.1rem;flex-shrink:0}
.cc-ach-title{font-size:.88rem;color:#f4f1e8;margin-bottom:2px}
.cc-ach-sub{font-size:.76rem;color:#444;margin:0}
.cc-cert-link{display:inline-block;margin-top:3px;font-size:.68rem;color:#9aa0a6;text-decoration:none}
.cc-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.cc-contact-item{border:1px solid #161616;padding:18px;border-radius:6px;display:flex;align-items:center;gap:12px;color:#444;text-decoration:none;font-size:.85rem;transition:all .2s}
.cc-contact-item:hover{border-color:#9aa0a6;color:#f4f1e8}
.cc-empty{color:#2a2a2a;font-size:.83rem;font-style:italic}
@media(max-width:800px){.cc-hero{grid-template-columns:1fr}.cc-hero-img{justify-self:start}}
