/* =========================================================
   HEADER (GLOBAL)
   ========================================================= */

header {
    position: relative;
}

header.reveal {
    display: grid;
    place-items: center;
    text-align: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
}

header.reveal img {
    max-width: 100%;
}

header.reveal h1,
header.reveal .tagline,
header.reveal p {
    margin: 0;
}

header.reveal p {
    max-width: 720px;
    color: var(--color-muted);
    font-size: var(--font-base);
}

/* About Page Header Override */

main.container>header {
    text-align: center;
    margin-bottom: var(--space-lg);
}

main.container>header .lead {
    margin-top: var(--space-sm);
}