@font-face{font-family:Inter;src:url('/assets/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('/assets/Inter-Light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{color-scheme:light;--ink:#080808;--muted:#65645f;--bone:#f1eee6;--line:#e8e8e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}header,main>section,footer{max-width:1560px;margin:auto;padding-inline:clamp(24px,5.3vw,88px)}header{height:120px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:154px;height:auto}header nav{display:flex;gap:40px;font-size:16px}.skip{position:absolute;left:24px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}.hero{min-height:calc(100svh - 120px);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:50px 96px}.intro h1{font-size:clamp(76px,9vw,154px);font-weight:400;line-height:.98;letter-spacing:-.075em;margin:0 0 28px}.role{font-size:clamp(22px,2.2vw,33px);line-height:1.25;letter-spacing:-.04em;margin:0 0 30px}.opening{font-size:18px;color:var(--muted);max-width:405px;margin:0 0 30px}.text-link{font-size:15px;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:6px}figure{margin:0;position:relative;align-self:center}.portrait{display:block;max-width:100%;width:100%;height:auto;object-fit:cover;border-radius:2px}.story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:130px;border-top:1px solid var(--line)}h2{font-weight:400;letter-spacing:-.055em;line-height:1.06;font-size:clamp(40px,4.3vw,68px);margin:0}.story-copy p{font-size:21px;line-height:1.6;letter-spacing:-.018em;margin:0 0 26px}.story-copy p:last-child{margin:0}.rapport{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:100px;background:var(--ink);color:white;max-width:none;position:relative}.rapport-heading img{filter:invert(1);height:auto;width:195px;margin-bottom:36px}.rapport-heading h2{color:var(--bone)}.rapport-copy{align-self:end}.rapport-copy p{font-size:24px;line-height:1.4;letter-spacing:-.025em;max-width:440px;margin:0 0 28px}.rapport-copy p+p{font-size:17px;color:#c8c7c2}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:100px;background:var(--ink);color:white;padding:18px 26px;font-size:17px;min-height:60px}.button:hover{text-decoration:none;opacity:.82}.rapport .button{background:var(--bone);color:var(--ink)}.connect{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:120px}.connect p{font-size:22px;max-width:400px;margin:0 0 28px}.social{display:flex;gap:30px;margin-top:28px;font-size:16px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}footer nav{display:flex;gap:24px}
@media(min-width:1560px){.rapport{padding-inline:max(88px,calc((100vw - 1384px)/2))}}
@media(max-width:760px){header{height:88px}.brand img{width:122px}header nav{gap:23px;font-size:14px}.hero{min-height:0;grid-template-columns:1fr;gap:38px;padding-block:40px 60px}.intro h1{font-size:92px;letter-spacing:-.07em;margin-bottom:22px}.role{font-size:26px;margin-bottom:22px}.opening{font-size:17px;margin-bottom:22px}.portrait{max-height:530px;object-position:center;object-fit:cover}.story,.rapport,.connect{grid-template-columns:1fr;gap:32px;padding-block:65px}h2{font-size:42px}.story-copy p{font-size:18px;line-height:1.65}.rapport-heading img{width:155px;margin-bottom:24px}.rapport-copy p{font-size:23px}.connect p{font-size:19px}.button{font-size:16px}.social{gap:26px}footer{font-size:12px;padding-block:26px}footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the complete portrait visible, including on short/narrow screens. */
.portrait{height:auto;max-height:none;aspect-ratio:1;object-fit:contain}
.story-copy a{text-decoration:underline;text-underline-offset:4px}
.text-link{white-space:nowrap}
@media(max-width:760px){.hero{gap:28px;padding-block:24px 48px}.intro h1{font-size:clamp(66px,20vw,92px);margin-bottom:18px}.role{font-size:24px;margin-bottom:18px}.opening{font-size:16px;margin-bottom:18px}.portrait{max-height:none}.intro .text-link{font-size:14px}.story,.rapport,.connect{padding-block:52px}}

footer select{font:inherit;color:inherit;background:transparent;border:0;max-width:95px;padding:0;cursor:pointer}
html[data-theme="dark"]{--ink:#f1eee6;--muted:#f1eee6;--line:#303030;color-scheme:dark}
html[data-theme="dark"] body{background:#080808}
html[data-theme="dark"] .brand img{filter:invert(1)}
html[data-theme="dark"] .opening,html[data-theme="dark"] footer,html[data-theme="dark"] .social{opacity:.72}
html[data-theme="dark"] .rapport{background:#fff;color:#080808}
html[data-theme="dark"] .rapport-heading img{filter:none}
html[data-theme="dark"] .rapport-heading h2{color:#080808}
html[data-theme="dark"] .rapport-copy p+p{color:#65645f}
html[data-theme="dark"] .button{background:#f1eee6;color:#080808}
@media(max-width:360px){footer{align-items:flex-start;gap:14px;flex-direction:column}footer nav{width:100%;justify-content:space-between}.connect .button{padding-inline:21px}}
@media(max-width:760px){.hero figure{grid-row:1}.hero .intro{grid-row:2}}
