/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:#F8F8F6;
    color:#161616;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    line-height:1.6;
}

a{
    color:inherit;
    text-decoration:none;
}

.container{

    width:min(1120px, calc(100% - 48px));

    margin:auto;
}

.header{

    padding:28px 0;
}

.logo{

    font-size:18px;
    font-weight:700;

    letter-spacing:.18em;
}

.hero{

    min-height:calc(100vh - 80px);

    display:flex;
    align-items:center;
}

.hero-overline{

    color:#666;

    text-transform:uppercase;

    letter-spacing:.18em;

    font-size:14px;

    margin-bottom:24px;
}

.hero h1{

    font-size:72px;

    line-height:1.05;

    max-width:900px;

    font-weight:700;
}

.hero-text{

    margin-top:32px;

    max-width:620px;

    font-size:20px;

    color:#555;
}

.button{

    display:inline-flex;

    margin-top:48px;

    padding:16px 32px;

    border:1px solid #161616;

    transition:.25s;
}

.button:hover{

    background:#161616;

    color:white;
}