.how-brand-mark{
  position:relative;
  width:46px;
  height:42px;
  border:2.5px solid #f6ead4;
  border-radius:48% 48% 42% 42%;
  background:
    radial-gradient(circle at 31% 34%,rgba(246,234,212,.9) 0 1.5px,transparent 2px),
    radial-gradient(circle at 69% 34%,rgba(246,234,212,.9) 0 1.5px,transparent 2px),
    linear-gradient(180deg,rgba(246,234,212,.14),rgba(246,234,212,.03));
  box-shadow:inset 0 -7px 0 rgba(246,234,212,.07),0 0 0 1px rgba(246,234,212,.08);
  font-size:.88rem;
  font-weight:950;
}
.how-brand-mark:before,.how-brand-mark:after{
  content:"";
  position:absolute;
  top:-10px;
  width:19px;
  height:16px;
  border-top:3px solid #f6ead4;
}
.how-brand-mark:before{
  left:-10px;
  border-left:2px solid #f6ead4;
  border-radius:100% 0 0 0;
  transform:rotate(-24deg);
}
.how-brand-mark:after{
  right:-10px;
  border-right:2px solid #f6ead4;
  border-radius:0 100% 0 0;
  transform:rotate(24deg);
}
.yak-v4-app header b i,.yak-v4-early>b{
  font-size:0;
}
.yak-v4-app header b i:after,.yak-v4-early>b:after{
  content:"M";
  font-size:inherit;
}
.yak-v4-app header b i:after{font-size:.78rem}
.yak-v4-early>b:after{font-size:1rem}
@media(max-width:900px){
  .how-brand-mark{width:38px;height:35px;margin-top:3px;font-size:.78rem}
  .how-brand-mark:before,.how-brand-mark:after{top:-8px;width:15px;height:12px}
  .how-brand-mark:before{left:-8px}
  .how-brand-mark:after{right:-8px}
}