@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/fonts/dm-sans-latin-variable.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-latin-italic.woff2') format('woff2')}
:root{color-scheme:light;--paper:#f4f0e8;--ink:#302e29;--muted:#6f695f;--accent:#784132;--rule:#d4ccbf;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#dfc5b0}p,h1,figure{margin:0}
.page{width:min(1180px,calc(100% - 100px));min-height:100svh;margin-inline:auto;display:grid;grid-template-rows:auto 1fr auto}.masthead{display:flex;align-items:center;gap:20px;min-height:76px;border-bottom:1px solid var(--rule)}.monogram{font:italic 43px/.9 var(--serif);letter-spacing:-3px;padding-right:3px}.monogram span{color:var(--accent)}.social-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.social-nav a{display:flex;align-items:center;min-height:44px}.social-nav .link-name{font-size:12px}.social-nav .link-name span{margin-left:7px}.social-nav a:hover{color:var(--accent)}.social-nav a:hover .link-name span{transform:translate(2px,-2px)}
main{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);column-gap:clamp(30px,4vw,64px);align-items:center;padding-block:30px}.portrait{width:min(100%,calc((100svh - 190px)*.8));max-width:390px;margin-inline:auto}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}.portrait figcaption{padding-top:11px;text-align:right;font:italic 16px var(--serif);color:var(--muted)}.introduction{min-width:0;max-width:none;padding-block:4px}h1{font:400 clamp(48px,4.5vw,66px)/1 var(--serif);letter-spacing:-1.7px}h1 em{font-size:.98em;font-weight:400;color:var(--accent);letter-spacing:-1.7px}.roles{margin-top:12px;font-size:12px;letter-spacing:.1px}.roles span{font:italic 19px var(--serif);color:var(--accent);margin-left:3px}.biography{margin-top:20px;font-size:14px;line-height:1.65;color:var(--muted)}.biography p+p{margin-top:13px}.biography .lead{font:400 28px/1.2 var(--serif);color:var(--ink);letter-spacing:-.15px;margin-bottom:17px}.biography .personal{font:italic 22px/1.3 var(--serif);color:var(--accent);margin-top:17px}
.elsewhere{display:flex;gap:38px;margin-top:20px;padding-top:14px;border-top:1px solid var(--rule)}.elsewhere a{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.link-name{font-size:14px;font-weight:500}.link-name span{display:inline-block;color:var(--accent);margin-left:17px;transition:transform .18s ease}.link-note{color:var(--muted);font:italic 16px var(--serif)}.elsewhere a:hover .link-name{color:var(--accent)}.elsewhere a:hover .link-name span{transform:translate(2px,-2px)}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:17px 20px;border-top:1px solid var(--rule);color:var(--muted)}footer p{font:italic 15px var(--serif)}footer>span{font-size:9px;letter-spacing:.1px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:5;top:10px;left:10px;padding:12px;background:var(--ink);color:var(--paper)}
@media(min-width:850px) and (max-height:780px){.masthead{min-height:62px}main{padding-block:22px}.portrait{width:min(100%,calc((100svh - 190px)*.8))}h1{font-size:clamp(48px,4.5vw,62px)}.roles{margin-top:12px}.biography{margin-top:17px;font-size:14px;line-height:1.6}.biography .lead{font-size:26px;margin-bottom:13px}.biography p+p{margin-top:10px}.biography .personal{font-size:21px;margin-top:13px}.elsewhere{margin-top:18px;padding-top:13px}footer{padding-block:13px 15px}}
@media(max-width:1050px){.page{width:calc(100% - 64px)}main{column-gap:34px}h1{font-size:4.7vw}.biography{font-size:13px}.wide-break{display:none}}
@media(max-width:849px){.page{width:min(620px,calc(100% - 44px))}.masthead{min-height:64px;gap:16px}.monogram{font-size:37px}.masthead-note{font-size:8px;letter-spacing:1.6px}.header-note{font-size:15px}main{grid-template-columns:1fr;padding-block:27px 29px;align-content:center}.portrait{width:180px;max-width:36%;grid-area:1/1;justify-self:end;align-self:center;margin:0}.portrait figcaption{display:none}.introduction{display:contents;max-width:none}.identity{grid-area:1/1;min-height:208px;display:flex;flex-direction:column;justify-content:center;padding-right:34%}h1{font-size:clamp(48px,8.2vw,67px);letter-spacing:-1.5px;position:relative;z-index:1}h1 em{font-size:.84em;letter-spacing:-1.1px}.roles{margin-top:15px;font-size:11px}.roles span{display:block;margin:4px 0 0;font-size:18px}.biography{grid-area:2/1;margin-top:15px;font-size:14px;line-height:1.7}.biography .lead{max-width:440px;font-size:28px;margin-bottom:17px}.biography p+p{margin-top:13px}.biography .personal{font-size:21px;margin-top:16px}.elsewhere{grid-area:3/1;margin-top:21px;padding-top:15px;gap:20px}.link-note{font-size:16px}footer{padding-block:16px 21px;gap:16px}footer p{max-width:230px;font-size:14px}footer>span{max-width:105px;text-align:right;line-height:1.6}}
@media(max-width:420px){.header-note{display:none}.page{width:calc(100% - 38px)}.masthead{min-height:58px}main{padding-top:19px;padding-bottom:23px}.portrait{width:148px;max-width:40%}.identity{min-height:180px;padding-right:34%}h1{font-size:12.4vw}h1 em{font-size:.81em}.roles{font-size:10px;margin-top:12px}.roles span{font-size:17px;margin-top:3px}.biography{margin-top:17px;font-size:14px;line-height:1.7}.biography .lead{font-size:26px;margin-bottom:15px}.biography .personal{font-size:20px}.link-name{font-size:12px}.link-name span{margin-left:14px}.link-note{font-size:15px}}
@media(prefers-reduced-motion:reduce){.link-name span{transition:none}}

@media(max-width:849px){.elsewhere a{min-height:44px;justify-content:center}}

@media(max-width:420px){.social-nav{gap:22px}.social-nav .link-name{font-size:12px}}