/* Cabinet wordmark: the two transparent assets share the same layout. */
:root{--brand-width:192px;--header-height:80px}
.brand-logo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
body .site-header .wordmark{display:grid;position:relative;place-items:center;width:var(--brand-width);min-width:var(--brand-width);height:64px;min-height:44px;flex-shrink:0;font-size:0;line-height:1;letter-spacing:0;text-shadow:none}
.site-header .brand-logo{grid-area:1/1;width:100%;height:100%;pointer-events:none}
.site-header .brand-logo-light{visibility:hidden;filter:drop-shadow(0 1px 3px rgb(40 31 23 / 28%))}
.site-header .wordmark[data-nav-tone="light"] .brand-logo-dark{visibility:hidden}
.site-header .wordmark[data-nav-tone="light"] .brand-logo-light{visibility:visible}
body .footer-signature{display:block;width:min(560px,70vw);max-width:100%;margin-block:clamp(40px,5vw,80px);margin-inline:auto;font-size:0;line-height:1;letter-spacing:0;white-space:normal}
.footer-signature:focus-visible{outline:2px solid currentColor;outline-offset:8px}
@media(max-width:1200px) and (min-width:621px){:root{--brand-width:168px;--header-height:72px}body .site-header .wordmark{height:56px}}
@media(max-width:620px){:root{--brand-width:144px;--header-height:60px}body .site-header .wordmark{height:48px}body .footer-signature{width:min(100%,320px);margin-block:36px}}