/*
    brandt.computer, over style-grammar: a serif reading face at a larger
    size, regular-weight italic headings, and a dramatic opening.
*/

body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1.6;
}

h1, h2, h3 {
    font-weight: 400;
}

h2, h3 {
    font-style: italic;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

main > header {
    margin-block-end: var(--space-5);
}

main > header h1 {
    margin-block: var(--space-4) var(--space-3);
    font-size: clamp(2rem, 4vw + 1rem, 3.2rem);
    line-height: 1.2;
}

main > header p {
    margin: 0;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.3;
}

/* On a phone the forced break strands a word; let balanced wrapping place it. */
@media (width < 40rem) {
    main > header br {
        display: none;
    }
}