:root{--ink:#202526;--muted:#626b6b;--paper:#fbfaf7;--soft:#f1f2ef;--petrol:#18373b;--line:#d8ddda;--warm:#e9e1d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #a47b4e;outline-offset:5px}a:hover{text-decoration-thickness:2px}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(40px,4.8vw,66px);color:var(--petrol)}h2{font-size:clamp(29px,3vw,40px);color:var(--petrol)}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:12px;background:white;padding:12px;z-index:10}.header{border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:18px;font-weight:600}.brand small{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:400;color:var(--muted)}nav{display:flex;gap:28px;font-size:15px}nav a{text-decoration:none}.hero{padding:52px 0 46px}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"photo title" "photo intro";column-gap:48px;row-gap:24px;align-items:start}.hero-title{grid-area:title}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--muted);margin-bottom:12px}.position{font-size:clamp(21px,2.2vw,28px);line-height:1.4;margin-top:20px;max-width:580px}.portrait{grid-area:photo;margin:0;align-self:stretch}.portrait img{width:100%;height:100%;object-fit:cover;object-position:42% center;min-height:390px;max-height:540px}.intro{grid-area:intro}.intro p{max-width:580px}.cta{display:inline-block;text-decoration:none;background:var(--petrol);color:#fff;padding:12px 20px;font-size:16px;margin-top:24px}.experience{padding:28px 0 32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:48px}.experience strong{font-size:21px;font-weight:600;line-height:1.45;display:block;color:var(--petrol)}.experience p{font-size:16px}.experience .since{margin-top:12px;color:var(--muted)}.section{padding:58px 0}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:48px}.soft{background:var(--soft)}.traits{list-style:none;margin:0;padding:0}.traits li{padding:14px 0;border-bottom:1px solid var(--line)}.traits li:first-child{padding-top:0}.traits li:last-child{border-bottom:0;padding-bottom:0}.copy p+p{margin-top:20px}.statement{font-weight:600;color:var(--petrol);font-size:23px}.frame{background:var(--warm)}.frame .format{font-size:22px;color:var(--petrol);font-weight:600;margin-bottom:14px}.frame .note{font-size:18px;margin-top:20px}.contact{background:var(--petrol);color:#fff}.contact h2{color:white}.contact .mail{display:inline-block;margin-top:20px;font-size:clamp(18px,2.3vw,27px);text-underline-offset:6px;overflow-wrap:anywhere}.contact .small{font-size:15px;color:#d8e2e0;margin-top:20px}.footer{padding:24px 0;font-size:13px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:24px}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.nav{min-height:74px}.hero{padding:30px 0}.hero-grid{grid-template-columns:1fr;grid-template-areas:"title" "photo" "intro";gap:24px}.position{font-size:22px;margin-top:15px}.portrait img{height:auto;min-height:0;max-height:none;object-fit:contain}.experience,.split{grid-template-columns:1fr;gap:22px}.experience{padding:25px 0 30px}.section{padding:36px 0}.experience strong{font-size:20px}.footer .wrap{flex-wrap:wrap}nav{gap:18px}nav .desktop{display:none}.brand{font-size:16px}.intro{font-size:17px}.eyebrow{font-size:11px}h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact .confidentiality{font-size:18px}

/* Original logo alongside the existing wordmark. */
.header .brand{display:flex;align-items:center;gap:12px}.brand-logo{display:block;width:72px;height:24px;flex:none;mix-blend-mode:multiply}
@media(max-width:800px){.header .brand{gap:9px}.brand-logo{width:48px;height:16px}}
@media(max-width:360px){.nav{column-gap:12px}.header .brand{gap:7px}.brand-logo{width:36px;height:12px}}