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

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

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

/* page-band: a full-bleed photograph with a caption in its corner.
   Root: <figure class="page-band c-page-band">. .c-page-band--tall is the about page's
   taller crop; .c-page-band--caption-left puts the caption at the left. */
.c-page-band { position: relative; margin: 0; width: 100%; aspect-ratio: 24 / 9; min-height: 200px; max-height: 460px; overflow: hidden; background: var(--ink); }
.c-page-band img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c-page-band::after { content: ""; position: absolute; inset: auto 0 0 0; height: 45%; background: linear-gradient(to top, rgba(0,0,0,.5), transparent); }
.c-page-band figcaption { position: absolute; z-index: 2; right: clamp(16px, 4vw, 40px); bottom: clamp(14px, 2.5vw, 24px); font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.92); }
.c-page-band--tall { aspect-ratio: 21 / 9; min-height: 220px; max-height: 520px; }
.c-page-band--caption-left figcaption { right: auto; left: clamp(16px, 4vw, 40px); }
@media (max-width: 760px) { .c-page-band { aspect-ratio: 16 / 10; } }