/* The same pages, navigation and reading surfaces in both languages. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:32px}
.site-header .language-switch,.language-switch{display:flex;align-items:center;gap:4px;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;font:550 12px/1.4 Inter,Portfolio,sans-serif;color:var(--text-muted,#a8b8d6);text-underline-offset:6px}
.language-switch a[aria-current]{color:var(--text-ink,#f5f7fb);text-decoration:underline}
.language-switch a:hover{color:var(--accent-ink,#bdd4f7)}
html[lang='en']{font-family:Inter,Portfolio,-apple-system,BlinkMacSystemFont,sans-serif}
html[lang='en'] .name{font-size:23px;letter-spacing:-.035em;white-space:nowrap}
html[lang='en'] .hero h1{letter-spacing:-.025em}
html[lang='en'] :is(.case-deck,.case-chapter p,.case-chapter h2,.case-chapter h3,.detail-list dd,.detail-list dt,.scope-summary p,.work-lead,.work-description,.portfolio-overview p,.portfolio-overview h2,.related-work strong,.profile-work-links strong){word-break:normal;overflow-wrap:break-word}
html[lang='en'] .workspace-rows>div{grid-template-columns:105px 25px minmax(0,1fr)}
html[lang='en'] .flow-step strong{white-space:normal;text-align:center}
html[lang='en'] .flow-record strong{font-size:20px;letter-spacing:-.025em}
html[lang='en'] .flow-sources{gap:8px}
html[lang='en'] .case-toc a{line-height:1.6}
html[lang='en'] .identity{gap:20px}
body[data-page='404'] .language-switch{position:relative;justify-content:flex-start;margin-top:20px}
body[data-page='404'] .language-switch a{margin:0}
@media(max-width:1000px) and (min-width:761px){.site-header{gap:20px}.site-header nav{gap:20px}.contact-nav{margin-left:0}html[lang='en'] .identity{gap:12px}html[lang='en'] .role{font-size:10px}}
@media(max-width:760px){
 .site-header{height:auto;min-height:112px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding-top:12px;padding-bottom:8px}
 .site-header .identity{grid-column:1;grid-row:1;min-height:44px}
 .site-header>.language-switch{grid-column:2;grid-row:1;gap:0}
 .site-header>nav:not(.language-switch){grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:24px}
 .site-header>nav:not(.language-switch) a{min-width:0}
 .site-header .contact-nav{margin-left:0}
 .language-switch a{min-width:36px}
 html[lang='en'] .name{font-size:21px}
 html[lang='en'] .identity{gap:10px}
 html[lang='en'] .role{font-size:9px}
 html[lang='en'] body.hero-photo-page .hero h1{font-size:clamp(26px,7.8vw,52px);line-height:1.3;letter-spacing:-.025em}
 html[lang='en'] .headline-phrase{word-break:normal;white-space:normal}
 html[lang='en'] .workspace-rows>div{grid-template-columns:1fr;gap:8px}
 html[lang='en'] .workspace-rows>div>span{display:none}
 html[lang='en'] .flow-record strong{font-size:18px}
 html[lang='en'] .flow-sources{font-size:11px}
 html[lang='en'] .flow-step strong{font-size:11px}
}
@media(max-width:359px){html[lang='en'] .role{display:none}html[lang='en'] .name{font-size:21px}}
@media print{.language-switch{display:none!important}}

/* The selected portrait stays beside the shared header identity. */
.site-header .identity.has-portrait{gap:16px}
.identity-home{display:flex;align-items:center;gap:16px;min-width:0}
.site-header .identity.has-portrait .role{margin-left:8px}
.identity-portrait{display:block;width:48px;height:48px;flex:none;object-fit:cover;object-position:50% 44%;border-radius:50%}
.portrait-open{display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:50%;background:none;cursor:zoom-in}
.portrait-viewer-open{overflow:hidden}
.portrait-dialog{width:min(640px,calc(100vw - 40px),calc(100dvh - 64px));max-width:none;max-height:none;padding:0;border:0;border-radius:12px;background:transparent;overflow:visible}
.portrait-dialog::backdrop{background:rgb(2 8 16 / 84%)}
.portrait-dialog>img{display:block;width:100%;height:auto;border-radius:12px}
.portrait-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid rgb(255 255 255 / 30%);border-radius:50%;background:rgb(7 17 30 / 84%);color:white}
.portrait-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media(max-width:760px){
 .site-header .identity.has-portrait{gap:10px}
 .identity-home{gap:10px}
 .site-header .identity.has-portrait .role{margin-left:0}
 .identity-portrait{width:36px;height:36px}
 .portrait-open{padding:4px;margin:-4px}
}
@media(max-width:440px){
 html[lang='en'] .site-header .identity.has-portrait{gap:8px}
 html[lang='en'] .identity-home{flex-direction:column;align-items:flex-start;gap:1px}
 html[lang='en'] .site-header .identity.has-portrait .role{margin-left:0}
 html[lang='en'] .site-header .identity.has-portrait .role br{display:none}
}
@media(max-width:359px){.site-header .identity.has-portrait .role{display:none}}
@media print{.portrait-dialog{display:none!important}}