/*
==========================================================
LARGE DESKTOP
==========================================================

These rules only apply to very large desktop viewports.
They preserve the existing desktop/mobile layouts while
allowing HoloCollabDex to use large screens more naturally.
*/

@media (min-width: 1800px) {

    /* ------------------------------------------------------
       GLOBAL HEADER
    ------------------------------------------------------ */

    .site-header {

        padding:
            22px 48px;

    }


    .site-logo-image {

        width:
            48px;

        height:
            48px;

    }


    .site-brand span {

        font-size:
            30px;

    }


    .site-nav {

        gap:
            34px;

    }


    .site-nav a {

        font-size:
            17px;

    }


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

    .home-logo {

        width:
            270px;

    }


    .home-hero h1 {

        font-size:
            64px;

    }


    .home-tagline {

        font-size:
            21px;

    }


    .home-section-heading {

        max-width:
            780px;

    }


    .home-section-heading h2 {

        font-size:
            42px;

    }


    .home-section-heading p {

        font-size:
            18px;

    }


    .home-explore-preview {

        height:
            250px;

    }


    /* ------------------------------------------------------
       ABOUT
    ------------------------------------------------------ */

    .about-hero {

        max-width:
            940px;

    }


    .about-hero h1 {

        font-size:
            66px;

    }


    .about-hero p {

        max-width:
            760px;

        font-size:
            19px;

    }


    /* ------------------------------------------------------
       TALENT PROFILE
    ------------------------------------------------------ */

    .talent-profile-page {

        padding-top:
            52px;

    }


    /* ------------------------------------------------------
       DUO PROFILE
    ------------------------------------------------------ */

    .duo-hero-card {

        min-height:
            440px;

        padding:
            46px;

        grid-template-columns:
            minmax(0, 1fr)
            210px
            minmax(0, 1fr);

        gap:
            36px;

    }


    .duo-member h1 {

        font-size:
            32px;

    }


    /* ------------------------------------------------------
       TALENTS
    ------------------------------------------------------ */

    .talents-heading h1 {

        font-size:
            66px;

    }


    .talents-heading p {

        font-size:
            19px;

    }


    /* ------------------------------------------------------
       NETWORK
    ------------------------------------------------------ */

    .network-heading h1 {

        font-size:
            66px;

    }


    .network-heading p {

        max-width:
            760px;

        font-size:
            19px;

    }


    .network-layout {

        min-height:
            800px;

        grid-template-columns:
            minmax(0, 1fr)
            360px;

        gap:
            28px;

    }


    .network-canvas-wrapper {

        height:
            720px;

    }


    /* ------------------------------------------------------
       TIMELINE
    ------------------------------------------------------ */

    .timeline-heading h1 {

        font-size:
            66px;

    }


    .timeline-heading p {

        max-width:
            760px;

        font-size:
            19px;

    }


    .timeline-featured-card {

        width:
            min(
                calc(100% - var(--page-gutter)),
                var(--content-default)
            );

    }


    /* ------------------------------------------------------
       HEATMAP
    ------------------------------------------------------ */

    .heatmap-heading h1 {

        font-size:
            66px;

    }


    .heatmap-heading p {

        max-width:
            820px;

        font-size:
            19px;

    }


    /* ------------------------------------------------------
       STATISTICS
    ------------------------------------------------------ */

    .statistics-heading h1 {

        font-size:
            66px;

    }


    .statistics-heading p {

        font-size:
            19px;

    }


    .statistics-section {

        margin-top:
            62px;

    }

}