:root {
    color-scheme: dark;
    --ink: #090a09;
    --ivory: #f3eee4;
    --gold: #c9903d;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    display: grid;
    min-height: 100svh;
    margin: 0;
    place-items: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 50% 35%, rgba(201, 144, 61, 0.08), transparent 32rem),
        var(--ink);
    color: var(--ivory);
}

main {
    width: min(100%, 48rem);
    text-align: center;
}

.accent {
    width: 4.5rem;
    height: 1px;
    margin: 0 auto 2.25rem;
    background: var(--gold);
}

.eyebrow {
    margin: 0 0 1.4rem;
    color: #d9ab66;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 0.66rem;
    font-weight: 650;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

h1 {
    margin: 0;
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
    font-size: clamp(3rem, 9vw, 6.5rem);
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    text-wrap: balance;
}

.message {
    max-width: 31rem;
    margin: 2rem auto 0;
    color: rgba(243, 238, 228, 0.62);
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.6;
}