/* A compact identity lockup with a consistent inset from the page frame. */
.site-header-logo{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px;}
.site-header-home{display:inline-flex;align-items:center;gap:12px;}
.page>header{align-items:center;gap:24px;padding-top:6px;padding-bottom:clamp(20px,2.6vh,30px);}
.page>header .logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.page>header .header-name{display:grid;gap:3px;font-size:10px;line-height:1.25;letter-spacing:.12em;word-spacing:0;font-weight:650;}
.page>header .header-roles{font-size:9px;letter-spacing:.12em;line-height:1.5;}
@media(max-width:600px){
 .site-header-logo{width:30px;height:30px;flex-basis:30px;}
 .page>header{display:grid;grid-template-columns:1fr;align-items:start;gap:10px;padding-top:8px;padding-bottom:22px;}
 .page>header .logo{gap:10px;}
 .page>header .header-name{font-size:9px;gap:2px;}
 .page>header .header-roles{margin-left:40px;text-align:left;font-size:8px;letter-spacing:.1em;}
 .site-header-home{gap:10px;}
}