:root {
    --ink: #201d22;
    --paper: #f5f0e8;
    --gold: #a9784b;
    --muted: #6f6660;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    line-height: 1.6;
}

.legal {
    max-width: 760px;
    margin: auto;
    padding: 4rem 1.5rem 7rem;

    & .back {
        display: inline-block;
        margin-bottom: 5rem;
        color: var(--ink);
        text-decoration: none;
        font-size: .75rem;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    & .eyebrow {
        color: var(--gold);
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .15em;
        text-transform: uppercase;
    }

    & h1,
    & h2 {
        font-family: Georgia, serif;
        font-weight: 400;
        line-height: 1.1;
    }

    & h1 {
        font-size: clamp(3rem, 7vw, 5.5rem);
        margin: .4rem 0 4rem;
    }

    & h2 {
        margin-top: 2.6rem;
        font-size: 1.55rem;
    }

    & p {
        max-width: 66ch;
    }

    & a {
        color: #76502c;
    }

    & .notice {
        margin-top: 3rem;
        padding: 1rem 1.2rem;
        background: #e8dfd3;
        font-size: .88rem;
        color: var(--muted);
    }
}