/* =========================================================
   PAIDIA — PERSIAN TYPOGRAPHY SYSTEM V2
   B Titr + B Yekan + B Nazanin
   ========================================================= */

:root{
  --font-ui:
    "B Yekan",
    "B Yekan+",
    "BYekan",
    Tahoma,
    Arial,
    sans-serif;

  --font-title:
    "B Titr",
    "B Titr Bold",
    "BTitr",
    "B Yekan",
    Tahoma,
    sans-serif;

  --font-reading:
    "B Nazanin",
    "B Nazanin+",
    "BNazanin",
    "Times New Roman",
    serif;
}


/* ---------- BASE ---------- */

body{
  font-family:var(--font-ui);
  font-feature-settings:"kern";
  text-rendering:optimizeLegibility;
}


/* ---------- MAJOR TITLES ---------- */

.hero h1,
.section-head h2,
.about-content h2,
.cta-box h2{
  font-family:var(--font-title);
  font-weight:700;
  letter-spacing:0;
  line-height:1.65;
}


/* HERO */

.hero h1{
  font-size:clamp(40px,5vw,68px);
  line-height:1.55;
}

.hero h1 span{
  position:relative;
  white-space:nowrap;
}


/* ---------- SECTION TITLES ---------- */

.section-head h2,
.about-content h2{
  font-size:clamp(29px,3.8vw,43px);
}


/* ---------- CARD TITLES ---------- */

.area-card h3,
.module-card h3,
.content-card h3,
.book-info h3{
  font-family:var(--font-title);
  font-weight:700;
  line-height:1.75;
}

.area-card h3{
  font-size:20px;
}

.module-card h3{
  font-size:26px;
}

.content-card h3{
  font-size:21px;
}


/* ---------- EDITORIAL / READING TEXT ---------- */

.hero-lead,
.about-content p,
.section-head p,
.area-card p,
.module-card p,
.content-card p,
.cta-box p,
.footer-brand p{
  font-family:var(--font-reading);
  font-weight:400;
  letter-spacing:0;
}

.hero-lead{
  font-size:21px;
  line-height:2.05;
}

.about-content p{
  font-size:19px;
  line-height:2.15;
}

.section-head p{
  font-size:18px;
  line-height:2;
}

.area-card p,
.module-card p,
.content-card p{
  font-size:17px;
  line-height:2;
}

.cta-box p{
  font-size:19px;
  line-height:2.05;
}


/* ---------- UI TEXT ---------- */

.main-nav,
.btn,
.eyebrow,
.status,
.kicker,
.expertise-item,
.module-copy,
.book-info,
.footer-links,
.hero-person{
  font-family:var(--font-ui);
}


/* ---------- NAVIGATION ---------- */

.main-nav{
  font-size:15px;
  font-weight:700;
}

.btn{
  font-size:14px;
  font-weight:700;
}

.eyebrow{
  font-size:13px;
}


/* ---------- PROFESSIONAL LABELS ---------- */

.kicker{
  font-size:12px;
  letter-spacing:.3px;
  opacity:.92;
}


/* ---------- PERSONAL IDENTITY ---------- */

.hero-person strong{
  font-family:var(--font-title);
  font-size:17px;
  font-weight:700;
}

.hero-person div div{
  margin-top:2px;
  font-family:var(--font-reading);
  font-size:15px;
}


/* ---------- MODULES ---------- */

.module-copy strong{
  font-size:15px;
}

.module-copy span{
  font-family:var(--font-reading);
  font-size:14px;
  line-height:1.8;
}


/* ---------- EXPERTISE ---------- */

.expertise-item{
  font-size:14px;
  font-weight:700;
}


/* ---------- BOOKS ---------- */

.book-info h3{
  font-size:17px;
}

.book-info p{
  font-family:var(--font-reading);
  font-size:14px;
}


/* ---------- FOOTER ---------- */

.footer-title{
  font-family:var(--font-title);
  font-size:18px;
}

.footer-links{
  font-size:14px;
}

.footer-brand p{
  font-size:16px;
  line-height:2;
}


/* ---------- MOBILE ---------- */

@media(max-width:760px){

  .hero h1{
    font-size:37px;
    line-height:1.6;
  }

  .hero-lead{
    font-size:19px;
  }

  .about-content p,
  .section-head p{
    font-size:17px;
  }

  .area-card p,
  .module-card p,
  .content-card p{
    font-size:16px;
  }

}