/* =========================
   XPENG TYPOGRAPHY SYSTEM
   Instrument Sans
   ========================= */

:root{

  /* Eyebrow */
  --eyebrow: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);

  /* Headings */
  --h1: clamp(1.5rem, 1.05rem + 2.4vw, 3rem);      /* 24 → 48 */
  --h2: clamp(1.375rem, 1rem + 1.9vw, 2.25rem);    /* 22 → 36 */
  --h3: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);  /* 18 → 24 */

  /* Body */
  --body-large: clamp(1rem, 0.95rem + 0.4vw, 1.125rem); /* 16 → 18 */
  --body: 1rem;                                         /* 16 */
}


/* Heading */

h1,
.h1{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--h1);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}

h2,
.h2{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--h2);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-bottom: 0;
}

h3,
.h3{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--h3);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

.text-overlay{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--h3);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}


/* Eyebrow */

.eyebrow{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--eyebrow);
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0;
}


/* Body Large */

.body-large{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--body-large);
  line-height: 125%;
  font-weight: 400;
  margin-bottom: 0;
}


/* Body */

body,
p,
.body{
  font-family: "Instrument Sans", sans-serif;
  font-size: var(--body);
  line-height: 1.7;
  font-weight: 400;
  margin-bottom: 0;
}