/* Typography System - Pixel-Perfect Figma Fidelity */

/* Hero Title: Silk Serif 300 120px / 120px, letter-spacing -1.2px, align center, color #FFFFFF */
.figma-hero-title {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(3rem, 6.25vw, 7.5rem);
  /* 120px on desktop */
  line-height: 1.0;
  /* 120px on 120px */
  letter-spacing: -0.01em;
  /* -1.2px on 120px */
  color: var(--figma-white);
  text-align: center;
  margin: 0;
}

/* Microtitle: Source Sans 3 600 22px / 28px, letter-spacing 1.1px, uppercase */
.figma-microtitle {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.375rem;
  /* 22px */
  line-height: 1.27;
  /* 28px */
  letter-spacing: 0.05em;
  /* 1.1px */
  text-transform: uppercase;
  color: var(--figma-gray-dark);
  display: block;
  margin-bottom: 14px;
}

.figma-microtitle-light {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.375rem;
  /* 22px */
  line-height: 1.27;
  /* 28px */
  letter-spacing: 0.05em;
  /* 1.1px */
  text-transform: uppercase;
  color: var(--figma-white);
  display: block;
  margin-bottom: 14px;
}

/* Heading 2 Bold: Source Sans 3 600 60px / 60px, letter-spacing -1.2px, color #1E3667 */
.figma-heading-section {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: clamp(2.25rem, 3.125vw, 3.75rem);
  /* 60px on desktop */
  line-height: 1.0;
  /* 60px on 60px */
  letter-spacing: -0.02em;
  /* -1.2px on 60px */
  color: var(--figma-blue-dark);
  margin: 0;
}

/* Future Heading 2: Silk Serif 300 120px / 120px, letter-spacing -1.2px, color #FFFFFF */
.figma-heading-future,
.figma-heading-future-single {
  font-family: var(--font-serif) !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: clamp(3rem, 6.0vw, 7.5rem) !important;
  /* 120px on desktop */
  line-height: 1.0 !important;
  /* 120px on 120px */
  letter-spacing: -1.2px !important;
  color: #FFFFFF !important;
  margin: 0;
  display: block;
}

@media (max-width: 992px) {

  .figma-heading-future,
  .figma-heading-future-single {
    font-size: clamp(2.5rem, 11vw, 5.875rem) !important;
    /* 94px on tablet / mobile */
    line-height: 1.02 !important;
    letter-spacing: -0.94px !important;
    white-space: normal !important;
  }
}

/* MD Quote: Silk Serif 300 60px / 90px, italic, letter-spacing -1.2px, align center, color #1E3667 */
.figma-quote-text {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.5rem, 3.125vw, 3.75rem);
  /* 24px to 60px */
  line-height: 1.5;
  /* 90px on 60px */
  letter-spacing: -0.02em;
  /* -1.2px */
  color: var(--figma-blue-dark);
  text-align: center;
  margin: 0;
}

/* MD Name: Silk Serif 300 64px / 64px, letter-spacing -0.64px, color #1E3667 */
.figma-md-name {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(2rem, 3.33vw, 4rem);
  /* 64px on desktop */
  line-height: 1.0;
  /* 64px on 64px */
  letter-spacing: -0.01em;
  /* -0.64px */
  color: var(--figma-blue-dark);
  margin: 0 0 12px 0;
}

/* MD Title: Source Sans 3 600 48px / 60px, letter-spacing -0.96px, color #1E3667 */
.figma-md-title {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: clamp(1.25rem, 2.5vw, 3rem);
  /* 48px on desktop */
  line-height: 1.25;
  /* 60px on 48px */
  letter-spacing: -0.02em;
  /* -0.96px on 48px */
  color: var(--figma-blue-dark);
  margin: 0;
}

/* Performance Eagle Heading: Silk Serif 300 120px / 110px, letter-spacing -1.2px, color #FFFFFF */
.figma-eagle-heading {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(3rem, 6.25vw, 7.5rem);
  /* 120px on desktop */
  line-height: 0.916;
  /* 110px on 120px */
  letter-spacing: -0.01em;
  /* -1.2px */
  color: var(--figma-white);
  display: flex;
  flex-direction: column;
  margin: 0;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
  user-select: none;
}

.figma-eagle-heading span:nth-child(2),
.figma-eagle-heading .heading-sub {
  padding-left: clamp(12px, 2vw, 36px);
}

.figma-eagle-heading span:nth-child(3),
.figma-eagle-heading .heading-main {
  padding-left: clamp(24px, 4vw, 72px);
}

/* Financial Figure Labels: Source Sans 3 400 30px / 40px, color #B60B29 */
.figma-metric-label {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.25rem, 1.56vw, 1.875rem);
  /* 30px on desktop */
  line-height: 1.33;
  /* 40px */
  letter-spacing: 0px;
  color: var(--figma-red-crimson);
  text-align: left;
  margin: 0 0 4px 0;
}

/* Financial Figure Numbers: Silk Serif 300 96px / 96px, letter-spacing -0.96px, color #1E3667 */
.figma-metric-number {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: clamp(3.5rem, 5vw, 6rem);
  /* 96px on desktop */
  line-height: 1.0;
  /* 96px on 96px */
  letter-spacing: -0.01em;
  /* -0.96px */
  color: var(--figma-blue-dark);
  text-align: left;
  margin: 0;
}

/* Footnote: Source Sans 3 400 16px / 20px, color #9D9D9D */
.figma-metric-footnote {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 1rem;
  /* 16px */
  line-height: 1.25;
  /* 20px */
  letter-spacing: 0px;
  color: var(--figma-gray-footnote);
  text-align: left;
  margin: 0;
}

/* Section Data Text: Source Sans 3 400 30px / 40px, color #1E3667 or #FFFFFF */
.figma-data-text {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.125rem, 1.56vw, 1.875rem);
  /* 30px on desktop */
  line-height: 1.333;
  /* 40px on 30px */
  letter-spacing: 0px;
  color: var(--figma-blue-dark);
  padding: 8px 0;
  transition: transform var(--transition-fast);
}

.figma-data-text-light {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.125rem, 1.56vw, 1.875rem);
  /* 30px on desktop */
  line-height: 1.333;
  /* 40px on 30px */
  letter-spacing: 0px;
  color: var(--figma-white);
  padding: 8px 0;
  transition: transform var(--transition-fast);
}

/* Footer Links: Source Sans 3 400 22px / 28px, letter-spacing 1.1px, case: UPPER, color #161616 */
.figma-footer-link {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(0.9375rem, 1.14vw, 1.375rem);
  /* 22px on desktop */
  line-height: 1.27;
  /* 28px */
  letter-spacing: 0.05em;
  /* 1.1px */
  text-transform: uppercase;
  color: var(--figma-gray-dark);
  transition: color var(--transition-fast);
}

.figma-footer-link:hover {
  color: var(--figma-blue-dark);
}

/* Footer Copyright: Source Sans 3 400 22px / 28px, color #6A6768 */
.figma-footer-copyright {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(0.875rem, 1.14vw, 1.375rem);
  /* 22px on desktop */
  line-height: 1.27;
  /* 28px */
  color: var(--figma-gray-muted);
  text-align: center;
  margin: 0;
}