/**
 * /events/ hero -- responsive background image (s143).
 *
 * Same defect and same sanctioned remedy as the home hero in s142
 * (assets/css/saf-home-hero-bg.css): Elementor's Container background control has no
 * per-breakpoint IMAGE override in this version, so container 21f0e1a on page 184
 * shipped the 2560px original to EVERY breakpoint. Native settings are genuinely
 * exhausted, which is what makes a scoped CSS override the right path rather than a
 * workaround (.claude/rules/elementor-patterns.md Rule 5).
 *
 * Measured on PROD -- and it had to be prod. On staging this container computes
 * `background-image: none` because attachment 12902 does not exist there (0 of the 5
 * /events/ attachment ids do), so Elementor renders no image at all and the 971 KB
 * download is invisible. Reading "it is never requested" off staging was wrong; the
 * live page really does pull IMG_6351-scaled.jpeg on every load.
 *
 * WordPress had already generated every size needed and they were sitting unused:
 *
 *     IMG_6351-768x576.jpeg    116 KB   <- <=767px    (-88%)
 *     IMG_6351-1024x768.jpeg   196 KB   <- 768-1024   (-80%)
 *     IMG_6351-1536x1152.jpeg  406 KB   <- 1025-1536  (-58%)
 *     IMG_6351-scaled.jpeg     970 KB   <- >1536px, untouched
 *
 * The band is `background-size: cover` at ~524px tall, so a 1536px source is already
 * generous at a 1440 viewport. Above 1536 the original is left alone rather than risk
 * softening a full-bleed hero on a large display -- the same call s142 made.
 *
 * The selector is copied verbatim from Elementor's own generated post-184.css, both
 * halves including the motion-effects variant, so specificity matches exactly and
 * neither rule wins by accident.
 */

@media (max-width: 767px) {
	.elementor-184 .elementor-element.elementor-element-21f0e1a:not(.elementor-motion-effects-element-type-background),
	.elementor-184 .elementor-element.elementor-element-21f0e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url("/wp-content/uploads/2026/07/IMG_6351-768x576.jpeg");
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-184 .elementor-element.elementor-element-21f0e1a:not(.elementor-motion-effects-element-type-background),
	.elementor-184 .elementor-element.elementor-element-21f0e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url("/wp-content/uploads/2026/07/IMG_6351-1024x768.jpeg");
	}
}

@media (min-width: 1025px) and (max-width: 1536px) {
	.elementor-184 .elementor-element.elementor-element-21f0e1a:not(.elementor-motion-effects-element-type-background),
	.elementor-184 .elementor-element.elementor-element-21f0e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url("/wp-content/uploads/2026/07/IMG_6351-1536x1152.jpeg");
	}
}