@layer ui{.mf-brand{--brand-size:24px;font:700 round(var(--brand-size), var(--display-grid,.01px))/.98 var(--font-display);letter-spacing:-.055em;color:var(--accent);white-space:nowrap;flex:none;padding:0 .12em .1em 0;display:inline-block}.mf-brand>span{text-shadow:var(--brand-shadow);-webkit-text-stroke:.1em var(--brand-stroke);paint-order:stroke fill;display:block}.mf-brand[data-purpose=attract]{--brand-size:clamp(56px, 14vw, var(--logo-max))}.mf-brand[data-purpose=signature]{--brand-size:22px;color:var(--accent-text)}.mf-brand[data-purpose=signature]>span,:root:is([data-contrast=more],[data-contrast=high]) .mf-brand>span{text-shadow:none;-webkit-text-stroke:0}}@layer forced{@media (forced-colors:active){.mf-brand{color:canvastext}.mf-brand>span{text-shadow:none;-webkit-text-stroke:0}}}