/* brand mark: crisp at bar size, never shifts layout (fixed box) */
.bm{display:inline-block;width:15px;height:15px;flex:none;vertical-align:-2px;margin-right:.45em;opacity:.92;transition:transform var(--t-base,170ms) var(--e-out,cubic-bezier(.2,.7,.2,1)),opacity var(--t-fast,120ms)}
a:hover>.bm{opacity:1;transform:rotate(-6deg) scale(1.06)}
.b-mark{display:inline-flex;align-items:center}
.bar.top .bmw{display:inline-flex;align-items:center}.bar.top .bmw .bm{margin-right:.2em}
/* hero wordmark */
.wm5{display:block;width:min(30rem,78vw);aspect-ratio:5925.7/1743;margin:0 0 1.6rem;color:#f2efe8}
.wm5 svg{display:block;width:100%;height:100%;overflow:visible}
.wm5 .o path{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1;animation:wm5d 2.4s cubic-bezier(.45,.05,.25,1) .25s forwards}
.wm5 .s{opacity:0;animation:wm5f .9s var(--e-out,ease) 2.1s forwards}
.wm5 .s path{fill:currentColor}
.wm5:hover .s{filter:drop-shadow(0 0 14px rgba(43,182,170,.18))}
.wm5 .s,.wm5 .o{transition:filter var(--t-slow,280ms)}
@keyframes wm5d{to{stroke-dashoffset:0}}@keyframes wm5f{to{opacity:1}}
/* v7.1: the wordmark draws on every load and reload (no session skip) */
@media (prefers-reduced-motion:reduce){.wm5 .o{display:none}.wm5 .s{animation:none;opacity:1}}
@media (max-width:640px){.wm5{margin-bottom:1.1rem}}