/* Original artwork, horizontal lockups approved October 2026. */
.logo-pair{display:flex;align-items:center;gap:26px;width:450px;max-width:100%;line-height:1}
.logo-pair img{display:block;object-fit:contain;max-width:100%;height:auto;flex:0 1 auto;min-width:0}
.logo-pair .logo-roha{width:210px;aspect-ratio:522/190}
.logo-pair .logo-evidence{width:214px;aspect-ratio:612/176}
.nav-shell{padding-block:12px}
.brand-lockup{min-width:0}
.logo-pair--footer,.logo-pair--age{flex-direction:column;align-items:flex-start;width:270px;gap:18px}
.logo-pair--footer .logo-roha,.logo-pair--age .logo-roha{width:235px}
.logo-pair--footer .logo-evidence,.logo-pair--age .logo-evidence{width:250px}
.logo-pair--age{align-items:center;margin:0 auto 24px;max-width:100%}
.logo-pair--display{flex-direction:column;align-items:flex-start;gap:8px;width:165px}
.logo-pair--display .logo-roha{width:145px}
.logo-pair--display .logo-evidence{width:165px}
.brand-pair .brand img{filter:none;mix-blend-mode:normal;height:auto}
.brand-pair .brand-roha img{width:230px;height:auto}
.brand-pair .brand-evidence img{width:250px;height:auto}
.site-header.brand-header .brand-pair{grid-template-columns:minmax(170px,230px) minmax(0,1fr) minmax(190px,250px)}
.site-footer .logo-pair--footer{width:235px}
@media(min-width:881px) and (max-width:1050px){.logo-pair--header{width:370px;gap:20px}.logo-pair--header .logo-roha{width:175px}.logo-pair--header .logo-evidence{width:175px}.nav-shell{gap:20px}}
@media(max-width:880px){
 .logo-pair--header{flex-direction:column;align-items:flex-start;gap:12px;width:230px}
 .logo-pair--header .logo-roha{width:200px}.logo-pair--header .logo-evidence{width:225px}
 .nav-shell{align-items:flex-start;gap:16px;padding-block:14px}.menu-toggle{margin-top:12px;flex-shrink:0}
 .nav-links{inset:100% 1rem auto 1rem}
 .site-header.brand-header .brand-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 24px}
 .brand-pair .brand-roha img,.brand-pair .brand-evidence img{width:100%;height:auto;max-width:250px}
 .brand-pair .masthead-title{grid-column:1/-1;grid-row:2;text-align:center}
}
@media(max-width:360px){.logo-pair--header{width:200px}.logo-pair--header .logo-roha{width:185px}.logo-pair--header .logo-evidence{width:200px}.nav-shell{gap:10px}}

/* Header correction: independent left, center and right regions. */
.site-header:has(.nav-shell){background:#11120d;border-bottom:2px solid #e9b94d;backdrop-filter:none}
.site-header .nav-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding-block:20px;min-height:140px}
.site-header .brand-lockup{grid-column:1;grid-row:1;display:block;width:260px}
.site-header .brand-lockup>.logo-roha{display:block;width:100%;height:auto;max-height:none}
.header-evidence{grid-column:2;grid-row:1;justify-self:center;width:min(450px,100%)}
.header-evidence>.logo-evidence{display:block;width:100%;height:auto}
.site-header .menu-toggle{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:110px;min-height:52px;padding:12px 20px;border:1px solid #e9b94d;color:#f3cb6b;font:700 15px var(--font-body);letter-spacing:.06em;cursor:pointer}
.site-header .menu-toggle:hover,.site-header .menu-toggle[aria-expanded="true"]{background:#e9b94d;color:#11120d}
.site-header .menu-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.site-header .nav-links{position:absolute;inset:100% 0 auto auto;display:none;flex-direction:column;align-items:stretch;min-width:220px;padding:16px;border:1px solid #e9b94d;background:#191b13;z-index:30;gap:4px}
.site-header .nav-links.is-open{display:flex}
.site-header .nav-links a{padding:10px 16px}
@media(max-width:880px){
 .site-header .nav-shell{width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:0;padding:0;min-height:0}
 .site-header .brand-lockup{width:min(230px,100%);margin:18px 0 18px 20px}
 .site-header .menu-toggle{grid-column:2;min-width:82px;min-height:46px;margin-right:20px;padding:10px 13px;font-size:13px}
 .header-evidence{grid-column:1/-1;grid-row:2;justify-self:stretch;display:flex;justify-content:center;width:100%;padding:22px 24px 24px;border-top:2px solid #e9b94d}
 .header-evidence>.logo-evidence{width:min(440px,100%)}
 .site-header .nav-links{inset:100% 12px auto 12px;min-width:0}
}
@media(max-width:420px){
 .site-header .brand-lockup{width:200px;margin:16px 0 16px 16px}
 .site-header .nav-shell{column-gap:16px}
 .site-header .menu-toggle{margin-right:16px;min-width:74px;min-height:44px}
 .header-evidence{padding:20px 20px 22px}
}
@media(max-width:350px){
 .site-header .brand-lockup{width:175px;margin-left:12px}
 .site-header .nav-shell{column-gap:12px}
 .site-header .menu-toggle{margin-right:12px;min-width:68px;padding-inline:10px}
}

/* Compact desktop header; preserve the separate mobile logo layout. */
@media(min-width:881px){
 .site-header .header-evidence{width:min(300px,100%)}
 .site-header .nav-shell{padding-block:12px;min-height:0}
}