.home {

    padding: 120px 40px 100px;

}


.home h1 {

    max-width: 1100px;

    margin: 35px 0;

    font-size: clamp(60px, 9vw, 125px);

    line-height: .88;

    letter-spacing: -.075em;

    font-weight: 600;

}


.home h1 span {

    display: block;

    color: var(--muted);

}


.home-intro {

    max-width: 650px;

    margin-bottom: 110px;

    font-size: 19px;

    color: var(--muted);

}


.home-navigation {

    display: grid;

    grid-template-columns: 1fr 1fr;

    border-top: 1px solid var(--border);

}


.home-card {

    display: grid;

    grid-template-columns: 70px 1fr;

    padding: 45px 30px 50px 0;

    border-bottom: 1px solid var(--border);

}


.home-card + .home-card {

    border-left: 1px solid var(--border);

    padding-left: 30px;

}


.home-card:hover {

    background: var(--surface);

}


.card-number {

    font-size: 11px;

    color: var(--muted);

}


.card-label {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .13em;

    color: var(--muted);

}


.home-card h2 {

    margin: 15px 0;

    max-width: 500px;

    font-size: clamp(35px, 4vw, 60px);

    line-height: .95;

    letter-spacing: -.06em;

}


.home-card p {

    max-width: 450px;

    color: var(--muted);

}


.card-link {

    margin-top: 35px;

    font-size: 12px;

    font-weight: 700;

}


@media (max-width: 800px) {

    .home {

        padding: 80px 20px;

    }


    .home-navigation {

        grid-template-columns: 1fr;

    }


    .home-card + .home-card {

        border-left: 0;

        padding-left: 0;

    }

}