/**
 * Image presentation ratios — reference-derived, per component role.
 * Phase 27: do not reuse one ratio for all surfaces.
 */

:root {
	--ratio-hero-mobile: 1.7;
	--ratio-hero-desktop: 4.6;
	--ratio-card: 124%;
	--ratio-featured: 16 / 9;
	--ratio-ticker-thumb: 85 / 88;
	--ratio-category-large-h: 176px;
	--ratio-category-large-h-mobile: 120px;
	--ratio-category-small-h: 120px;
	--ratio-category-small-h-mobile: 96px;
}

/* A. Hero — banner/index.tsx */
.home-hero__banner {
	aspect-ratio: var(--ratio-hero-mobile);
}

@media (min-width: 600px) {
	.home-hero__banner {
		aspect-ratio: var(--ratio-hero-desktop);
	}
}

.home-hero__image {
	object-fit: cover;
	object-position: center right;
}

/* B. Ticker — gaem-lists.tsx slide 70/85 × 88/110 */
.home-ticker__thumb {
	aspect-ratio: var(--ratio-ticker-thumb);
	height: auto;
	min-height: 88px;
}

@media (min-width: 900px) {
	.home-ticker__thumb {
		min-height: 110px;
	}
}

/* C. Category tiles — game-link.tsx artwork anchor */
.home-category-tile__image {
	object-fit: contain;
	object-position: top right;
}

.home-category-tile--large .home-category-tile__image {
	top: 0;
	right: 1.25rem;
	height: 120%;
	width: auto;
	max-width: none;
}

.home-category-tile--small .home-category-tile__image {
	top: 0;
	right: 0;
	height: 70%;
	width: auto;
	max-width: none;
}

@media (min-width: 600px) {
	.home-category-tile--small .home-category-tile__image {
		height: 100%;
		max-width: none;
	}
}

/* D–G. Carousel + card media — component-owned sizing */
.home-carousel__media {
	aspect-ratio: auto;
	padding-top: var(--ratio-card);
}

.home-carousel__media img,
.home-media-card__image,
.home-post-card__image,
.archive-card__image {
	object-fit: cover;
	object-position: center center;
}

/* H. Single featured */
.single-featured__image {
	aspect-ratio: var(--ratio-featured);
	object-fit: cover;
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* In-content images — article body only */
.single-content.entry-content img {
	height: auto;
	max-width: 100%;
	object-fit: contain;
}