/* لوگوی کاوین: نمایش تک‌رنگ با رنگ متن فعلی (سازگار با تم روشن/تاریک)
   mask-size به‌صورت صریح (px) تعیین شده چون بعضی مرورگرها `contain` را
   برای SVG بدون ابعاد نادیده می‌گیرند و لوگو بریده می‌شود. */
.brand-logo{
  display:inline-block;width:96px;height:26px;flex:none;vertical-align:middle;
  background-color:currentColor;
  -webkit-mask:url('/logo.svg') center/96px 26px no-repeat;
  mask:url('/logo.svg') center/96px 26px no-repeat;
}
.brand-logo.lg{width:132px;height:35px;
  -webkit-mask-size:132px 35px;mask-size:132px 35px}
.brand-logo.sm{width:82px;height:22px;
  -webkit-mask-size:82px 22px;mask-size:82px 22px}
@media(max-width:600px){
  .brand-logo{width:82px;height:22px;
    -webkit-mask-size:82px 22px;mask-size:82px 22px}
  .brand-logo.lg{width:112px;height:30px;
    -webkit-mask-size:112px 30px;mask-size:112px 30px}
}