@charset "UTF-8";
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#fafafa;
    color:#111;

    font-family:
    Helvetica,
    Arial,
    sans-serif;

    font-size:18px;
    line-height:1.6;

}

main{

    width:min(760px,90%);
    margin:80px auto;

}

header{

    margin-bottom:140px;

}

h1{

    font-size:20px;
    font-weight:600;
    letter-spacing:.05em;

    margin-bottom:32px;

}

h2{

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

    margin-bottom:24px;

}

h3{

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

    margin-bottom:32px;

}

.project-meta {
    font-size: 0.8rem;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

section{

    margin-bottom:120px;

}

.project {
    margin-bottom: 120px;
}

.project h3 {
    margin-bottom: 8px;
}

.project .meta {
    margin-bottom: 24px;
    color: #666;
}

.project img {
    display: block;
    width: 100%;
    height: auto;

    margin: 24px 0;
}

.project .caption {
    margin-top: 16px;
    max-width: 65ch;
}

.intro{

    margin-bottom:24px;

}

a{

    color:inherit;

}