:root{--navy:#222831;--slate:#393e46;--taupe:#948979;--sand:#dfd0b8;--bg:#f8f4ee;--surface:#fff;--text:var(--navy);--muted:#4f545c;--accent:var(--slate);--accent-text:var(--sand);--highlight:#72685a;--border:#e6dccb;--chip:#efe6d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.6}[data-theme=dark]{--bg:var(--navy);--surface:var(--slate);--text:#f3ece1;--muted:#c9bfae;--accent:var(--sand);--accent-text:var(--navy);--highlight:var(--taupe);--border:#474d56;--chip:#4a505a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--text);margin:0;transition:background .2s,color .2s}a{color:var(--accent)}h1,h2,h3{margin:0 0 .75rem;line-height:1.2}h1{max-width:22ch;font-size:clamp(2rem,4.2vw,3rem)}h2{margin-bottom:1.5rem;font-size:1.9rem}h3{font-size:1.15rem}.container{width:min(1100px,100% - 3rem);margin-inline:auto}.section{border-top:1px solid var(--border);padding:4.5rem 0}.nav{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;gap:1.5rem;height:4rem;display:flex}.brand{color:var(--text);margin-right:auto;font-weight:700;text-decoration:none}.nav nav{gap:1.25rem;display:flex}.nav nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav nav a:hover{color:var(--accent)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:2.4rem;height:2.4rem;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.1rem}.hero{grid-template-columns:1fr auto;align-items:center;gap:3rem;padding:6rem 0 5rem;display:grid}.avatar{aspect-ratio:1;object-fit:cover;border:4px solid var(--surface);width:clamp(180px,22vw,280px);height:auto;box-shadow:0 0 0 3px var(--highlight);border-radius:50%}.eyebrow{color:var(--highlight);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:600}.lead{color:var(--muted);max-width:60ch;font-size:1.2rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:var(--accent-text)}.about{grid-template-columns:3fr 2fr;align-items:start;gap:3rem;display:grid}.about p{margin-top:0}.skills,.tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.skills li,.tags li{background:var(--chip);color:var(--text);border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.tags{margin-top:auto}.tags li{font-size:.78rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--highlight);transform:translateY(-3px)}.card h3,.card p{margin:0}.card p{color:var(--muted)}.links{gap:1rem;margin-top:.5rem;font-size:.9rem;font-weight:600;display:flex}.timeline{border-left:2px solid var(--highlight);margin:0;padding:0 0 0 1.5rem;list-style:none}.timeline li{padding-bottom:2rem;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:calc(-1.5rem - 7px)}.timeline p{color:var(--muted);max-width:70ch;margin:0}.dates{color:var(--highlight);font-size:.85rem;font-weight:600}.company{color:var(--muted);font-weight:400}.contact{text-align:center}.contact .lead{margin-inline:auto}.contact .actions{justify-content:center}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:2rem 0;font-size:.9rem}@media (width<=720px){.nav nav{display:none}.about{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:3rem 0}.avatar{order:-1;justify-self:center;width:160px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}