/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/components/statement.css by _dev/generate/theme-assets.mjs. Edit the
   snapshot and regenerate; a hand edit here fails the gate at commit
   rather than surviving to contradict its source. The snapshot is frozen:
   it has been the design of record since 2026-10-08 (frozenOn in its
   source.json), so it is edited in place and never re-synced.

     node _dev/generate/theme-assets.mjs redfish   rebuild this file

   The file below is the static site's stylesheet verbatim, comments and
   all, and unchanged: the statement component, every selector
   under .c-statement.

   NOTHING WORDPRESS-SPECIFIC GOES IN THIS FILE. Adapter rules that map
   block markup onto these components live in native-adapters.css, which
   is hand-written and loads after this one. Keeping them apart is what
   lets this copy stay diffable against the original.
   ===================================================================== */

/* statement: the positioning statement in a serif italic.
   Root: <section class="statement c-statement">. */
.c-statement { background: var(--surface); border-block: 1px solid var(--border); }
.c-statement .wrap { padding-block: clamp(56px, 8vw, 100px); }
.c-statement p {
  font-family: var(--font-serif); font-weight: 400; font-style: italic;
  font-size: clamp(24px, 3.6vw, 42px); line-height: 1.28; letter-spacing: -.01em; color: var(--fg);
  max-width: 26ch;
}
.c-statement p mark { background: none; color: var(--accent); }
.c-statement .by { margin-top: 28px; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }