/* Fence/deck niche branding only. Core layout and controls remain 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%3Cg%3E%3Crect x='8' y='20' width='56' height='6' rx='2' fill='%23724f36'/%3E%3Crect x='8' y='36' width='56' height='6' rx='2' fill='%23724f36'/%3E%3Cpath d='M16 13l7-7 7 7v33H16zM31 13l5-5 5 5v33H31zM44 13l7-7 7 7v33H44z' fill='%23b7793f'/%3E%3Ccircle cx='23' cy='24' r='2' fill='%2385552f'/%3E%3Ccircle cx='23' cy='38' r='2' fill='%2385552f'/%3E%3Ccircle cx='36' cy='24' r='2' fill='%2385552f'/%3E%3Ccircle cx='36' cy='38' r='2' fill='%2385552f'/%3E%3Ccircle cx='51' cy='24' r='2' fill='%2385552f'/%3E%3Ccircle cx='51' cy='38' r='2' fill='%2385552f'/%3E%3Cpath d='M9 46h54l5 8H4z' fill='%23cf914d'/%3E%3Cpath d='M4 54h64v4H4z' fill='%2385552f'/%3E%3Cpath d='M17 46l-3 8M29 46l-1 8M43 46l1 8M55 46l3 8' stroke='%2385552f' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  filter:drop-shadow(0 5px 8px rgba(114,79,54,.14));
}

.business-brand>div>strong { color:#20364a; }
.business-brand>div>span { color:#5e5146; }

@media (min-width:641px) {
  .business-brand { gap:16px; }
  .brand-mark { width:80px; height:64px; flex-basis:80px; }
  .business-brand>div>strong { font-size:24px; }
  .business-brand>div>span { font-size:14px; }
}