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

   Built from _source/assets/components/zigzag.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 zigzag component, every selector
   under .c-zigzag.

   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.
   ===================================================================== */

/* zigzag: a row of copy beside a photograph; .flip puts the photograph first.
   Root: <div class="zz c-zigzag">. */
.c-zigzag { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; padding-block: clamp(26px, 4vw, 48px); border-top: 1px solid var(--border); }
.c-zigzag.flip .zz-media { order: -1; }
.c-zigzag .zz-media { aspect-ratio: 5/4; min-height: 280px; }
.c-zigzag .zz-copy h2, .c-zigzag .zz-copy h3 { font-size: clamp(24px, 3.2vw, 38px); margin-top: 14px; }
.c-zigzag .zz-copy > p { color: var(--muted); margin-top: 14px; font-size: 16.5px; }
.c-zigzag .zz-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 14px; }
@media (max-width: 880px) {
  .c-zigzag { grid-template-columns: 1fr; }
  .c-zigzag .zz-media, .c-zigzag.flip .zz-media { order: -1; }
}