*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{color:#e7e5e0;background:#0b0c0e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:#c9a86a;text-decoration:none}a:hover{color:#e2c48a}ul{list-style:none}:root{--bg:#0b0c0e;--bg-alt:#111316;--text:#e7e5e0;--muted:#888b92;--accent:#c9a86a;--border:#232529}.container{max-width:760px;margin:0 auto;padding:0 1.5rem}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0c0eb3;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.nav-logo{letter-spacing:.06em;color:var(--text);font-size:.95rem;font-weight:700}.nav-logo:hover{color:var(--accent)}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;transition:color .2s}.nav-links a:hover{color:var(--text)}@media (width<=640px){.nav-links{gap:1.1rem}.nav-links a{font-size:.7rem}}.section{border-bottom:1px solid var(--border);padding:8rem 0}.section:last-child{border-bottom:none}.section--alt{background:var(--bg-alt)}.hero{text-align:left;align-items:center;min-height:calc(100vh - 4.5rem);padding-top:6rem;padding-bottom:6rem;display:flex}.hero .eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;font-size:.85rem}.hero h1{letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(3.2rem,9vw,5.5rem);font-weight:600}.hero .role{color:var(--muted);max-width:34rem;margin-bottom:2.25rem;font-size:1.25rem;line-height:1.7}.hero .contact{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;display:flex}.section h2{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:3rem;font-size:.85rem}.summary p{color:var(--text);max-width:38rem;font-size:1.2rem;line-height:1.8}.highlights{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem;display:grid}.highlight .stat{color:var(--text);letter-spacing:-.01em;white-space:nowrap;margin-bottom:.4rem;font-size:1.9rem;font-weight:600;display:block}.highlight .label{color:var(--muted);letter-spacing:.04em;font-size:.85rem}.skill-groups{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem;display:grid}.skill-group h3{color:var(--text);margin-bottom:.85rem;font-size:.95rem;font-weight:600}.skill-group ul{flex-direction:column;gap:.4rem;display:flex}.skill-group li{color:var(--muted);font-size:.95rem}.job{margin-bottom:3.5rem}.job:last-child{margin-bottom:0}.job-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.15rem;display:flex}.job-header h3{color:var(--text);font-size:1.15rem;font-weight:600}.job-header .dates{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85rem}.job-role{color:var(--accent);letter-spacing:.04em;margin-bottom:1.1rem;font-size:.9rem}.job ul{flex-direction:column;gap:.7rem;display:flex}.job li{color:var(--muted);padding-left:1.1rem;font-size:.97rem;line-height:1.7;position:relative}.job li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.education-list{flex-direction:column;gap:1.75rem;display:flex}.education-item h3{color:var(--text);margin-bottom:.3rem;font-size:1.05rem;font-weight:600}.education-item .school-detail{color:var(--muted);font-size:.95rem}.footer{text-align:center;color:var(--muted);padding:3rem 0;font-size:.85rem}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(28px)}.fade-in.visible{opacity:1;transform:translateY(0)}.hero-in>*{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards hero-rise;transform:translateY(24px)}.hero-in>:first-child{animation-delay:.1s}.hero-in>:nth-child(2){animation-delay:.25s}.hero-in>:nth-child(3){animation-delay:.4s}.hero-in>:nth-child(4){animation-delay:.55s}@keyframes hero-rise{to{opacity:1;transform:translateY(0)}}@media (width<=640px){.section{padding:3.5rem 0}.hero{padding-top:4rem;padding-bottom:3.5rem}.highlights,.skill-groups{grid-template-columns:1fr;gap:2rem}}
