:root {
  --green: #003f2d;
  --green2: #006a3f;
  --lime: #69dc61;
  --orange: #22b84b;
  --ink: #10271d;
  --paper: #f3f8f3;
  --line: #d7e4da;
}

.brand {
  min-width: 270px;
  gap: 14px;
}

.brand > img {
  width: 66px;
  height: 66px;
  object-fit: contain;
  flex: 0 0 auto;
}

.brand-copy {
  display: block;
  padding-left: 13px;
  border-left: 1px solid var(--line);
}

.brand-copy strong,
.brand-copy small {
  display: block;
}

.brand-copy strong {
  color: var(--green);
  font-size: 1.05rem;
  letter-spacing: -.02em;
}

.brand-copy small {
  margin-top: 6px;
  color: var(--muted);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.lead-visual:before {
  color: #6dde63;
  text-shadow: 26px 24px 0 rgba(27, 153, 66, .9);
}

.footer-brand {
  background: #fff;
  padding: 10px 14px;
  width: fit-content;
}

.footer-brand > img {
  width: 72px;
  height: 72px;
}

@media (max-width: 650px) {
  .brand { min-width: 0; }
  .brand > img { width: 52px; height: 52px; }
  .brand-copy { display: none; }
  .footer-brand .brand-copy { display: block; }
  .footer-brand { min-width: 235px; }
}