:root{color-scheme:dark;--bg:#101112;--surface:#191b1d;--text:#f3f1eb;--muted:#b0b5ba;--line:#373a3e;--accent:#97b9dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#536b80;color:white}.wrap{max-width:1400px;margin:auto;padding:0 5%}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font:42px Georgia,serif;letter-spacing:-4px}.brand span{color:var(--accent)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:48px;border:1px solid #73777b;border-radius:4px;background:transparent;color:var(--text);font-size:14px;transition:background .2s,transform .2s}.btn:hover{background:#25282b;transform:translateY(-2px)}.btn.primary{background:var(--text);color:#161719;border-color:var(--text)}.btn.primary:hover{background:white}.hero{position:relative;min-height:650px;display:flex;align-items:center}.hero-copy{width:59%;z-index:1;padding:60px 0 75px}.eyebrow{font:12px/1.5 monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.hero .name{font:clamp(28px,3vw,44px)/1.2 Georgia,serif;margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font:clamp(48px,5.8vw,86px)/1.04 Georgia,serif;letter-spacing:-.04em;margin-bottom:24px}h2{font:clamp(34px,3.4vw,48px)/1.15 Georgia,serif;letter-spacing:-.025em;margin-bottom:28px}h3{font:25px/1.25 Georgia,serif;margin-bottom:12px}.role{font:22px Georgia,serif;margin-bottom:18px}.intro{max-width:490px;color:var(--muted);font-size:18px;line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.portrait{position:absolute;width:56%;height:100%;right:-1%;top:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 24%,black 90%,transparent)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1);mask-image:linear-gradient(to bottom,black 73%,transparent 100%);animation:portrait-in 1.4s ease-out both}.hero-copy>*{animation:arrive .85s both}.hero-copy h1{animation-delay:.1s}.hero-copy .intro{animation-delay:.2s}.hero-copy .actions{animation-delay:.3s}.section{padding:72px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:12px}.small{font-size:14px;color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#17191a;transition:transform .3s,border-color .3s}.project:hover{transform:translateY(-7px);border-color:#8e9aa5}.project-media{height:155px;overflow:hidden;background:#23272a}.project img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .65s}.project:hover img{transform:scale(1.055)}.project-copy{padding:20px}.project h3{font-size:23px;min-height:58px}.project p{font-size:14px;color:var(--muted);margin-bottom:18px}.project .tag{font:12px monospace;color:var(--accent);letter-spacing:.05em}.project .link{display:block;font-size:14px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.approach{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.approach article{border-left:1px solid var(--line);padding-left:22px}.num{font:14px monospace;color:var(--accent);display:block;margin-bottom:24px}.approach h3{font-size:22px}.approach p,.prose p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:start}.demo{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#151719}.demo-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);font:12px monospace;color:var(--muted)}.tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.tabs button{border:0;padding:12px 18px;background:transparent;color:var(--muted);border-radius:3px;font-size:14px}.tabs button[aria-selected=true]{color:var(--text);background:#30363b}.panel{padding:24px;min-height:250px}.panel h3{font-size:23px}.panel p{color:var(--muted);font-size:15px}.log{display:flex;justify-content:space-between;border-bottom:1px solid #2b2e31;padding:10px 0;font:13px/1.6 monospace;gap:16px}.pass{color:#a3c4b4}.fail{color:#e5ada4}pre{font:13px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#c4d2de;background:#202428;padding:18px;border-radius:4px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.tools h3{font-size:24px}.tools p{color:var(--muted);line-height:2}.experience-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.experience-row strong{font:23px Georgia,serif}.experience-row span{color:var(--muted);font-size:15px}.experience-row time{text-align:right;color:var(--muted);font:13px/1.7 monospace}.contact{padding:90px 0}.contact h2{font-size:clamp(38px,5vw,72px);max-width:800px}.email{font-size:clamp(16px,2.5vw,28px);color:var(--accent);overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.case-hero{padding:75px 0 60px;max-width:1050px}.case-hero h1{font-size:clamp(44px,6vw,78px)}.back{display:inline-block;font-size:14px;color:var(--accent);margin-bottom:42px}.case-meta{display:flex;flex-wrap:wrap;gap:35px;color:var(--muted);font-size:14px}.case-cover{width:100%;height:320px;object-fit:cover;filter:grayscale(1);border-radius:6px}.case-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.case-grid h2{font-size:34px}.case-grid li{margin-bottom:15px;color:var(--muted)}.metric{font:54px Georgia,serif;margin-bottom:10px}.note{border-left:2px solid #718ba3;padding:12px 20px;color:var(--muted);font-size:14px}.reveal{opacity:1}.motion .reveal.pending{opacity:0;transform:translateY(20px)}.reveal{transition:opacity .75s,transform .75s}.skip{position:absolute;left:10px;top:-70px;z-index:10;background:white;color:black;padding:12px}.skip:focus{top:10px}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portrait-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.projects{grid-template-columns:repeat(2,1fr)}.project-media{height:190px}.project h3{min-height:0}.hero{min-height:600px}.hero-copy{width:64%}.portrait{width:62%;right:-5%;opacity:.65}.approach{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.nav nav{gap:18px}.role{font-size:20px}}@media(max-width:650px){.wrap{padding:0 6%}.nav{height:75px}nav{gap:15px!important}nav a{font-size:13px}nav .nav-extra{display:none}nav .btn{padding:7px 13px;min-height:40px}.brand{font-size:34px}.hero{min-height:0;padding-top:290px}.portrait{height:360px;width:100%;right:0;opacity:1;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.portrait img{object-position:center 24%;mask-image:linear-gradient(to bottom,black 60%,transparent)}.hero-copy{width:100%;padding:16px 0 45px}.hero .name{font-size:30px}h1{font-size:53px}.hero h1{font-size:52px}.intro{font-size:16px}.section{padding:45px 0}.projects{gap:14px}.project-media{height:125px}.project-copy{padding:14px}.project h3{font-size:21px}.project .tag{font-size:12px}.project p{font-size:13px}.section-heading{align-items:start}.section-heading>.small{display:none}.approach{gap:20px}.approach article{padding-left:14px}.approach h3{font-size:21px}.approach p{font-size:15px}.split,.case-grid{grid-template-columns:1fr;gap:25px}.tools{grid-template-columns:1fr;gap:16px}.experience-row{grid-template-columns:1fr;gap:5px;padding:22px 0}.experience-row time{text-align:left}.contact{padding:55px 0}.footer{gap:15px;align-items:center}.case-hero{padding-top:40px}.case-cover{height:210px}.case-meta{gap:16px}.panel{padding:18px}.tabs button{padding:10px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal.pending{opacity:1;transform:none}}
/* Capability-led recruiter overview */
.hero{min-height:630px}.hero-copy{width:65%;padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(45px,4.9vw,70px);line-height:1.09}.hero .role{font:15px/1.8 Arial,Helvetica,sans-serif;color:var(--accent);max-width:580px}.hero .intro{max-width:540px}.hero-support{font-size:15px;line-height:1.65;color:var(--muted);max-width:500px}.portrait{width:48%;right:0;opacity:.85;mask-image:linear-gradient(to right,transparent,black 38%,black 90%,transparent)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:30px 0 36px;gap:30px}.proof-strip a{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid var(--line);padding-left:25px}.proof-strip a:first-child{border-left:none;padding-left:0}.proof-strip strong{font:37px/1.2 Georgia,serif;margin-bottom:8px}.proof-strip span{font-size:16px}.proof-strip small{font-size:12px;color:var(--muted);margin-top:5px}.proof-strip a:hover strong{color:var(--accent)}.project{display:flex;flex-direction:column}.project-copy{display:flex;flex-direction:column;flex:1}.project h3{font-size:23px;min-height:87px;margin-bottom:12px}.project .tag{font-size:12px;margin-bottom:10px;color:var(--muted)}.project p{flex:1}.project .link{margin-top:5px}.section-heading h2{max-width:750px}.section-heading>.small{max-width:230px;text-align:right}@media(max-width:1000px){.hero-copy{width:70%}.portrait{width:55%;opacity:.65}.project h3{min-height:58px}}@media(max-width:650px){.hero{min-height:0;padding-top:270px}.hero-copy{width:100%;padding-top:16px;padding-bottom:35px}.hero h1{font-size:clamp(36px,9vw,52px)}.hero .role{font-size:14px}.portrait{height:340px;width:100%;opacity:1;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.proof-strip{gap:18px;grid-template-columns:1fr;padding:25px 0}.proof-strip a,.proof-strip a:first-child{border-left:2px solid var(--line);padding-left:18px}.proof-strip strong{font-size:30px}.project h3{font-size:20px;min-height:75px}.hero-support{font-size:14px}.proof-strip small{font-size:12px}}@media(max-width:380px){.projects{grid-template-columns:1fr}.project h3{min-height:0}.project-media{height:160px}}