/* Use the supplied transparent wordmark unchanged. This viewport trims only
   its transparent margins (artwork bounds: 151,96 to 1935,606 in 2048x682). */
.blumr-logo {
  display:block;
  position:relative;
  overflow:hidden;
  width:220px;
  max-width:100%;
  aspect-ratio:1784 / 510;
  flex:none;
}
.blumr-logo > img {
  position:absolute;
  display:block;
  width:114.798206%;
  max-width:none;
  height:auto;
  left:-8.464126%;
  top:-18.823529%;
  object-fit:initial;
  mix-blend-mode:normal;
}
.an-brand .blumr-logo {width:196px;}
.an-footer .blumr-logo {width:180px;}
.an-access-brand {width:248px;margin-bottom:26px;}
#rf-app .rf-brand {padding:8px 10px 22px;background:transparent;border-radius:0;box-shadow:none;}
#rf-app .rf-brand .blumr-logo {width:100%;margin:0;}
/* The white wordmark ends before x=1597 (78%) in the original image.
   Render those same letter shapes in the theme's text color on light surfaces;
   the original green r and leaf stay visible to the right of that boundary. */
#authGate.an-site .blumr-logo > img,
#rf-app:is([data-theme="light"],[data-theme="paper"],[data-theme="sage"]) .rf-brand .blumr-logo > img {
  clip-path:inset(0 0 0 78%);
}
#authGate.an-site .blumr-logo::after,
#rf-app:is([data-theme="light"],[data-theme="paper"],[data-theme="sage"]) .rf-brand .blumr-logo::after {
  content:"";
  position:absolute;
  width:114.798206%;
  aspect-ratio:2048 / 682;
  left:-8.464126%;
  top:-18.823529%;
  background:var(--ui-text,var(--an-ink));
  -webkit-mask:url("blumr-logo.png?v=20260918-wordmark") center / 100% 100% no-repeat;
  mask:url("blumr-logo.png?v=20260918-wordmark") center / 100% 100% no-repeat;
  clip-path:inset(0 22% 0 0);
  pointer-events:none;
}
@media(max-width:650px) {
  .an-header .blumr-logo {width:168px;}
  .an-footer .blumr-logo {width:160px;}
  .an-access-brand {width:220px;margin-bottom:22px;}
}