#approved-root .approved-header .logo-hit {
  display: flex;
  align-items: center;
  gap: .85vw;
  padding-inline: .65vw;
  top: 0;
  height: 79%;
  background: #040c0f;
  color: #f7f8f7;
  text-decoration: none;
}

.approved-brand-icon {
  display: block;
  width: 5.4vw;
  height: auto;
  flex: none;
}

.approved-brand-copy {
  display: grid;
  gap: .12em;
  white-space: nowrap;
  font: 900 1.8vw/.98 Arial, sans-serif;
  letter-spacing: -.045em;
}

.approved-brand-copy em { color: #adf322; font-style: normal; }
.approved-brand-copy small {
  font: 700 .78vw/1.2 Arial, sans-serif;
  letter-spacing: .025em;
}
.approved-brand-copy small b { color: #ff9b3d; }

@media (max-width: 680px) {
  #approved-root .approved-header { background: #040c0f; }
  #approved-root #approved-head-img { display: none; }
  #approved-root .approved-header .logo-hit {
    display: flex !important;
    inset: 2px auto 10px 8px;
    width: auto;
    max-width: calc(100% - 92px);
    height: auto;
    gap: 7px;
    padding-inline: 3px;
  }
  .approved-brand-icon { width: clamp(34px, 12vw, 49px); }
  .approved-brand-copy { font-size: clamp(14px, 4.7vw, 22px); }
  .approved-brand-copy small { font-size: clamp(6.5px, 1.8vw, 8px); }
}

#approved-root .approved-hero #approved-hero-img { object-fit: contain; }
#approved-root .approved-hero .mainquote-hit { inset: 70.3% auto auto 7.1%; width: 14.5%; height: 9.3%; }
#approved-root .approved-hero .call-hit {
  inset: 70.3% auto auto 22.8%;
  width: 10.4%;
  height: 9.3%;
  background: transparent;
  border: 0;
}
#approved-root .approved-hero .sms-hit { inset: 70.3% auto auto 34.4%; width: 12.3%; height: 9.3%; }
