/**
 * 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 §8.4 section opener, a Display XL
 * heading with the page's one accent term, 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);
}

/* §8.4 opener: 8px accent square + Label role. On the hub --accent is Ink. */
.mm-soon__eyebrow {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin: 0 0 var(--sp-4);
}

.mm-soon__square {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    background: var(--accent);
}

/* 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 (max-width: 480px) {
    .mm-soon__heading {
        font-size: clamp(var(--fs-36), 11vw, var(--fs-48));
    }
}