/* Type styles — 1:1 dengan Figma text variables (H2/H3/H4/Body/Small/Button).
   Webflow port: setiap class di sini menjadi Webflow class dengan nama sama. */

.text-h2 {
  font-family: var(--font-serif);
  font-size: var(--text-h2);
  font-weight: 400;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-heading);
}

.text-h3 {
  font-family: var(--font-serif);
  font-size: var(--text-h3);
  font-weight: 400;
  line-height: var(--leading-loose);
  letter-spacing: var(--tracking-heading);
}

.text-h4 {
  font-family: var(--font-serif);
  font-size: var(--text-h4);
  font-weight: 400;
  line-height: var(--leading-loose);
  letter-spacing: var(--tracking-heading);
}

.text-body {
  font-family: var(--font-serif);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-loose);
  letter-spacing: var(--tracking-body);
}

.text-small {
  font-family: var(--font-serif);
  font-size: var(--text-small);
  font-weight: 300;
  line-height: var(--leading-loose);
  letter-spacing: var(--tracking-small);
}

.text-button {
  font-family: var(--font-serif);
  font-size: var(--text-button);
  font-weight: 400;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-button);
}

/* Label kecil ber-tracking lebar: "AS SEEN ON", "SCROLL", alamat footer */
.eyebrow {
  font-family: var(--font-serif);
  font-size: var(--text-small);
  font-weight: 400;
  line-height: 1;
  letter-spacing: var(--tracking-button);
  text-transform: uppercase;
}

/* Utilities */
.u-uppercase {
  text-transform: uppercase;
}

.u-text-center {
  text-align: center;
}

.u-color-red {
  color: var(--color-red);
}

.u-color-white {
  color: var(--color-white);
}

.u-color-dusky {
  color: var(--color-dusky);
}

.u-color-black {
  color: var(--color-black);
}

.u-measure {
  max-width: 44rem;
}

.u-measure-narrow {
  max-width: 36.5rem;
}