/**
 * The Coming Soon page (coming-soon-page.php) — "Quiet page", signed off
 * 2026-09-29. Enqueued only there (inc/coming-soon.php).
 *
 * One Paper screen: the site's own logo, a Display XL heading with the
 * page's one accent term (no eyebrow — ruled off 2026-10-14), a Blurb-measure
 * lead, and a hairline foot carrying the copyright line. Flush left throughout
 * (§8.6). The logo is the header's own part, so its geometry stays in
 * header.css.
 */

.mm-soon {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
    background: var(--paper);
}

.mm-soon__head {
    padding-block: var(--sp-6);
}

.mm-soon__main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: var(--band-pad);
}

/* Display XL (§4.4): fluid 48 → 96, Regular. Line-broken in the markup. */
.mm-soon__heading {
    font-size: clamp(var(--fs-48), 7vw, var(--fs-96));
    font-weight: var(--fw-regular);
    line-height: var(--lh-tight);
    letter-spacing: var(--tracking-display);
    margin: 0 0 var(--sp-6);
}

.mm-soon__lead {
    max-width: var(--container-blurb);
    margin: 0;
    color: var(--ink-muted);
}

/* Caption role (12px, Ink Muted), across a hairline Rule. */
.mm-soon__foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--sp-2) var(--sp-6);
    padding-block: var(--sp-4);
    border-top: 1px solid var(--rule);
    font-size: var(--fs-12);
    color: var(--ink-muted);
}

.mm-soon__foot p {
    margin: 0;
}

@media (width < 480px) {
    .mm-soon__heading {
        font-size: clamp(var(--fs-36), 11vw, var(--fs-48));
    }
}