/* bbs-logo-hero-20260925.css — approved visual repair overlay (20260925)
   Scope: logo crispness (DPR-correct sizing) + hero/partner Signal context on mobile.
   No branding changes, no artwork changes, no nav/hero-tab/reduced-motion behaviour changes. */

/* ---------- A) Logo: prevent bitmap upscaling ----------
   Source asset: /img/bg-img/LOGO3.png is a 361x73 transparent raster (1x design).
   Rendered at 270 CSS px it needs <= 1.0x effective scale at DPR1, but at DPR2/3
   the browser sampled 68px-tall pixels — the visible blur. The repaired asset is
   the same image at 3x (1083x219), so every DPR now downsamples from surplus
   pixels. These rules keep the CSS layout identical while removing upscale:
   same 270px/220px boxes, no filter, no transform, no new aspect ratio. */
.classy-nav-container .classy-navbar .nav-brand img {
  image-rendering: auto;            /* undo any UA/editorial crisp-edges */
  aspect-ratio: 1083 / 219;         /* same 361:73 ratio, now matching asset */
  filter: none;
  transform: none;
}

/* ---------- B) Hero Signal: standalone mobile context ----------
   Adds a short process hint under the hero lead (HTML inserted by apply_patch.py).
   Visible only where the disconnection was reported (narrow screens); on wide
   screens the hero already carries the tabs + caption adjacency. */
.bb-hero__hint {
  display: none;                    /* desktop: no copy duplication */
  margin-top: 12px;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--bb-ink-soft, #3c4657);
  max-width: 34em;
}
@media (max-width: 767.98px) {
  .bb-hero__hint { display: block; }
}

/* Keep hero caption attached to its panel. bb-ux-20260923.css hides the hero
   panel figcaption site-wide (display:none) — that is why the hero Signal read
   as disconnected on mobile. Restore it IN FLOW on narrow screens only; later
   stylesheet + equal selector specificity wins the cascade (no !important). */
@media (max-width: 767.98px) {
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel figcaption {
    display: block;
    position: static;
    max-width: none;
    text-align: left;
    margin-top: 10px;
    z-index: 2;
  }
}

/* Partner section: the second Signal image now has its own caption (HTML).
   Give it clear separation from the hero panel above on mobile. */
@media (max-width: 767.98px) {
  .bb-partner__art {
    margin-top: 28px;
  }
  .bb-partner__caption {
    margin-top: 10px;
  }
}

/* Optional containment (OFF by default — approved visual is kept):
@media (max-width: 575.98px) {
  .bb-partner__art { display: none; }
}
*/