@import url("/ui/text-selection.css");
/* One sizing contract for public, console, and secure Mementom wordmarks.
   Explicit image dimensions override legacy icon-only header rules. */
.brand:is(.brand--keyring,.brand--wordmark){display:block;width:var(--wordmark-width,12.5rem)!important;max-width:100%;min-width:0;line-height:0;grid-template-columns:none;flex-shrink:0}
.brand:is(.brand--keyring,.brand--wordmark) img{display:block;width:100%!important;height:auto!important;max-height:none;filter:none;object-fit:contain}
.site-footer .brand:is(.brand--keyring,.brand--wordmark) img{filter:brightness(0) invert(1)}
.demo-header .brand.brand--wordmark{--wordmark-width:12.5rem}
.mementom-wordmark-link{text-decoration:none;display:block;flex-shrink:0}
.mementom-insignia.mementom-insignia--wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}
.mementom-insignia--wordmark>img{width:9rem!important;height:auto!important;max-height:none}
@media(max-width:600px){.demo-header .brand.brand--wordmark{--wordmark-width:9.5rem}}
@media(max-width:380px){.brand:is(.brand--keyring,.brand--wordmark){--wordmark-width:9.5rem}.demo-header .brand.brand--wordmark{--wordmark-width:8.5rem}}

.our-story-page .site-footer .brand:is(.brand--keyring,.brand--wordmark) img{filter:none}