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

html{
    scroll-behavior:smooth;
}

body{
    background:#ffffff;
    color:#1d1d1d;
    font-family:'Inter',sans-serif;
    max-width:760px;
    margin:auto;
    padding:90px 32px;
    line-height:1.9;
}

header{
    margin-bottom:60px;
}

h1{
    font-family:'Cormorant Garamond',serif;
    font-size:2.8rem;
    font-weight:500;
    line-height:1;
    letter-spacing:-1px;
    margin-bottom:18px;
}

.tagline{
.intro-line{
    width:100%;
    height:1px;
    background:#ececec;
    margin:42px 0 36px;
}
    color:#8b8b8b;
    font-size:.95rem;
}

nav{
    margin-bottom:70px;
}

nav a{
    color:#555;
    text-decoration:none;
    font-size:.95rem;
}

nav a:hover{
    color:#111;
}

article{
    margin-bottom:45px;
}

.date{
    color:#9d9d9d;
    font-size:.82rem;
    text-transform:uppercase;
    letter-spacing:1px;
}

h2{
    font-family:'Cormorant Garamond',serif;
    font-size:2.25rem;
    font-weight:500;
    margin:8px 0 18px;
}

.read{
    text-decoration:none;
    color:#222;
    transition:.25s;
}

.read:hover{
    padding-left:8px;
}

hr{
    border:none;
    border-top:1px solid #ececec;
    margin:45px 0;
}

footer{
    margin-top:120px;
    color:#8d8d8d;
    font-size:.9rem;
    font-style:italic;
}