/* ==========================================================================
   Block: Full-bleed photograph
   --------------------------------------------------------------------------
   The photograph itself, the scrim, and the light-on-dark text colour all
   come from the section shell's image-surface mechanism (awx_section_open
   with surface: 'image') — the same one hero uses. This stylesheet only
   sets the band's height and pins its content to the bottom edge.
   ========================================================================== */

.awx-media-band {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

/* Capped with clamp() so this never dominates a laptop screen the way a
   bare vh value would on an unusually tall viewport. */
.awx-media-band--standard {
  min-height: clamp(16rem, 45vh, 34rem);
}

.awx-media-band--tall {
  min-height: clamp(20rem, 70vh, 46rem);
}

.awx-media-band__caption {
  margin: 0;
  padding-bottom: var(--awx-space-md);
  color: var(--surface-text);
  font-size: var(--awx-step--1);
  font-weight: 600;
  letter-spacing: 0.04em;
}