/* Niche-specific branding only. Core demo layout and controls stay shared with the master. */

.brand-mark::before {
  background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 58'%3E%3Cpath d='M27 44V25' fill='none' stroke='%232f5d4a' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M27 27C18 27 12 22 11 14c8-1 15 3 18 10-1 1-1 2-2 3z' fill='%232f5d4a'/%3E%3Cpath d='M28 32c8-1 14-6 16-13-8-1-15 3-18 10 0 1 1 2 2 3z' fill='%234b765f'/%3E%3Cpath d='M39 31h12v9H39zM53 31h12v9H53zM46 42h19v9H46z' fill='%238d7961'/%3E%3Cpath d='M45 31v9M59 31v9M52 42v9' stroke='%23c6b59d' stroke-width='2'/%3E%3C/svg%3E");
  filter:drop-shadow(0 5px 8px rgba(47,93,74,.14));
}

.business-brand>div>strong {
  color:#18382f;
}

.business-brand>div>span {
  color:#456456;
}

/* Slightly stronger business branding on larger screens only. */
@media (min-width:641px) {
  .business-brand {
    gap:16px;
  }

  .brand-mark {
    width:82px;
    height:66px;
    flex-basis:82px;
  }

  .business-brand>div>strong {
    font-size:24px;
  }

  .business-brand>div>span {
    margin-top:6px;
    font-size:14px;
  }
}