/* =====================================================================
   KRITI V6 — typography refinement
   Requested changes:
   - main headings thinner / less bold
   - supporting subheadings approximately 22px or larger on desktop
   ===================================================================== */

/* Main display headings: keep Helvetica but make the visual weight elegant. */
h1,h2,.display{
  font-family:var(--heading)!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}

/* Supporting headings stay clear, but no longer feel extra-bold. */
h3,h4,h5,h6,
.quick-card h3,
.value-card h3,
.why-card h3,
.course-showcase h2,
.course-showcase h3,
.process-list strong,
.contact-card strong,
.footer-brand strong,
.nav-dropdown__menu strong,
.mobile-courses__head>a{
  font-weight:600!important;
  letter-spacing:-.015em;
}

/* Subheading system: intentionally larger and easier to notice. */
.eyebrow{
  font-size:clamp(20px,1.55vw,23px)!important;
  line-height:1.3;
  letter-spacing:.08em!important;
  font-weight:600;
  margin-bottom:20px;
}

.lead{
  font-size:clamp(21px,1.55vw,24px)!important;
  line-height:1.68;
}

.page-hero .lead,
.course-detail-hero .lead,
.courses-hero .lead{
  font-size:clamp(21px,1.55vw,24px)!important;
  line-height:1.65;
}

.course-preview__intro{
  font-size:clamp(20px,1.45vw,22px)!important;
  line-height:1.7;
}

/* Card / content subheads get a little more scale while staying balanced. */
.prose h3{
  font-size:clamp(27px,2.35vw,34px)!important;
  font-weight:600!important;
}
.value-card h3,.why-card h3{
  font-size:clamp(27px,2.25vw,33px)!important;
}
.quick-card h3{
  font-size:clamp(29px,2.45vw,35px)!important;
  font-weight:600!important;
}
.module strong{
  font-size:22px!important;
  font-weight:600!important;
}
.process-list strong{
  font-size:28px!important;
  font-weight:600!important;
}
.hero-tag strong{
  font-size:23px!important;
  font-weight:600!important;
}

/* Programme cards: reduce title heaviness and make metadata/supporting text clearer. */
.course-showcase h3,.course-showcase h2{
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.course-showcase__meta{
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.11em!important;
}
.course-showcase p{
  font-size:15px!important;
  line-height:1.62;
}
.course-showcase--catalogue p{
  font-size:16px!important;
}

/* Footer headings should match the softer typography. */
.footer-brand strong{font-weight:600!important}
.footer-label{font-size:14px}

@media(max-width:700px){
  /* Keep the hierarchy strong without crowding small screens. */
  .eyebrow{
    font-size:18px!important;
    line-height:1.35;
  }
  .lead,
  .page-hero .lead,
  .course-detail-hero .lead,
  .courses-hero .lead{
    font-size:20px!important;
  }
  .course-preview__intro{font-size:19px!important}
  .module strong{font-size:21px!important}
  .hero-tag strong{font-size:21px!important}
}