@layer reset, base, layout;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,figure,blockquote{margin:0}ul{padding:0}}
@layer base{:root{--paper:#f2f0e8;--ink:#171713;--muted:#66665d;--signal:#b7f34a;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}body{min-height:100vh;border-top:8px solid var(--ink)}a{color:inherit;text-underline-offset:.2em}a:hover{background:var(--signal)}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px;background:var(--signal)}h1{max-width:12ch;font:900 clamp(4rem,13vw,11rem)/.78 Arial,sans-serif;letter-spacing:-.075em}h2{padding-top:.25rem;border-top:2px solid;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}h3{font-size:clamp(1.25rem,2.5vw,2.1rem);letter-spacing:-.04em}.eyebrow,.dates{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}}
@layer layout{.masthead,main,footer{width:min(1480px,calc(100% - 2rem));margin-inline:auto}.masthead{min-height:92vh;padding:2rem 0 4rem;display:flex;flex-direction:column;justify-content:space-between}.hero-name{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem}.portrait{width:clamp(8rem,20vw,18rem);aspect-ratio:1;object-fit:cover;filter:grayscale(1);border-radius:50%;border:1px solid}.masthead .title{max-width:32ch;font-size:clamp(1.2rem,2.6vw,2.3rem)}nav{display:flex;flex-wrap:wrap;gap:.75rem 2rem}main{display:grid;gap:7rem}.intro{display:grid;grid-template-columns:1fr 3fr 1.2fr;gap:clamp(1rem,4vw,5rem)}.summary{font:400 clamp(1.25rem,2.5vw,2.2rem)/1.25 Georgia,serif}.summary p+p{margin-top:1em}.skills{list-style:none;margin-top:1rem}.skills li{padding:.4rem 0;border-bottom:1px solid #c9c6ba}.timeline{margin-top:2rem}.role{display:grid;grid-template-columns:5rem minmax(12rem,1fr) 2fr;gap:2rem;padding:2rem 0;border-top:1px solid #bbb8ad}.role-marker{width:2.6rem;height:2.6rem;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%}.role-heading{display:grid;align-content:start;gap:.4rem}.role-body{line-height:1.55}.role-body ul{padding-left:1.1rem}.role-body li+li{margin-top:.6rem}.tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.tech span{padding:.25rem .5rem;background:#dfddd3;font-size:.75rem}.credentials{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:3rem}.credentials article{margin-top:1rem}.credentials article p{color:var(--muted);margin-top:.25rem}.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#aaa79d;margin-top:2rem}.quotes figure{background:var(--paper);padding:clamp(1.5rem,4vw,4rem)}blockquote{font:400 clamp(1.15rem,2vw,1.7rem)/1.35 Georgia,serif}figcaption{margin-top:1.5rem;color:var(--muted);font-size:.8rem}footer{display:flex;justify-content:space-between;margin-top:8rem;padding:2rem 0;border-top:2px solid}}
@media(max-width:760px){@layer layout{.masthead{min-height:80vh}.intro,.credentials{grid-template-columns:1fr}.role{grid-template-columns:3rem 1fr}.role-body{grid-column:2}.quotes{grid-template-columns:1fr}footer{flex-direction:column;gap:1rem}}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}