
:root{--paper:#F7F4EF;--ink:#4F2E2B;--apricot:#E5C69F;--brandy:#73321C;--coffee:#1C0F0D}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,sans-serif;font-size:19px;font-weight:400;-webkit-font-smoothing:antialiased}main{overflow:clip}h1,h2,p,figure{margin:0}h1,h2{font:400 100px/1 Newsreader,serif;letter-spacing:-.04em}em{font-weight:400}p{line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--brandy);color:var(--paper)}.masthead{height:140px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:var(--paper);color:var(--ink)}.brand{display:flex;gap:18px;align-items:center}.brand img{width:91px;height:61px;object-fit:contain;filter:brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(1403%) hue-rotate(320deg) brightness(93%) contrast(88%)}.brand span{font:500 11px/1.6 Raleway,sans-serif;letter-spacing:.15em;text-transform:uppercase}.masthead nav{display:flex;gap:32px;align-items:center;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase}.masthead nav a{padding:10px 0}.masthead nav [aria-current]{border-bottom:1px solid currentColor}.masthead nav span{margin-left:16px}.portrait{margin:0;overflow:hidden}.portrait img{display:block;object-fit:cover;object-position:50% 35%;width:100%;height:100%}.background{font:400 30px/1.35 Newsreader,serif;letter-spacing:-.015em}.experience{font-size:18px;line-height:1.65}.biography p+p{margin-top:35px}.personal-copy .approach{font-size:20px;line-height:1.65}.personal-copy .continuity{font:400 35px/1.25 Newsreader,serif;letter-spacing:-.015em}.personal-copy p+p{margin-top:45px}.cta{display:flex;justify-content:space-between;align-items:center;gap:80px;width:max-content;min-width:250px;border-bottom:1px solid currentColor;padding-bottom:17px;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.1em;text-transform:uppercase}.cta span{font-size:20px}.cta:hover span{transform:translate(3px,-3px)}footer{display:flex;justify-content:space-between;padding:30px 5vw;font:400 10px/1.6 Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--coffee);color:var(--apricot)}footer a{text-decoration:underline;text-underline-offset:5px}
/* A — The portrait: an open, balanced editorial profile. */
.a .profile{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.a .profile-copy{padding:80px 5vw 80px 8.888889vw;display:flex;flex-direction:column;justify-content:space-between;gap:100px}.a .profile h1{font-size:155px;line-height:.95}.a .profile h1 em{display:block;font-size:160px;color:var(--brandy);margin-top:8px}.a .profile .portrait{height:1050px}.a .biography{max-width:500px}.a .background{font-size:30px}.a .experience{font-size:18px;max-width:460px}.a .personal{padding:115px 6.111111vw 115px 8.888889vw;background:var(--ink);color:var(--apricot);display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.a .personal h2{font-size:110px;line-height:1.02}.a .personal h2 em{color:var(--paper);margin-left:45px}.a .personal-copy{padding-top:10px;max-width:480px}.a .personal-copy .approach{font-size:20px}.a .personal-copy .continuity{font-size:34px}.a .contact{background:var(--ink);color:var(--apricot);padding:0 6.111111vw 80px 8.888889vw}.a .contact .cta{margin-left:auto}
/* B — The conversation: a full-height portrait beside one continuous reading column. */
.b .conversation{display:grid;grid-template-columns:1fr 1fr;background:var(--apricot)}.b .conversation .portrait{position:relative;min-height:1260px}.b .portrait img{position:absolute;inset:0;object-position:50% 30%}.b .conversation-copy{padding:75px 5vw 90px;display:flex;flex-direction:column}.b h1{font-size:98px;line-height:.96;margin-bottom:60px}.b h1 em{display:block;text-align:right;font-size:108px}.b .background{font-size:26px}.b .experience{font-size:17px}.b .biography p+p{margin-top:28px}.b .personal{margin-top:80px}.b .personal h2{font-size:66px;line-height:1.03;margin-bottom:35px}.b .personal h2 em{padding-left:40px}.b .personal-copy .approach{font-size:18px}.b .personal-copy .continuity{font-size:28px}.b .personal-copy p+p{margin-top:30px}.b .cta{margin-top:65px}
/* C — The cover: the person comes first, with a bold type treatment below the face. */
.c .cover{position:relative;height:1120px;background:var(--ink);color:var(--paper)}.c .cover .portrait{position:absolute;top:0;right:0;bottom:0;width:62%;height:100%}.c .cover .portrait img{object-position:50% 24%}.c .cover h1{position:absolute;left:5vw;bottom:75px;z-index:2;font-size:180px;line-height:.91;letter-spacing:-.045em;text-shadow:0 1px 10px #1c0f0d18}.c .cover h1 em{display:block;font-size:216px;line-height:1;margin-left:110px;margin-top:10px}.c .biography{display:grid;grid-template-columns:1fr 1fr;gap:140px;padding:95px 8.888889vw 105px}.c .biography .background{font-size:31px;max-width:550px}.c .biography .experience{font-size:20px;max-width:480px;padding-top:5px;margin-top:0}.c .personal{padding:105px 8.888889vw 95px;background:var(--apricot)}.c .personal h2{font-size:125px;line-height:1.02;margin-bottom:70px}.c .personal h2 br{display:none}.c .personal h2 em{margin-left:24px;color:var(--brandy)}.c .personal-copy{display:grid;grid-template-columns:1fr 1fr;gap:140px;align-items:start}.c .personal-copy .approach{font-size:20px;max-width:520px}.c .personal-copy .continuity{font-size:37px;max-width:520px;margin-top:0}.c .contact{background:var(--apricot);padding:0 8.888889vw 90px}.c .contact .cta{margin-left:auto}
@media(min-width:1800px){.a .profile h1{font-size:180px}.a .profile h1 em{font-size:190px}.a .profile .portrait{height:1200px}.b .conversation .portrait{min-height:1400px}.b h1{font-size:115px}.b h1 em{font-size:125px}.c .cover{height:1300px}.c .cover h1{font-size:210px}.c .cover h1 em{font-size:250px}}
@media(max-width:1000px){.masthead{height:115px}.brand img{width:65px}.brand span{display:none}.masthead nav{font-size:10px;gap:22px}.masthead nav span{display:none}.a .profile-copy{padding:60px 5vw 60px 7vw;gap:80px}.a .profile h1{font-size:10.6vw}.a .profile h1 em{font-size:11vw}.a .profile .portrait{height:950px}.a .background{font-size:25px}.a .experience{font-size:16px}.a .personal{gap:65px}.a .personal h2{font-size:8vw}.a .personal h2 em{margin-left:3vw}.a .personal-copy .approach{font-size:18px}.a .personal-copy .continuity{font-size:28px}.b h1{font-size:7.5vw}.b h1 em{font-size:8vw}.b .conversation-copy{padding-top:60px}.b .background{font-size:23px}.b .experience{font-size:16px}.b .personal h2{font-size:5.8vw}.b .personal h2 em{padding-left:2vw}.b .personal-copy .approach{font-size:16px}.b .personal-copy .continuity{font-size:26px}.b .conversation .portrait{min-height:1350px}.c .cover{height:950px}.c .cover h1{font-size:14vw}.c .cover h1 em{font-size:16vw;margin-left:6vw}.c .biography{gap:75px;padding-top:75px;padding-bottom:75px}.c .biography .background{font-size:27px}.c .biography .experience{font-size:18px}.c .personal h2{font-size:9vw}.c .personal-copy{gap:75px}.c .personal-copy .approach{font-size:18px}.c .personal-copy .continuity{font-size:30px}}
@media(max-width:650px){.masthead{height:100px;padding:0 6vw}.brand img{width:54px;height:42px}.masthead nav{font-size:8px;gap:13px;letter-spacing:.04em}.a .profile{display:flex;flex-direction:column}.a .profile-copy{padding:45px 6vw 55px;gap:55px}.a .profile h1{font-size:21vw;line-height:.95}.a .profile h1 em{font-size:23vw;margin-top:6px}.a .background{font-size:25px}.a .experience{font-size:16px}.a .profile .portrait{width:100%;height:620px}.a .profile .portrait img{object-position:50% 26%}.a .personal{display:block;padding:65px 6vw}.a .personal h2{font-size:15vw;margin-bottom:35px}.a .personal h2 em{margin-left:8vw}.a .personal-copy .approach{font-size:17px}.a .personal-copy .continuity{font-size:28px}.a .personal-copy p+p{margin-top:30px}.a .contact{padding:0 6vw 60px}.a .contact .cta{margin-left:0}.b .conversation{display:flex;flex-direction:column}.b .conversation .portrait{width:100%;height:620px;min-height:0}.b .conversation-copy{padding:50px 6vw 70px}.b h1{font-size:19vw;margin-bottom:45px}.b h1 em{font-size:21vw}.b .background{font-size:25px}.b .experience{font-size:16px}.b .personal{margin-top:60px}.b .personal h2{font-size:13vw;margin-bottom:30px}.b .personal h2 em{padding-left:6vw}.b .personal-copy .approach{font-size:17px}.b .personal-copy .continuity{font-size:27px}.b .cta{margin-top:45px}.c .cover{height:780px}.c .cover .portrait{width:86%;height:100%}.c .cover .portrait img{object-position:50% 24%}.c .cover h1{font-size:24vw;left:6vw;bottom:45px}.c .cover h1 em{font-size:27vw;margin-left:7vw}.c .biography{display:block;padding:55px 6vw}.c .biography .background{font-size:25px}.c .biography .experience{font-size:16px;margin-top:30px;padding:0}.c .personal{padding:60px 6vw}.c .personal h2{font-size:14vw;margin-bottom:35px}.c .personal h2 br{display:block}.c .personal h2 em{margin-left:5vw}.c .personal-copy{display:block}.c .personal-copy .approach{font-size:17px}.c .personal-copy .continuity{font-size:29px;margin-top:30px}.c .contact{padding:0 6vw 60px}.c .contact .cta{margin-left:0}footer{padding:25px 6vw;gap:20px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
