/* Each logo asset includes its own opaque backing. Samsung Internet can force
   dark colours independently of prefers-color-scheme. */
.site-header .brand-mark,
.footer .brand-mark,
.brokerage-badge::after {
  background-color: transparent;
  border-radius: 3px;
}
.site-header .brand-mark {
  background-image: url("remax-left-tile.png");
}
.footer .brand-mark {
  background-image: url("remax-centre-tile.png");
}
.brokerage-badge::after {
  background-image: url("remax-ioao-tile.png");
}

.site-header .header-inner { gap: 18px; }
.site-header .brand { flex: 0 1 auto; min-width: 0; }
.site-header .brand-text span { display: none; }
.site-header .nav { gap: 2px; flex-wrap: nowrap; }
.site-header .nav a {
  white-space: nowrap;
  padding: 9px 8px;
  font-size: .88rem;
  line-height: 1.3;
}
.site-header .nav .nav-cta {
  padding-inline: 14px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 901px) {
  .site-header .menu-toggle { display: none; }
}
@media (max-width: 900px) {
  .site-header .menu-toggle { display: inline-flex; }
  .site-header .nav { display: none; }
  .site-header .nav.open { display: flex; }
  .site-header .nav a { padding: 11px 12px; }
}

.bex-refresh-home .bex-refresh-hero { padding-bottom: 55px; }
.bex-refresh-home .hero-copy h1 { max-width: 760px; }
.bex-refresh-home .hero-copy .lead { max-width: 650px; }
.bex-refresh-portrait { position: relative; }
.bex-refresh-name {
  position: absolute; left: 22px; bottom: 22px;
  padding: 8px 18px; border-radius: 12px;
  color: #fff; background: #374f59;
  font: 600 clamp(1.45rem, 2.2vw, 2rem)/1.1 "Cormorant Garamond", Georgia, serif;
}
.bex-refresh-art-section { padding: 18px 0 70px; }
.bex-refresh-art { max-width: 980px; margin-block: 0; }
.bex-refresh-art img {
  display: block; width: 100%; height: auto;
  border-radius: 5px;
  background: #fff;
}
.bex-refresh-art figcaption {
  text-align: right; margin-top: 10px;
  color: #454143; font-size: .83rem; line-height: 1.5;
}
.bex-refresh-art figcaption a { color: #233942; text-underline-offset: .18em; }
.bex-refresh-art figcaption a:focus-visible,
.bex-refresh-home a:focus-visible,
.bex-refresh-transitions a:focus-visible { outline: 3px solid #374f59; outline-offset: 3px; }
.bex-refresh-services .card { display: flex; flex-direction: column; }
.bex-refresh-services .card .inline-link { margin-top: auto; padding-top: 14px; }
.bex-refresh-services .cards { align-items: stretch; }
.bex-refresh-intro { max-width: 820px; }
.bex-refresh-intro > p:not(.eyebrow) {
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.7;
}
.bex-refresh-intro .btn { margin-top: 12px; }
.bex-refresh-contact { text-align: center; }
.bex-refresh-contact p:not(.eyebrow) { max-width: 650px; margin-inline: auto; }
.bex-refresh-transition-cards { margin-top: 0; }
.bex-refresh-practical {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}
.bex-refresh-practical .card p { margin-bottom: 0; }
@media (max-width: 900px) {
  .bex-refresh-home .bex-refresh-hero { padding-bottom: 48px; }
  .bex-refresh-art-section { padding-bottom: 55px; }
  .bex-refresh-practical { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .bex-refresh-name { left: 14px; bottom: 14px; }
  .bex-refresh-art-section { padding: 8px 0 45px; }
  .bex-refresh-art figcaption { text-align: left; }
}