/* collage — a photo-montage grid: one lead image spanning the full width across
   the top, the remaining images in an even two-up grid below. CSS-only layout
   primitive; images are direct children (`<img>`), so no per-image class is
   required. Token-only (space + card radius); brand-agnostic. */
/* ── ONE COMPOSITION (Wave S) ────────────────────────────────────────────
   This component ships exactly ONE composition: one full-width lead image above an even two-up grid.

   That is a feature. One composition is why it is responsive, accessible and
   identical on two hundred sites, and why a client build can place it without
   re-deciding anything. It is also a hard limit: the component cannot express
   a SECOND composition, and making it try — nesting it, stacking modifiers on
   it, overriding its grid from a client sheet — is how a page ends up fighting
   its own components and still looking generic.

   FOR AN AMPLIFY OR ELEVATE SECTION, DO NOT BEND THIS COMPONENT. Take one of:
     • RAW mode — author the section's markup directly, or
     • hand-author to the class contract on the spatial utilities:
       .hzo-grid + .hzo-span-* / .hzo-rowspan-* / --hzo-grid-template,
       .hzo-bleed, .hzo-pull-* / .hzo-z-*, .hzo-section--edge-*, .hzo-measure-*.
   Both are the STANDARD route for a high-intensity section, not an escape
   hatch, and the composition plan is what says which sections those are.

   PLUMBING AND PROOF COMPONENTS ARE UNAFFECTED. Every JS widget and every
   proof/data component (reviews, credentials, ratings, schema) stays
   mandatory — never hand-roll those. This note is about LAYOUT only.
   ────────────────────────────────────────────────────────────────────────── */

.hzo-collage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm);
}
.hzo-collage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-card, 12px);
    display: block;
}
.hzo-collage > img:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.hzo-collage > img:not(:first-child) { aspect-ratio: 1 / 1; }