/* Approved integrated wordmark 05.1, 6 October 2026. */
.topbar .brand { padding: 0; width: 108px; min-width: 108px; min-height: 54px; border: 0; background: none; box-shadow: none; }
.brand-wordmark { display: block; width: 108px; height: 54px; object-fit: contain; }
.design-logo .brand-wordmark { width: 118px; height: 59px; }
.brand-animation { position: relative; display: block; width: 280px; max-width: 100%; aspect-ratio: 2; isolation: isolate; pointer-events: none; }
.brand-motion-word { display: block; width: 100%; height: auto; }
.brand-fire { display: none; position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.welcome-copy > .brand-animation { width: 260px; margin: -12px 0 20px -20px; }
.dashboard-brand-scene { position: relative; height: 170px; display: grid; place-items: center; margin: -6px 0 5px; }
#dashboardView .dashboard-brand-scene .dashboard-watercolor { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; opacity: .36; mask-image: radial-gradient(ellipse at center, transparent 18%, #000 70%, transparent 100%); -webkit-mask-image: radial-gradient(ellipse at center, transparent 18%, #000 70%, transparent 100%); }
.dashboard-brand-scene .brand-animation { width: 265px; max-width: 78%; }
.auth-primary .auth-symbol { display: block; width: 150px; height: 75px; margin: 0 auto; object-fit: contain; }
@media (prefers-reduced-motion: no-preference) {
  .brand-animation.brand-is-playing .brand-motion-word { clip-path: polygon(0 0,19.5% 0,19.5% 20.6%,29% 20.6%,29% 0,100% 0,100% 100%,0 100%); }
  .brand-is-playing .brand-fire { display: block; }
  .brand-flame { transform-origin: 429px 179px; animation: povod-flame 3.8s ease-in-out infinite; }
  .brand-fire-core { transform-origin: 429px 160px; animation: povod-ember 2.7s ease-in-out infinite; }
  .brand-fire-glow { transform-origin: 429px 119px; animation: povod-glow 3.8s ease-in-out infinite; }
  @keyframes povod-flame { 0%,100% { transform: rotate(-1.5deg) scale(.97,1); } 28% { transform: rotate(2deg) scale(1.03,.96); } 62% { transform: rotate(-.5deg) scale(.96,1.04); } 82% { transform: rotate(1deg) scale(1.01,.99); } }
  @keyframes povod-ember { 0%,100% { opacity: .46; transform: scale(.9,1); } 50% { opacity: .72; transform: scale(1.04,.92); } }
  @keyframes povod-glow { 0%,100% { opacity: .1; transform: scale(.92); } 50% { opacity: .19; transform: scale(1.08); } }
}
@media (max-width: 700px) { .welcome-copy > .brand-animation { width: 226px; margin: -7px auto 16px; } .dashboard-brand-scene { height: 146px; } }
@media (max-width: 360px) { .topbar .brand { width: 94px; min-width: 94px; } .brand-wordmark { width: 94px; height: 47px; } .dashboard-brand-scene { height: 132px; } }