/* ==========================================================================
   parts/horse-hero.css — horse single, section 1 (parts/horse/hero.php): crest + gallery.
   Live: Bricks #1060 section#brxe-kfhbtq > .brxe-container.center--all > svg#brxe-giyfyg + .brxe-block
   (> #brxe-endrzj > .mrs-slider). Spec: docs/R2-PLAN.md §1.4, docs/scout/r2/SINGLE.md §5.1.
   Box: padding --section-space-m / --gutter / --space-xs (90 60 13.51 60 · 65.03 36.22 13.51 · 49.25 21.19 13.51);
   container gap --content-gap (30 / 26.43 / 24.18) between the crest (200 × 128.67) and the gallery
   (assets/css/parts/horse-gallery.css, which carries the 32px bottom margin).
   ========================================================================== */

/* .section gives the flex column, position relative, the block padding (--section-space-m) and the gutter. */
.horse-hero {
  padding-bottom: var(--space-xs);                   /* live #brxe-kfhbtq: 13.51px at every width */
}

/* Overlay: live #brxe-kfhbtq::before. #1d425c is Bricks' literal start colour (measured one-off). */
.horse-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#1d425c, var(--tertiary));
  pointer-events: none;
}

/* Container: live .brxe-container.center--all (flex column, everything centred) above the overlay
   (live :where(#brxe-kfhbtq > :not(figcaption)){position:relative}). */
.horse-hero__container {
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Crest: live #brxe-giyfyg (width 20rem from .crest; height from the viewBox, :where(.brxe-svg){height:auto}). */
.horse-hero__crest {
  display: block;
  height: auto;
}