.rsh-v1__brand,
.rsf-v2__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
}

.roof-text-logo-v2 {
  display: inline-flex !important;
  align-items: baseline !important;
  white-space: nowrap !important;
  font-family: "Sora", Arial, sans-serif !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

.roof-text-logo-v2__base,
.roof-text-logo-v2__suffix {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* EMERGENCY FIX:
   both header and footer base text white for guaranteed visibility */
.rsh-v1__brand .roof-text-logo-v2__base,
.rsf-v2__brand .roof-text-logo-v2__base {
  color: #f6f2e9 !important;
  -webkit-text-fill-color: #f6f2e9 !important;
}

/* copper suffix */
.rsh-v1__brand .roof-text-logo-v2__suffix,
.rsf-v2__brand .roof-text-logo-v2__suffix {
  color: #ed8337 !important;
  -webkit-text-fill-color: #ed8337 !important;
}

.rsf-v2__brand .roof-text-logo-v2 {
  font-size: clamp(22px, 2.3vw, 28px) !important;
}

@media (max-width: 900px) {
  .roof-text-logo-v2 {
    font-size: clamp(17px, 4.6vw, 21px) !important;
  }

  .rsf-v2__brand .roof-text-logo-v2 {
    font-size: clamp(19px, 5vw, 24px) !important;
  }
}