/* Approved Clariance path-based wordmark; no font or bitmap dependency. */
.brand .brand-logo{display:block;width:210px;height:auto;max-width:100%;object-fit:contain}
.site-header .brand{flex:0 0 auto;min-height:44px;letter-spacing:normal}
.avatar img{display:block;width:28px;height:30px;object-fit:contain}
@media(max-width:650px){.site-header .brand .brand-logo{width:140px}.site-header .brand{min-width:0}.footer .brand .brand-logo{width:190px}}
.site-header.scroll-brand{height:84px;min-height:84px;display:block;background:#123d32;backdrop-filter:none;border-bottom-color:transparent;transition:background-color 260ms ease,border-color 260ms ease}
.site-header.scroll-brand.header-light{background:#fff;border-bottom-color:#d4ded5}
.scroll-brand .brand{position:absolute;top:20px;left:var(--brand-x,50%);transform:translateX(-50%) scale(var(--brand-scale,1));transform-origin:center;width:210px;height:44px;display:flex;align-items:center}
.site-header.scroll-brand .brand-logo{opacity:0;width:100%}
.site-header.scroll-brand .brand-logo.brand-reverse{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.site-header.scroll-brand.header-light .brand-logo{opacity:1}
.site-header.scroll-brand.header-light .brand-logo.brand-reverse{opacity:0}
.site-header.scroll-brand>button{position:absolute;right:max(28px,calc((100vw - 1136px)/2));top:20px;opacity:var(--header-progress,0);max-width:220px}
.site-header.scroll-brand nav{position:absolute;left:50%;top:20px;transform:translateX(-50%);opacity:var(--header-progress,0)}
@media(max-width:1000px){.site-header.scroll-brand nav{display:none}}
@media(max-width:650px){.site-header.scroll-brand{height:76px;min-height:76px}.scroll-brand .brand{top:16px;width:140px}.site-header.scroll-brand>.button.small{right:18px;top:16px;font-size:10px;padding:10px 8px;gap:4px;width:142px;min-width:0;max-width:142px;white-space:nowrap}}
@media(max-width:650px){.site-header.scroll-brand>.button.small{box-sizing:border-box}}
@media(max-width:360px){.scroll-brand .brand{width:130px}.site-header.scroll-brand>.button.small{width:128px;max-width:128px}}
@media(prefers-reduced-motion:reduce){.site-header.scroll-brand,.scroll-brand .brand,.scroll-brand .brand-logo{transition:none!important}}