/* Header brand: the REI Blueprint Coaching logo with "Exclusive Coaching Provider for WiscoREIA" on its own line
   under it, the WiscoREIA logo after the words. It lives inside the existing header height, so nothing below it moves.
   The line opens the WiscoREIA details window (info-modal.js); with JavaScript off it is a plain new-tab link.
   Partner names are never uppercased. Also: the hero's "Real Estate Coaching Across Wisconsin" label sits above the
   photo, so the headline starts right under the header. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.brand>a:first-child{flex:none;line-height:0}
/* Keep the logo flush left so it lines up with the line under it. */
.brand .logo{object-position:left center}
.brand-partner{display:flex;align-items:center;gap:9px;min-width:0;color:#eaf2ff;text-decoration:none;font-size:15px;line-height:1.25;text-transform:none}
.brand-partner .bp-text{display:block;min-width:0}
.brand-partner b{color:#fff;font-weight:700}
.brand-partner img{width:32px;height:32px;flex:none;object-fit:contain}
.brand-partner:hover .bp-text{text-decoration:underline;text-underline-offset:3px}
.brand-partner:focus-visible{outline:3px solid #6fb1fc;outline-offset:4px;border-radius:4px}
@media (min-width:1181px){.sitehead .logo{width:250px;height:50px}}
@media (max-width:1180px) and (min-width:761px){.sitehead .logo{width:230px;height:48px}.brand-partner{font-size:14px}}
/* Narrower desktops: the words take two lines so the full menu still fits beside them. */
@media (max-width:1060px) and (min-width:761px){.brand-partner{font-size:13px;gap:8px}.brand-partner b{display:block}.brand-partner img{width:30px;height:30px}}
@media (max-width:900px) and (min-width:761px){.sitehead .logo{width:170px;height:36px}.sitehead{gap:16px}.sitehead nav{gap:16px;font-size:13px}.brand-partner{font-size:12px;gap:6px}.brand-partner img{width:26px;height:26px}}
@media (max-width:760px){
  .brand{gap:3px;flex:1 1 auto}
  .sitehead .logo{height:36px}
  .brand-partner{font-size:11px;gap:6px}
  .brand-partner img{width:20px;height:20px}
}

/* Hero label above the photo. */
.hero-visual{min-width:0}
.hero-visual>.eyebrow{margin:0 0 16px}
@media (max-width:760px){.hero-visual{grid-row:2}.hero-visual>.eyebrow{margin-bottom:12px}}