/* =========================================================
   HUMANAS JA
   AJUSTE GLOBAL DE TIPOGRAFIA / PASSO 6D.1

   REGRA:
   - Hero forte, mas legivel
   - Titulos internos menores que o hero
   - Menos quebras artificiais
   - Mais respiro entre linhas
   ========================================================= */


/* ---------------------------------------------------------
   HOME
   --------------------------------------------------------- */

.hero-copy h1 {

    font-size:
        clamp(
            66px,
            6.7vw,
            104px
        ) !important;

    line-height:
        .86 !important;
}

.hero-copy h2 {

    font-size:
        clamp(
            34px,
            3.4vw,
            54px
        ) !important;

    line-height:
        .94 !important;
}

.section-intro h2 {

    font-size:
        clamp(
            48px,
            5vw,
            76px
        ) !important;

    line-height:
        .86 !important;
}

.formats-list h2 {

    font-size:
        clamp(
            46px,
            4.6vw,
            66px
        ) !important;

    line-height:
        .88 !important;
}

.formats-image-caption strong {

    font-size:
        clamp(
            38px,
            3.7vw,
            50px
        ) !important;

    line-height:
        .9 !important;
}

.lesson-content h2 {

    font-size:
        clamp(
            54px,
            5.7vw,
            82px
        ) !important;

    line-height:
        .85 !important;
}

.inclusive-copy h2 {

    font-size:
        clamp(
            49px,
            5vw,
            72px
        ) !important;

    line-height:
        .86 !important;
}


/* ---------------------------------------------------------
   EXPLORAR
   --------------------------------------------------------- */

.explore-hero-copy h1 {

    font-size:
        clamp(
            64px,
            6.2vw,
            94px
        ) !important;

    line-height:
        .84 !important;
}

.explore-callout h2 {

    font-size:
        clamp(
            44px,
            4.5vw,
            62px
        ) !important;

    line-height:
        .86 !important;
}

.results-header h2 {

    font-size:
        clamp(
            32px,
            3vw,
            40px
        ) !important;
}


/* ---------------------------------------------------------
   MATERIAL
   --------------------------------------------------------- */

.material-intro h1 {

    font-size:
        clamp(
            56px,
            5.8vw,
            86px
        ) !important;

    line-height:
        .86 !important;
}

.cover-overlay strong {

    font-size:
        clamp(
            38px,
            4vw,
            58px
        ) !important;

    line-height:
        .88 !important;
}

.material-info-panel h2 {

    font-size:
        clamp(
            38px,
            3.8vw,
            46px
        ) !important;

    line-height:
        .88 !important;
}

.preview-section h2,
.use-section h2 {

    font-size:
        clamp(
            42px,
            4.2vw,
            54px
        ) !important;

    line-height:
        .88 !important;
}

.paired-material h2 {

    font-size:
        clamp(
            38px,
            3.7vw,
            48px
        ) !important;

    line-height:
        .9 !important;
}

.related-heading h2 {

    font-size:
        clamp(
            50px,
            5vw,
            72px
        ) !important;

    line-height:
        .84 !important;
}

.material-not-found h1 {

    font-size:
        clamp(
            52px,
            5.4vw,
            78px
        ) !important;

    line-height:
        .86 !important;
}


/* ---------------------------------------------------------
   KITS
   --------------------------------------------------------- */

.kits-hero-copy h1 {

    font-size:
        clamp(
            62px,
            6vw,
            92px
        ) !important;

    line-height:
        .84 !important;

    max-width:
        620px;
}

.kits-hero-copy h1 strong {

    display:
        block;

    max-width:
        620px;
}

.kits-hero-overlay strong {

    font-size:
        clamp(
            34px,
            3.6vw,
            46px
        ) !important;

    line-height:
        .88 !important;
}

.kits-section-heading h2,
.kit-materials-heading h2 {

    font-size:
        clamp(
            50px,
            5.1vw,
            74px
        ) !important;

    line-height:
        .84 !important;
}

.kit-card-content h3 {

    font-size:
        clamp(
            34px,
            3.4vw,
            43px
        ) !important;

    line-height:
        .9 !important;
}

.kits-manifesto h2 {

    font-size:
        clamp(
            44px,
            4.3vw,
            58px
        ) !important;

    line-height:
        .86 !important;
}

.kit-detail-copy h1 {

    font-size:
        clamp(
            58px,
            5.8vw,
            86px
        ) !important;

    line-height:
        .85 !important;
}

.kit-sequence-copy h2 {

    font-size:
        clamp(
            46px,
            4.5vw,
            60px
        ) !important;

    line-height:
        .87 !important;
}

.kit-not-found h1 {

    font-size:
        clamp(
            50px,
            5vw,
            70px
        ) !important;

    line-height:
        .87 !important;
}


/* ---------------------------------------------------------
   REGRA EDITORIAL PARA TITULOS CONDENSADOS
   --------------------------------------------------------- */

.hero-copy h1,
.explore-hero-copy h1,
.material-intro h1,
.kits-hero-copy h1,
.kit-detail-copy h1,
.section-intro h2,
.kits-section-heading h2,
.kit-materials-heading h2,
.related-heading h2,
.lesson-content h2,
.inclusive-copy h2 {

    overflow-wrap:
        normal !important;

    word-break:
        normal !important;
}


/* ---------------------------------------------------------
   DESKTOP GRANDE
   --------------------------------------------------------- */

@media (min-width: 1500px) {

    .hero-copy h1 {

        font-size:
            100px !important;
    }

    .explore-hero-copy h1 {

        font-size:
            90px !important;
    }

    .kits-hero-copy h1 {

        font-size:
            88px !important;
    }

    .material-intro h1 {

        font-size:
            82px !important;
    }
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1050px) {

    .hero-copy h1 {

        font-size:
            78px !important;
    }

    .explore-hero-copy h1 {

        font-size:
            75px !important;
    }

    .kits-hero-copy h1 {

        font-size:
            74px !important;
    }

    .material-intro h1 {

        font-size:
            70px !important;
    }

    .kit-detail-copy h1 {

        font-size:
            70px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 780px) {

    .hero-copy h1 {

        font-size:
            62px !important;
    }

    .hero-copy h2 {

        font-size:
            38px !important;
    }

    .explore-hero-copy h1 {

        font-size:
            60px !important;
    }

    .kits-hero-copy h1 {

        font-size:
            58px !important;
    }

    .material-intro h1 {

        font-size:
            54px !important;
    }

    .kit-detail-copy h1 {

        font-size:
            58px !important;
    }

    .section-intro h2,
    .kits-section-heading h2,
    .kit-materials-heading h2 {

        font-size:
            51px !important;
    }

    .related-heading h2 {

        font-size:
            49px !important;
    }

    .kits-manifesto h2 {

        font-size:
            46px !important;
    }

    .kit-sequence-copy h2 {

        font-size:
            47px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE PEQUENO
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .hero-copy h1 {

        font-size:
            54px !important;
    }

    .explore-hero-copy h1 {

        font-size:
            53px !important;
    }

    .kits-hero-copy h1 {

        font-size:
            52px !important;
    }

    .material-intro h1 {

        font-size:
            49px !important;
    }

    .kit-detail-copy h1 {

        font-size:
            50px !important;
    }
}