*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg: #0f2b3d;--sidebar-accent: #3b9eca;--sidebar-text: rgba(255, 255, 255, .85);--sidebar-muted: rgba(255, 255, 255, .45);--bg: #f2f0ec;--surface: #ffffff;--border: #e2dfd8;--text: #1c1c1c;--muted: #6b7280;--accent: #0f2b3d;--tag-bg: #e3eff6;--tag-text: #1a4a62;--timeline-line: #d0ccc5;--timeline-dot: #3b9eca}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:15px}.site{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--sidebar-bg);color:var(--sidebar-text);padding:2.5rem 1.75rem;display:flex;flex-direction:column;gap:2.5rem}.profile-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(59,158,202,.35);display:block;margin-bottom:1rem}.name{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25}.job-title{font-size:.825rem;color:var(--sidebar-accent);font-weight:500;margin-top:.3rem}.company{font-size:.775rem;color:var(--sidebar-muted);margin-top:.15rem}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{color:var(--sidebar-muted);text-decoration:none;padding:.5rem .75rem;font-size:.75rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;transition:color .15s,border-color .15s;border-left:2px solid transparent}.sidebar nav a:hover{color:#fff;border-left-color:var(--sidebar-accent)}.sidebar-links{display:flex;flex-direction:column;gap:.65rem;margin-top:auto}.sidebar-link{display:flex;align-items:center;gap:.5rem;color:var(--sidebar-muted);text-decoration:none;font-size:.775rem;transition:color .15s}.sidebar-link:hover{color:var(--sidebar-accent)}.main{padding:3.5rem 4rem;max-width:860px}.section{margin-bottom:4.5rem}.section-title{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:1.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.card p{color:var(--text);font-size:.9rem;line-height:1.7}.card-heading{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.timeline-item{position:relative;padding-left:1.5rem;padding-bottom:2.25rem;border-left:2px solid var(--timeline-line)}.timeline-item:last-child{padding-bottom:0;border-left-color:transparent}.timeline-item:before{content:"";position:absolute;left:-5px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--timeline-dot)}.timeline-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.2rem}.timeline-company{font-weight:600;font-size:.95rem}.timeline-dates{font-size:.775rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.timeline-role{font-size:.825rem;color:var(--sidebar-accent);font-weight:500;margin-bottom:.5rem}.timeline-desc{font-size:.865rem;color:var(--muted);line-height:1.65}.edu-grid{display:grid;gap:1rem}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.edu-degree{font-size:.975rem;font-weight:600}.edu-school{font-size:.825rem;color:var(--muted);margin-top:.1rem}.edu-dates{font-size:.775rem;color:var(--muted);white-space:nowrap;padding-top:.1rem;flex-shrink:0}.edu-detail{font-size:.825rem;color:var(--muted);margin-bottom:.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}.skills-heading{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.tag-group{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:.25rem .65rem;border-radius:4px;font-size:.775rem;font-weight:500}.honors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.honor-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.4rem}.honor-title{font-weight:600;font-size:.875rem;margin-bottom:.3rem}.honor-dates{font-size:.775rem;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.photo-grid figure{margin:0;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.photo-grid img{width:100%;height:220px;object-fit:cover;display:block}.photo-grid figcaption{font-size:.775rem;color:var(--muted);padding:.5rem .75rem}.contact-links{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.contact-link{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);transition:background .15s,border-color .15s}.contact-link:hover{background:var(--tag-bg);border-color:var(--sidebar-accent)}@media(max-width:768px){.site{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:2rem 1.5rem;gap:1.75rem}.sidebar-links{flex-direction:row;flex-wrap:wrap;margin-top:0}.main{padding:2rem 1.25rem}.timeline-meta{flex-direction:column;gap:.1rem}.edu-header{flex-direction:column;gap:.2rem}.skills-grid{grid-template-columns:1fr 1fr}}
