@font-face {
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 500 900;
  font-display: swap;
  src: url(/assets/estedad-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* The wordmark stays live text, with its own Persian type and optical spacing. */
.brand .brand-text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  padding-block: 7px;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
}

.brand-fa {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-family: 'Estedad', Vazirmatn, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  white-space: nowrap;
}

.brand-primary {
  color: var(--green);
  font-weight: 900;
}

.brand-secondary {
  color: #4e655a;
  font-weight: 500;
}

.brand .brand-text .brand-english {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--green);
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.65px;
  line-height: 1.25;
  white-space: nowrap;
}

.brand-english::before {
  content: '';
  width: 17px;
  height: 1px;
  flex-shrink: 0;
  background: #a5b6a1;
}

.brand:hover .brand-secondary {
  color: var(--green);
}

.hero h1 .hero-brand {
  font-family: 'Estedad', Vazirmatn, sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

@media (max-width: 700px) {
  .brand .brand-text {
    gap: 5px;
    padding-block: 5px;
  }

  .brand-fa {
    font-size: 26px;
    gap: 6px;
  }

  .brand .brand-text .brand-english {
    font-size: 8px;
    letter-spacing: 1.15px;
    gap: 6px;
  }

  .brand-english::before {
    width: 12px;
  }
}