/* keywords: compact introduction, optical balance, fluid typography, responsive wordmarks */
.home-hero {
  padding-block: clamp(32px, 4vw, 56px) 28px;
  column-gap: 32px;
  row-gap: 28px;
}
.home-hero .hero__copy { min-width: 0; }
.home-hero h1 {
  max-width: 20ch;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.08;
  text-wrap: balance;
}
.home-hero h1 em { margin-top: 8px; }
.home-hero .lede {
  max-width: 40ch;
  margin-top: 16px;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.55;
  text-wrap: pretty;
}
.home-hero .hero__actions { gap: 12px; margin-top: 20px; }
.home-hero .hero__actions .btn {
  max-width: 100%;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 14px;
  white-space: nowrap;
}
.home-hero .hero__actions .btn span { flex-shrink: 0; }

.home-trust {
  --community-mark-height: 28px;
  padding-block: 8px 24px;
}
.home-trust .eyebrow { margin-bottom: 12px; font-size: 11px; }
.home-trust .trust__row {
  gap: 12px clamp(12px, 2vw, 24px);
  padding: 8px 16px;
  background: none;
  border: 0;
  box-shadow: none;
}
.home-trust .mark {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  gap: 8px;
  padding: 8px 0;
  white-space: nowrap;
}
.home-trust .mark span,
.home-trust .mark b { font-size: 13px; line-height: 1.15; }
.home-trust .mark b { font-weight: 600; }
.home-trust .mark img {
  width: auto;
  height: var(--community-mark-height);
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1) brightness(1.5);
  opacity: .84;
}
.home-trust .mark i {
  width: var(--community-mark-height);
  height: var(--community-mark-height);
  flex-shrink: 0;
}

@media (min-width: 1101px) {
  .home-hero .hero__art { min-height: 460px; }
}
@media (max-width: 640px) {
  .home-trust .trust__row { gap: 8px 16px; padding-inline: 0; }
  .home-trust .mark { flex-basis: calc(50% - 8px); }
}