/* ============================================================
   FONT DECLARATIONS - CAREERS
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from careers.css.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */



.app-pre-title {

    font-family: 'Lato', sans-serif !important;
}



html,
body {

    font-family: var(--font-body);
}


.careers-hero-content h1,
.section-title,
.res-title,
.thrives-title,
.app-promo-title {

    font-size: 32px;
}



.res-pre-title {

    font-size: 20px;
}


.hero-desc p,
.section-subtitle,
.purpose-footer-text,
.res-desc p,
.thrives-intro,
.thrives-list li,
.app-pre-title,
.app-promo-desc {

    font-size: 16px;
}



.careers-hero-content h1 {

    font-family: var(--font-head);
    font-size: 80px;
}



.hero-desc p {

    font-size: 20px;
}



.section-title {

    font-family: var(--font-head);
    font-size: 48px;
}



.section-subtitle {

    font-size: 18px;
}



.purpose-footer-text {

    font-size: 16px;
}



.res-pre-title {

    font-size: 16px;
}



.res-title {

    font-family: var(--font-head);
    font-size: 42px;
}



.res-desc p {

    font-size: 18px;
}



.thrives-title {

    font-family: var(--font-head);
    font-size: 48px;
}



.thrives-intro {

    font-size: 20px;
}



.thrives-list li {

    font-size: 18px;
}



.app-pre-title {

    font-size: 18px;
}



.app-promo-title {

    font-family: var(--font-head);
    font-size: 42px;
}



.app-promo-desc {

    font-size: 18px;
}


@media (min-width: 3000px) {


    .res-title,
    .thrives-title,
    .app-promo-title,
    .careers-hero-content h1,
    .section-title {

        font-size: 84px;
    }



    .res-pre-title {

        font-size: 28px;
    }



    .hero-desc p,
    .section-subtitle,
    .purpose-footer-text,
    .res-desc p,
    .thrives-intro,
    .thrives-list li,
    .app-pre-title,
    .app-promo-desc {

        font-size: 22px;
    }
}


@media (min-width: 2000px) and (max-width: 2999px) {


    .res-title,
    .thrives-title,
    .app-promo-title,
    .careers-hero-content h1,
    .section-title {

        font-size: 42px;
    }



    .res-pre-title {

        font-size: 20px;
    }



    .hero-desc p,
    .section-subtitle,
    .purpose-footer-text,
    .res-desc p,
    .thrives-intro,
    .thrives-list li,
    .app-pre-title,
    .app-promo-desc {

        font-size: 22px;
    }



    .thrives-title {

        font-size: 50px;
    }
}


@media (max-width: 1600px) {


    .careers-hero-content h1,
    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title {

        font-size: 38px;
    }
}


@media (max-width: 1366px) {


    .careers-hero-content h1,
    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title {

        font-size: 38px;
    }
}


@media (max-width: 1024px) {


    .careers-hero-content h1,
    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title {

        font-size: 28px;
    }
}


@media (max-width: 820px) {


    .res-title {

        font-size: 28px;
    }



    .careers-hero-content h1,
    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title {

        font-size: 28px;
    }
}


@media (width: 768px) {


    .careers-hero-content h1,
    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title,
    .careers-hero-content h1 {

        font-size: 28px;
    }



    .app-pre-title {

        font-size: 16px;
    }
}


@media (min-width: 577px) and (max-width: 767px) {


    .section-title,
    .res-title,
    .thrives-title,
    .app-promo-title,
    .careers-hero-content h1 {

        font-size: 22px;
    }




    .hero-desc p {

        font-size: 18px;
    }
}


@media (max-width: 576px) {


    .hero-desc p,
    .section-subtitle,
    .purpose-footer-text,
    .res-desc p,
    .thrives-intro,
    .thrives-list li,
    .app-pre-title,
    .app-promo-desc {

        font-size: 14px;
    }
}

/* ============================================================
   CONSOLIDATED HIGH-RESOLUTION TYPOGRAPHY OVERRIDES
   ============================================================ */

/* 1. LAPTOP BASELINE (1280px Viewports) */
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  /* Group 1: PARAGRAPH SIZES -> 15px */
  .hero-desc p,
  .section-subtitle,
  .purpose-footer-text,
  .res-desc p,
  .thrives-intro,
  .thrives-list li,
  .app-promo-desc {
    font-size: 15px !important;
  }

  /* Group 2: SECTION HEADINGS -> 38px */
  .section-title,
  .res-title,
  .thrives-title,
  .app-promo-title {
    font-size: 38px !important;
  }

  /* Group 3: RESPONSIBILITY -> 28px */
  .res-pre-title {
    font-size: 28px !important;
  }

  /* Group 4: PRE-TITLE -> 18px */
  .app-pre-title,
  #pre-title {
    font-size: 18px !important;
  }

  /* Group 5: CAREERS -> 58px */
  .careers-hero-content h1 {
    font-size: 58px !important;
  }
}

/* 2. LAPTOP LARGE (1440px Viewports) */
@media screen and (min-width: 1367px) and (max-width: 1599px) {
  /* Group 1: PARAGRAPH SIZES -> 17px */
  .hero-desc p,
  .section-subtitle,
  .purpose-footer-text,
  .res-desc p,
  .thrives-intro,
  .thrives-list li,
  .app-promo-desc {
    font-size: 17px !important;
  }

  /* Group 2: SECTION HEADINGS -> 44px */
  .section-title,
  .res-title,
  .thrives-title,
  .app-promo-title {
    font-size: 44px !important;
  }

  /* Group 3: RESPONSIBILITY -> 34px */
  .res-pre-title {
    font-size: 34px !important;
  }

  /* Group 4: PRE-TITLE -> 24px */
  .app-pre-title,
  #pre-title {
    font-size: 24px !important;
  }

  /* Group 5: CAREERS -> 66px */
  .careers-hero-content h1 {
    font-size: 66px !important;
  }
}

/* 3. DESKTOP STANDARD (1920px Viewports) */
@media screen and (min-width: 1600px) and (max-width: 1999px) {
  /* Group 1: PARAGRAPH SIZES -> 20px */
  .hero-desc p,
  .section-subtitle,
  .purpose-footer-text,
  .res-desc p,
  .thrives-intro,
  .thrives-list li,
  .app-promo-desc {
    font-size: 20px !important;
  }

  /* Group 2: SECTION HEADINGS -> 52px */
  .section-title,
  .res-title,
  .thrives-title,
  .app-promo-title {
    font-size: 52px !important;
  }

  /* Group 3: RESPONSIBILITY -> 42px */
  .res-pre-title {
    font-size: 42px !important;
  }

  /* Group 4: PRE-TITLE -> 34px */
  .app-pre-title,
  #pre-title {
    font-size: 34px !important;
  }

  /* Group 5: CAREERS -> 78px */
  .careers-hero-content h1 {
    font-size: 78px !important;
  }
}

/* 4. DESKTOP LARGE (2860px Viewports) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
  /* Group 1: PARAGRAPH SIZES -> 26px */
  .hero-desc p,
  .section-subtitle,
  .purpose-footer-text,
  .res-desc p,
  .thrives-intro,
  .thrives-list li,
  .app-promo-desc {
    font-size: 26px !important;
  }

  /* Group 2: SECTION HEADINGS -> 68px */
  .section-title,
  .res-title,
  .thrives-title,
  .app-promo-title {
    font-size: 68px !important;
  }

  /* Group 3: RESPONSIBILITY -> 58px */
  .res-pre-title {
    font-size: 58px !important;
  }

  /* Group 4: PRE-TITLE -> 48px */
  .app-pre-title,
  #pre-title {
    font-size: 48px !important;
  }

  /* Group 5: CAREERS -> 102px */
  .careers-hero-content h1 {
    font-size: 102px !important;
  }
}

/* 5. DESKTOP 4K (3840px/3860px Viewports) */
@media screen and (min-width: 3001px) {
  /* Group 1: PARAGRAPH SIZES -> 36px */
  .hero-desc p,
  .section-subtitle,
  .purpose-footer-text,
  .res-desc p,
  .thrives-intro,
  .thrives-list li,
  .app-promo-desc {
    font-size: 36px !important;
  }

  /* Group 2: SECTION HEADINGS -> 96px */
  .section-title,
  .res-title,
  .thrives-title,
  .app-promo-title {
    font-size: 96px !important;
  }

  /* Group 3: RESPONSIBILITY -> 76px */
  .res-pre-title {
    font-size: 76px !important;
  }

  /* Group 4: PRE-TITLE -> 66px */
  .app-pre-title,
  #pre-title {
    font-size: 66px !important;
  }

  /* Group 5: CAREERS -> 144px */
  .careers-hero-content h1 {
    font-size: 144px !important;
  }
}