/*
------------------------------------------------

Mad River Alchemy
Edition I

Design Principles

One printer's device.

One photograph.

One rubricated initial.

Generous margins.

Quiet typography.

Nothing unnecessary.

------------------------------------------------
*/

/* ---------- Foundation ---------- */

body {
    margin: 0;

    background: #F8F3EA;
    color: #3A2D25;

    font-family: "Source Serif 4", Georgia, serif;
    font-size: 20px;
    line-height: 1.75;
}

main {
    max-width: 920px;
    margin: 0 auto;
    padding: 70px 40px 120px;
}


/* ---------- Typography ---------- */

h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 3.4rem;
    font-weight: 500;
    text-align: center;

    margin: 10px 0 36px;
}

p {
    margin: 0 0 1.6em;
}


/* ---------- Images ---------- */

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.seal {
    width: 82px;
    margin: 0 auto 28px;
}

.hero {
    width: 78%;
    margin: 42px auto 38px;
}


/* ---------- Subtitle ---------- */

.subtitle {
    max-width: 760px;
    margin: 0 auto 50px;

    text-align: center;
    font-size: 1.12rem;
}


/* ---------- Essay ---------- */

.prose {
    max-width: 38em;
    margin: 0 auto;
}

.prose h2 {
    font-family: "Cormorant Garamond", serif;
    font-size: 2.35rem;
    font-weight: 500;

    margin: 0 0 18px;
}

.prose p {
    margin-bottom: 1.5em;
}

.prose .opening {
    max-width: 32em;

    font-size: 1.45rem;
    line-height: 1.65;
}

.prose .dropcap {
    float: left;

    font-family: "Cormorant Garamond", serif;
    font-size: 4.5rem;
    line-height: .8;

    color: #A1382C;

    margin-right: .08em;
}
.signature {
    margin-top: 3em;

    font-family: "Cormorant Garamond", serif;
    font-size: 1.4rem;
}
.contact-card {
    text-align: center;
    margin: 3.5em 0 4.5em;
}

.contact-label {
    margin-bottom: .5em;

    font-size: .85rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #78685D;
}

.contact-email {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;

    color: #A1382C;
}
.divider {
    margin: 5em 0;
    text-align: center;
}

.divider-stamp {
    width: 42px;
    margin: 0 auto;
    opacity: .78;
}
/* ---------- Continue the Conversation ---------- */

.conversation {
    max-width: 32em;
    margin: 4.5em auto;
    text-align: center;
}

.conversation h3 {
    margin: 0 0 .7em;

    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    font-weight: 500;
}

.conversation p {
    margin: 0 auto 1.5em;
    line-height: 1.7;
}

.journal-link {
    display: inline-block;

    font-family: "Cormorant Garamond", serif;
    font-size: 1.45rem;
    color: #A1382C;

    text-decoration: none;
}

.journal-link:hover,
.journal-link:focus {
    color: #862D25;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}
/* ---------- Closing Plate ---------- */

.closing-plate {
    margin: 5.5em auto 4em;
    text-align: center;
}

.moretown-engraving {
    width: 62%;
    margin: 0 auto;
}
/* ---------- Colophon ---------- */

.colophon {
    margin: 0 auto;
    padding-top: 2.5em;

    text-align: center;
    color: #78685D;
}

.colophon p {
    margin: 0 0 .65em;

    font-size: .82rem;
    line-height: 1.55;
    letter-spacing: .08em;
}

.colophon-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.15rem !important;
    font-weight: 500;
    letter-spacing: .06em !important;
    color: #3A2D25;
}