/* ============================================================
   THEME: ELEGANT TYPOGRAPHY — Warm, Fraunces serif
   ============================================================ */
.et-wrap{max-width:700px;margin:0 auto;padding:100px 40px 120px;font-family:'Cormorant Garamond',serif;background:#0d0a08;min-height:100vh;animation:fadeIn .7s ease}
.et-hero{margin-bottom:100px}
.et-img{width:70px;height:70px;border-radius:4px;object-fit:cover;border:1px solid #2a2318;display:block;margin-bottom:36px;filter:sepia(20%) grayscale(20%)}
.et-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.18em;color:#5a4f3a;text-transform:uppercase;margin-bottom:16px}
.et-name{font-family:'Fraunces',serif;font-size:clamp(3rem,6vw,5rem);color:#f4ede0;font-weight:900;letter-spacing:-.03em;line-height:.95;margin-bottom:20px}
.et-role{font-size:1.1rem;color:#6b5e44;font-style:italic;margin-bottom:20px}
.et-bio-hero{color:#4a4030;font-size:1rem;line-height:2;max-width:520px;margin-bottom:36px}
.et-resume-btn{display:inline-block;padding:10px 24px;border:1px solid #3a3020;color:#f4ede0;font-size:.82rem;text-decoration:none;letter-spacing:.06em;transition:all .2s}
.et-resume-btn:hover{background:rgba(244,237,224,.05);border-color:#f4ede0}
.et-divider{border:none;border-top:1px solid #1c1710;margin:70px 0}
.et-section-label{font-family:'IBM Plex Mono',monospace;font-size:.65rem;letter-spacing:.16em;color:#5a4f3a;text-transform:uppercase;margin-bottom:40px}
.et-section-title{font-family:'Fraunces',serif;font-size:2.2rem;color:#f4ede0;font-weight:700;margin-bottom:30px;letter-spacing:-.02em}
.et-bio-text{color:#5a5040;font-size:1.05rem;line-height:2.1;margin-bottom:60px}
.et-doing-list{display:flex;flex-direction:column;border-top:1px solid #1c1710;margin-bottom:60px}
.et-doing-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #1c1710;align-items:flex-start}
.et-doing-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;margin-top:2px}
.et-doing-title{font-size:1rem;color:#f4ede0;margin-bottom:4px}
.et-doing-desc{font-family:'DM Sans',sans-serif;font-size:.83rem;color:#4a4030;line-height:1.6}
.et-skill-row{display:flex;align-items:baseline;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #141210}
.et-skill-row:last-child{border-bottom:none}
.et-skill-cat{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4a4030;width:100px;flex-shrink:0}
.et-tags{display:flex;flex-wrap:wrap;gap:8px}
.et-tag{border:1px solid #2a2318;padding:4px 12px;font-family:'DM Sans',sans-serif;font-size:.78rem;color:#5a5040}
.et-titem{display:grid;grid-template-columns:100px 1fr;gap:20px;margin-bottom:32px}
.et-tdate{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:#3a3020;padding-top:5px}
.et-tinst{font-size:1.05rem;color:#f4ede0;margin-bottom:4px}
.et-tdeg{font-family:'DM Sans',sans-serif;font-size:.85rem;color:#5a4f3a}
.et-proj-list{border-top:1px solid #1c1710}
.et-proj-item{padding:28px 0;border-bottom:1px solid #1c1710}
.et-proj-num{font-family:'IBM Plex Mono',monospace;font-size:.65rem;color:#3a3020;margin-bottom:10px;letter-spacing:.1em}
.et-proj-title{font-size:1.2rem;color:#f4ede0;margin-bottom:8px}
.et-proj-desc{font-family:'DM Sans',sans-serif;color:#4a4030;font-size:.87rem;line-height:1.7;margin-bottom:14px}
.et-proj-links{display:flex;gap:12px}
.et-btn-sm{font-family:'DM Sans',sans-serif;padding:6px 14px;font-size:.76rem;border:1px solid #2a2318;color:#5a4f3a;transition:all .2s;display:flex;align-items:center;gap:4px;text-decoration:none}
.et-btn-sm:hover{border-color:#f4ede0;color:#f4ede0}
.et-ach-list{border-top:1px solid #1c1710}
.et-ach-item{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #1c1710}
.et-ach-icon{color:#3a3020;font-size:1rem;flex-shrink:0}
.et-ach-title{font-size:.95rem;color:#f4ede0;margin-bottom:3px}
.et-ach-sub{font-family:'DM Sans',sans-serif;font-size:.8rem;color:#4a4030;margin:0}
.et-cert-link{font-family:'DM Sans',sans-serif;display:inline-block;margin-top:3px;font-size:.68rem;color:#9a8a6a;text-decoration:none}
.et-contact-list{border-top:1px solid #1c1710}
.et-contact-link{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #1c1710;color:#4a4030;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:.87rem;transition:color .2s}
.et-contact-link:hover{color:#f4ede0}
.et-empty{color:#3a3020;font-size:.83rem;font-style:italic;font-family:'DM Sans',sans-serif}