/* Replace the native sub-page header wordmark (.hd-brand text) with the Logo 3
   white SVG. Done in CSS so React re-hydration can't revert it: the link text is
   hidden and the logo is painted as a centered background image at a fixed size.
   Header is transparent over the hero and dark-green when scrolled, so the white
   logo reads in both states. */
.hd-brand,
.hd3-brand{
  display:inline-block !important;
  width:300px; max-width:62vw; height:40px;
  background:url("/images/brand/owt-logo-white.svg") left center / contain no-repeat;
  font-size:0 !important;        /* hide the text node */
  line-height:0 !important;
  color:transparent !important;
  white-space:nowrap;
}
/* If the bundle injects an <img> inside .hd3-brand, hide it so we don't double up. */
.hd3-brand .hd3-logo{ display:none !important; }
@media (max-width:860px){
  .hd-brand,
  .hd3-brand{ width:240px; height:34px; }
}