:root {
  --claim-ink: #0d3525;
  --claim-forest: #0d3525;
  --claim-moss: #176544;
  --claim-mint: #cef4dc;
}

.claim-loading {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 76px;
  padding: .75rem max(1rem, calc((100vw - 1160px) / 2));
  background: var(--claim-forest);
  color: #fff;
}

.claim-loading__brand {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding-right: 1rem;
  border-right: 1px solid rgb(255 255 255 / .26);
}

.claim-loading__brand img {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 5px 9px rgb(0 0 0 / .22));
}

.claim-loading__brand div {
  display: grid;
  text-align: left;
}

.claim-loading__brand strong {
  font-size: 1.2rem;
  letter-spacing: -.04em;
}

.claim-loading__brand span {
  color: var(--claim-mint);
  font-size: .82rem;
  font-weight: 800;
}

.claim-loading p {
  margin: 0;
  color: #d6f7e0;
  font-size: .9rem;
}

@media (max-width: 600px) {
  .claim-loading { align-items: flex-start; flex-direction: column; gap: .45rem; }
  .claim-loading__brand { border-right: 0; padding-right: 0; }
}

.app-header .brand-mark {
  padding: 3px;
  background: #fff;
}

.app-header .brand-mark img {
  width: 100%;
  height: 100%;
}