/**
 * Workshop soft-landing page — scoped styles.
 *
 * Cap doc: [[Projects/Provarro Website/Capabilities/Reg Form Pattern]] §3.10
 * Story: nx-487accb8472e
 *
 * Most layout / form / footer / header styling is inherited from /styles.css
 * (the shared shell that also serves the homepage). This file is intentionally
 * thin — soft-landing register is quiet by design; brand-prominent additions
 * here would fight the §3.10 anti-pattern guidance.
 *
 * Patterns:
 *   - Hero eyebrow: small-caps mono badge, mirrors workshop.css `.workshop-eyebrow`
 *     pattern but renamed to avoid clashing with EH cohort styles.
 *   - Form: leans on /styles.css `.form-group` (small-caps mono labels for short
 *     field labels, sentence-case override for the free-text question label).
 *   - Inline ack: simple prose block, replaces form on submit.
 */

/* ── Hero eyebrow ───────────────────────────────────────────────────────── */
.workshop-landing-eyebrow {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-muted-foreground);
    margin-bottom: var(--space-md);
}

/* Hero spacing — quieter than the active-cohort hero (no pricing pill, no
   primary CTA, no marketing body) so reduce vertical rhythm. */
.workshop-landing-hero {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
}

.workshop-landing-hero h1 {
    margin-bottom: var(--space-md);
}

/* ── Context paragraph ──────────────────────────────────────────────────── */
.workshop-landing-prose {
    max-width: var(--max-width-text);
    margin: 0 auto;
}

.workshop-landing-prose p {
    font-size: 1.125rem;
    line-height: 1.7;
}

/* ── Form section ───────────────────────────────────────────────────────── */
.workshop-landing-form-block {
    max-width: 40rem;
    margin: 0 auto;
}

.workshop-landing-form-leadin {
    font-family: var(--font-display);
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: var(--space-lg);
    text-align: center;
}

/* Override the small-caps mono label register from /styles.css `.form-group label`
   for the free-text question label only. Per S1 markdown §3 field #2 spec: the
   email field uses the established EMAIL small-caps register, while the
   free-text label is sentence case as a full question. Scoping mirrors the
   pattern Wren used on the Forge form for consent / opt-in / MSA labels
   (Reg Form Pattern §6 entry 2026-05-25). */
.workshop-landing-form .form-group label.workshop-landing-label-sentence {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    color: var(--color-foreground);
    margin-bottom: var(--space-sm);
}

.workshop-landing-turnstile {
    margin-bottom: var(--space-lg);
    min-height: 65px;
}

.workshop-landing-form-error {
    background-color: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: var(--radius-sm);
    color: #B12C39;
    padding: 0.75rem 1rem;
    margin-bottom: var(--space-md);
    font-size: 0.95rem;
}

.workshop-landing-submit {
    width: 100%;
}

@media (min-width: 768px) {
    .workshop-landing-submit {
        width: auto;
    }
}

/* ── Inline confirmation state ──────────────────────────────────────────── */
.workshop-landing-ack {
    max-width: 40rem;
    margin: 0 auto;
    text-align: center;
    padding: var(--space-xl) 0;
}

.workshop-landing-ack p {
    font-family: var(--font-display);
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--color-foreground);
}