/* Circular presentation keeps each full mark inside its original proportions. */
.brand-orb{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 auto;border-radius:50%;background:transparent;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:0 4px 16px #00000015;overflow:hidden}
.brand-orb img,.brand .brand-orb img{width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:50%;padding:0;background:transparent;display:block}
.brand-orb.hero-mark{width:136px;height:136px;max-width:none;border-radius:50%;padding:0;background:transparent}
.brand-orb.brand-preview{width:180px;height:180px;margin:10px 0 22px;border-radius:50%;background:transparent;padding:0}
.brand-orb.live-logo{width:78px;height:78px;border-radius:50%;margin-bottom:20px}
.brand.selected .brand-orb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}
.brand-orb.brand-fallback{background:var(--panel2);font-weight:700}
.home-brand [data-lukapin-logo],.wordmark>[data-lukapin-logo]{border-radius:0;background:transparent;box-shadow:none;object-fit:contain}
.theme-anim body,.theme-anim .top,.theme-anim .panel,.theme-anim .stat,.theme-anim button,.theme-anim input,.theme-anim select,.theme-anim textarea,.theme-anim .winner,.theme-anim .brand-orb,.theme-anim .text-button,.theme-anim .muted{transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease,box-shadow 220ms ease}
@media(max-width:600px){.brand-orb{width:48px;height:48px}.brand-orb.hero-mark{display:flex;width:78px;height:78px}.hero{gap:20px}.hero>div{min-width:0}.hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.theme-anim body,.theme-anim .top,.theme-anim .panel,.theme-anim .stat,.theme-anim button,.theme-anim input,.theme-anim select,.theme-anim textarea,.theme-anim .winner,.theme-anim .brand-orb,.theme-anim .text-button,.theme-anim .muted{transition:none}}