/* Brand artwork is a filled silhouette, separate from the stroked action-icon set. */
.makurago-mark {
  display:inline-block;
  flex:none;
  width:36px;
  aspect-ratio:872 / 783;
  background-color:currentColor;
  -webkit-mask:url('./brand/mark-v1.svg') center / contain no-repeat;
  mask:url('./brand/mark-v1.svg') center / contain no-repeat;
}
.makurago-identity { display:inline-flex; align-items:center; gap:12px; }
.ag-home-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.ag-home-identity .makurago-mark { width:40px; color:var(--ag-text); }
.brand .makurago-mark { width:32px; margin-right:8px; }
.access-brand { display:flex; align-items:center; gap:16px; margin-bottom:24px; color:var(--ag-text,#eee); }
.access-brand .makurago-mark { width:56px; }
@media(max-width:380px) {
  .ag-home-identity { gap:9px; }
  .ag-home-identity .makurago-mark { width:34px; }
}