/*
 * Homepage hero is two Elementor pieces of the same photo.
 * Desktop and tablet use the container background. Phones use a
 * separate image. The file URL stays inside the wide-screen query
 * so a phone does not download it.
 */

@media (min-width: 768px) {
	.elementor-716 .elementor-element.elementor-element-2836cd97.hbn-hero:not(.elementor-motion-effects-element-type-background),
	.elementor-716 .elementor-element.elementor-element-2836cd97.hbn-hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url("https://hookedbynorth.com/wp-content/uploads/2026/10/HERO-Markus_Kiilli-Lapland-scaled.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (max-width: 767px) {
	.elementor-716 .elementor-element.elementor-element-2836cd97.hbn-hero:not(.elementor-motion-effects-element-type-background),
	.elementor-716 .elementor-element.elementor-element-2836cd97.hbn-hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: none;
	}
}