/* Match the PWA wordmark to the main site's orange brand mark. */
.wordmark{display:inline-flex;align-items:center;gap:11px;letter-spacing:0;line-height:1.2}
.wordmark .brand-mark{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:15px;background:linear-gradient(145deg,#f97316,#ea580c);color:#fff;font-size:25px;font-weight:800;line-height:1;box-shadow:0 8px 18px #f9731642,inset 0 1px 0 #ffffff55;transition:transform .22s ease,box-shadow .22s ease}
.wordmark:hover .brand-mark{transform:translateY(-2px) rotate(-3deg);box-shadow:0 12px 24px #f9731657,inset 0 1px 0 #ffffff66}
.wordmark .brand-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.wordmark .brand-copy strong{display:block;font-size:23px;line-height:1.6;letter-spacing:0;color:var(--text);font-weight:800}
.wordmark .brand-copy small{display:block;font-size:10px;line-height:1.8;letter-spacing:0;color:var(--muted);font-weight:400;white-space:nowrap}
.mobile-header .wordmark{gap:9px}
.mobile-header .wordmark .brand-mark{width:39px;height:39px;border-radius:13px;font-size:22px}
.mobile-header .wordmark .brand-copy strong{font-size:21px}
.mobile-header .wordmark .brand-copy small{display:none}
@media(prefers-reduced-motion:reduce){.wordmark .brand-mark{transition:none}}