:root{--ink:#062a1c;--deep:#032317;--cream:#f4f0e7;--paper:#fbfaf5;--gold:#ffb000;--sage:#aabbb2;--line:rgba(6,42,28,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit}header{position:absolute;z-index:10;width:100%;display:flex;justify-content:space-between;padding:2.2rem 3rem;color:#1d6547;text-transform:uppercase;font:500 .8rem var(--mono);letter-spacing:.08em}header a{text-decoration:none}.linked{border:1px solid #ffffff40;border-radius:6px;color:var(--cream);padding:.5rem .8rem}.hero{position:relative;min-height:100svh;background:var(--deep);color:white;display:grid;place-items:center;overflow:hidden}.noise{position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.hero-copy{text-align:center;padding:2rem}.eyebrow,.number{font:500 .75rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}h1,h2{font-family:var(--serif);line-height:1.08;margin:.4em 0}h1{font-size:clamp(3.4rem,7vw,6.2rem)}h1 em,.profile h2 em{color:var(--gold)}.role{font-size:clamp(1rem,1.6vw,1.45rem);color:var(--sage);font-weight:600}.meta{font:400 .9rem var(--mono);color:var(--sage);margin-top:2rem}.meta i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin:0 .8rem}.down{position:absolute;bottom:1.5rem;color:var(--sage);font-size:2rem;text-decoration:none}.section{padding:8rem max(6vw,2rem)}.number{color:#61776b;border-bottom:1px solid var(--line);padding-bottom:1rem;margin:0 0 5rem}.profile,.build-grid{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:9vw;align-items:center}.portrait>div{aspect-ratio:4/5;border-radius:48% 48% 4px 4px;background:radial-gradient(circle at 50% 28%,#e6c793 0 8%,transparent 9%),linear-gradient(155deg,#1b6d4a,#062a1c);display:grid;place-items:center;box-shadow:25px 25px 0 var(--gold)}.portrait span{font:700 clamp(3rem,7vw,6rem) var(--serif);color:#ffffff2b}.portrait p{font:400 .78rem var(--mono);margin-top:3rem;color:#61776b}.profile h2,.build h2,.passport h2,.future h2{font-size:clamp(2.6rem,5vw,5rem)}.lead{font-size:1.2rem;font-weight:600}.quote{background:var(--gold);padding:8rem max(8vw,2rem);text-align:center}.quote blockquote{max-width:980px;margin:auto;font:italic 700 clamp(2rem,4vw,4.2rem)/1.2 var(--serif)}.quote p{font:500 .75rem var(--mono);letter-spacing:.15em;text-transform:uppercase;margin-top:2.5rem}.project{background:var(--cream)}.title{text-align:center;margin-bottom:5rem}.title h2{font-size:clamp(4rem,10vw,9rem);margin:.1em}.title span{color:var(--gold);font-style:italic}.panels{display:grid;grid-template-columns:1fr 1fr}.panels article{padding:clamp(2rem,5vw,5rem);min-height:540px}.dark{background:var(--ink);color:var(--cream)}.light{background:white}.panels h3,.cards h3{font:700 clamp(1.8rem,3vw,3.2rem)/1.15 var(--serif)}.panels ul{list-style:none;padding:0;margin-top:2rem}.panels li{padding:1rem 0;border-top:1px solid currentColor}.panels li:before{content:"→";color:var(--gold);margin-right:1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.cards article{background:var(--paper);padding:3rem}.cards b{font:500 .7rem var(--mono);color:#657c70}.build{background:var(--ink);color:var(--cream)}.build .number{color:var(--sage);border-color:#ffffff26}.build p{color:var(--sage)}.tools{display:flex;flex-wrap:wrap;gap:.8rem}.tools span,.skill-groups span{border:1px solid #ffffff40;border-radius:99px;padding:.65rem 1rem;font:400 .75rem var(--mono)}.challenges{margin-top:7rem;border-top:1px solid #ffffff30;padding-top:3rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.challenges h3{font:700 2rem var(--serif)}.challenges li{padding:1.2rem;border-bottom:1px solid #ffffff26;color:var(--sage)}.challenges b{color:white}.experience{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:5rem}.experience article{border-top:3px solid var(--ink);padding:2rem 0}.experience article>p:first-child,.experience h4{font:500 .75rem var(--mono);color:#657c70}.experience h3{font:700 1.8rem/1.25 var(--serif)}.skill-groups{margin-top:5rem;background:var(--cream);padding:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skill-groups div{display:flex;align-content:flex-start;flex-wrap:wrap;gap:.5rem}.skill-groups b{width:100%;font:500 .75rem var(--mono);text-transform:uppercase;margin-bottom:1rem}.skill-groups span{border-color:var(--line)}.hire{padding:10rem max(8vw,2rem);background:var(--gold)}.hire>div{max-width:900px}.hire .eyebrow{color:var(--ink)}.hire h2{font-size:clamp(3rem,6vw,6rem)}.hire>div>p{font-size:1.2rem}.hire li{font-weight:600;margin:.8rem 0}.hire a{display:inline-block;margin-top:2rem;padding:1rem 1.5rem;background:var(--ink);color:white;text-decoration:none;font:500 .8rem var(--mono);text-transform:uppercase}.future>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.future>div p{border-top:1px solid var(--line);padding-top:2rem}.future b{display:block;color:var(--gold);font:500 .8rem var(--mono);margin-bottom:2rem}footer{background:var(--deep);color:var(--sage);display:flex;justify-content:space-between;padding:2.5rem max(6vw,2rem);font:400 .72rem var(--mono)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){header{padding:1.4rem}.hero-copy{padding:1.2rem}h1{font-size:3.25rem}.meta{display:flex;flex-direction:column}.meta i{display:none}.section{padding:6rem 1.4rem}.number{margin-bottom:3rem}.profile,.build-grid,.challenges{grid-template-columns:1fr;gap:3rem}.portrait{max-width:75%;margin:auto}.panels,.cards,.experience,.skill-groups,.future>div{grid-template-columns:1fr}.panels article{min-height:auto;padding:2.2rem}.cards article{padding:2rem}.skill-groups{padding:1.5rem}.hire{padding:7rem 1.4rem}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}