/**
 * Image hover zoom — container stays fixed, image scales inside.
 */

:root {
	--image-zoom-scale: 1.06;
	--image-zoom-duration: 0.5s;
}

.fan-favorites__media,
.menu-card__media,
.blog-card__media,
.our-story__media,
.workdays__media,
.catering-home__media,
.hero__media,
.catering-hero__media {
	overflow: hidden;
}

.our-story__media,
.workdays__media,
.catering-home__media,
.hero__media,
.catering-hero__media {
	border-radius: var(--radius-lg);
}

.hero__media {
	width: 100%;
	max-width: var(--hero-image-max-width, 680px);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}

.catering-hero__media {
	width: 100%;
	max-width: var(--hero-image-max-width, 680px);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}

.our-story__media {
	box-shadow: 0 16px 40px rgba(28, 44, 34, 0.12);
}

.workdays__media {
	box-shadow: 0 16px 40px rgba(28, 44, 34, 0.12);
}

.catering-home__media {
	box-shadow: 0 16px 40px rgba(28, 44, 34, 0.12);
}

.fan-favorites__image,
.menu-card__image,
.blog-card__image,
.our-story__image,
.workdays__image,
.catering-home__image,
.hero__image,
.catering-hero__image {
	transition: transform var(--image-zoom-duration) ease;
	will-change: transform;
}

.our-story__image,
.workdays__image,
.catering-home__image,
.hero__image,
.catering-hero__image {
	border-radius: 0;
	box-shadow: none;
}

.hero__image,
.catering-hero__image {
	max-width: none;
}

.fan-favorites__media:hover .fan-favorites__image,
.fan-favorites__card:hover .fan-favorites__image,
.menu-card__media:hover .menu-card__image,
.menu-card:hover .menu-card__image,
.blog-card__media:hover .blog-card__image,
.blog-card:hover .blog-card__image,
.blog-card:focus-within .blog-card__image,
.our-story__media:hover .our-story__image,
.workdays__media:hover .workdays__image,
.catering-home__media:hover .catering-home__image,
.hero__media:hover .hero__image,
.catering-hero__media:hover .catering-hero__image {
	transform: scale(var(--image-zoom-scale));
}

@media (prefers-reduced-motion: reduce) {
	.fan-favorites__image,
	.menu-card__image,
	.blog-card__image,
	.our-story__image,
	.workdays__image,
	.catering-home__image,
	.hero__image,
	.catering-hero__image {
		transition: none;
	}

	.fan-favorites__media:hover .fan-favorites__image,
	.fan-favorites__card:hover .fan-favorites__image,
	.menu-card__media:hover .menu-card__image,
	.menu-card:hover .menu-card__image,
	.blog-card__media:hover .blog-card__image,
	.blog-card:hover .blog-card__image,
	.blog-card:focus-within .blog-card__image,
	.our-story__media:hover .our-story__image,
	.workdays__media:hover .workdays__image,
	.catering-home__media:hover .catering-home__image,
	.hero__media:hover .hero__image,
	.catering-hero__media:hover .catering-hero__image {
		transform: none;
	}
}