:root{--brand-green:#006039}
.wordmark{
  display:inline-block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:26px;
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1.2;
  white-space:nowrap;
  color:#20231f;
}
.wordmark span{font:inherit;margin:0;color:inherit;opacity:.78}
.hero-header .wordmark,.hero .wordmark{color:#fffaf0;text-shadow:0 1px 14px #00281a55}
.hero-header .wordmark span{color:inherit;opacity:.8}
.sidebar .wordmark{font-size:21px;color:#e9efe9;text-shadow:none}
.sidebar .wordmark span{color:#9ccbb0;opacity:1}
.mobile-top .wordmark{font-size:22px}
.mobile-top .wordmark span{color:var(--brand-green);opacity:1}
.conversation-brand.wordmark{font-size:24px;margin-bottom:12px}
.conversation-brand.wordmark span{color:var(--brand-green);opacity:1}
@media(max-width:650px){
  .hero-header{flex-wrap:wrap;gap:16px}
  .hero-header .wordmark{font-size:22px}
  .mobile-top .wordmark{font-size:21px}
  .conversation-brand.wordmark{font-size:22px}
}
@media(max-width:380px){
  .hero-header{padding-left:18px;padding-right:18px;gap:10px}
  .hero-header .wordmark{font-size:20px}
}