*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--color-bg, #f6f2ec);
    color: var(--color-text, #1f1b18);
    font: 18px/1.6 Georgia, "Times New Roman", serif;
    text-align: center;
}
a { color: var(--color-link, #7a3e2e); }
.placeholder h1 {
    margin: 0 0 16px;
    font-weight: 400;
    font-size: clamp(36px, 7vw, 64px);
    letter-spacing: .02em;
}
.placeholder .eyebrow {
    margin: 0 0 8px;
    font: 500 13px/1 system-ui, sans-serif;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--color-primary, #7a3e2e);
}