/* The coming-soon page: a single centered column on the brand cream. Loaded after main.css. */

.coming-soon {
    background: var(--cream) var(--texture-dots);
}

.coming-soon__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    min-height: 100vh;
    padding: var(--gutter);
    text-align: center;
}

.coming-soon__title {
    font-size: clamp(2.5rem, 5vw + 1rem, 4.5rem);
}

.coming-soon__text {
    max-width: 28rem;
    font-size: 1.125rem;
    color: var(--ink-muted);
}