/* One semantic heading hierarchy for every public page template. */
main h1 {
    font-family: Poppins, sans-serif !important;
    font-size: clamp(40px, 5vw, 56px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

main .individual-blog-hero h1,
main .album-detail h1,
main .faculty-profile-heading h1,
main .community-profile-hero h1,
main .individual-project-hero h1,
main .individual-research-hero h1,
main .event-detail-hero h1,
main .individual-centre-hero h1 {
    font-family: Poppins, sans-serif !important;
    font-size: clamp(30px, 5vw, 40px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

main .individual-blog-hero {
    height: auto;
    padding: 55px 0 85px;
    background: #202355;
    color: #fff;
}

main .individual-blog-hero > .wrap {
    display: block;
    height: auto;
}

main .individual-blog-hero .site-breadcrumb {
    margin-bottom: 62px;
    color: #cdd2ec;
}

main .individual-blog-eyebrow {
    display: block;
    margin-bottom: 15px;
    color: #ffcf64;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
}

main .individual-blog-hero h1 {
    max-width: 880px;
    margin: 0;
    color: #fff;
}

@media (max-width: 600px) {
    main .individual-blog-hero {
        padding: 35px 0 55px;
    }

    main .individual-blog-hero .site-breadcrumb {
        margin-bottom: 45px;
    }
}

main .album-detail h1 {
    width: 100%;
    max-width: none;
}

main .individual-research-hero {
    padding: 55px 0 85px;
    background: #202355;
    color: #fff;
}

main .individual-research-breadcrumb {
    display: flex;
    gap: 10px;
    margin-bottom: 62px;
    color: #cdd2ec;
    font-size: 12px;
}

main .individual-research-breadcrumb a:hover {
    color: #fff;
}

main .individual-research-eyebrow {
    display: block;
    margin-bottom: 15px;
    color: #ffcf64;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
}

main .research-detail-eyebrow {
    display: block;
    margin-top: 2rem;
    color: #e6664c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

main .individual-research-hero h1 {
    max-width: 880px;
    margin: 0;
    color: #fff;
}

@media (max-width: 600px) {
    main .individual-research-hero {
        padding: 35px 0 55px;
    }

    main .individual-research-breadcrumb {
        margin-bottom: 45px;
    }
}

main .faculty-bio-section h2,
main .community-profile-body h2 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 500px) {
    main .faculty-bio-section h2,
    main .community-profile-body h2 {
        font-size: 18px !important;
    }
}

main h2 {
    font-family: Poppins, sans-serif !important;
    font-size: clamp(28px, 3vw, 34px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: -.025em !important;
}

main h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 21px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -.01em !important;
}

main h4,
main h5,
main h6 {
    font-family: Poppins, sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

/* Some templates use h2 for titles inside cards and sidebars. */
main :is(aside, .editorial-card, .research-card, .program-facts) h2 {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -.01em !important;
}

main .faculty-card h2,
main .community-profile-card h2 {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .publication-catalogue .research-entry h2,
main .thesis-catalogue .research-entry h2 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .blog-news-catalogue .editorial-card h2,
main .newsletter-catalogue .editorial-card h2 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .community-member-grid h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .gallery-register-card h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .scholarship-card h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .home-update-card h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main .home-gallery-card h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.015em !important;
}

main :is(h1, h2, h3, h4, h5, h6) :is(a, em, strong, span) {
    font: inherit;
    letter-spacing: inherit;
}

@media (max-width: 700px) {
    main h1 {
        font-size: 38px !important;
    }

    main .album-detail h1 {
        font-size: 32px !important;
    }

    main h2 {
        font-size: 28px !important;
    }

    main h3,
    main :is(aside, .editorial-card, .research-card, .program-facts) h2 {
        font-size: 20px !important;
    }

}

@media (max-width: 500px) {
    main .faculty-card h2,
    main .community-profile-card h2,
    main .publication-catalogue .research-entry h2,
    main .thesis-catalogue .research-entry h2,
    main .blog-news-catalogue .editorial-card h2,
    main .newsletter-catalogue .editorial-card h2,
    main .community-member-grid h3,
    main .gallery-register-card h3,
    main .scholarship-card h3,
    main .home-update-card h3,
    main .home-gallery-card h3 {
        font-size: 18px !important;
    }
}