/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/components/cta.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 cta component, every selector
   under .c-cta.

   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.
   ===================================================================== */

/* cta: the dark closing call to action.
   Root: <section class="cta c-cta">. .c-cta--roomy gives it the home page's taller padding. */
.c-cta { background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.c-cta::before { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(90deg, transparent 0 60px, rgba(255,255,255,.04) 60px 61px); mask-image: radial-gradient(120% 120% at 90% 0%, #000, transparent 70%); }
.c-cta .wrap { position: relative; z-index: 2; display: grid; grid-template-columns: 1.3fr auto; gap: 32px; align-items: center; padding-block: clamp(38px, 5.5vw, 68px); }
.c-cta--roomy .wrap { padding-block: clamp(56px, 8vw, 100px); }
.c-cta h2 { font-size: clamp(30px, 4.4vw, 54px); color: #fff; max-width: 16ch; }
.c-cta p { color: rgba(255,255,255,.72); margin-top: 16px; max-width: 44ch; }
.c-cta .cta-actions { display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 880px) {
  .c-cta .wrap { grid-template-columns: 1fr; } .c-cta .cta-actions { flex-direction: row; flex-wrap: wrap; }
}
