/*
Theme Name: Hamachan Atria Child
Description: HamachanDubai.com presentation layer for the Atria Travel parent theme.
Author: Hamachan Dubai
Version: 0.2.0
Template: atria-travel-theme
Text Domain: hamachan-atria-child
*/

.hamachan-experience-categories {
	background: #f7f1e7;
	padding: clamp(3.5rem, 7vw, 6rem) 1.5rem;
}

.hamachan-experience-categories__inner {
	margin: 0 auto;
	max-width: 1200px;
}

.hamachan-experience-categories__title {
	color: #1a1715;
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	line-height: 1.3;
	margin: 0 0 2rem;
	text-align: center;
}

.hamachan-experience-categories__grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hamachan-experience-category-card {
	background: #fff;
	border: 1px solid rgba(26, 23, 21, 0.12);
	border-radius: 1rem;
	overflow: hidden;
}

.hamachan-experience-category-card__link {
	color: inherit;
	display: block;
	height: 100%;
	text-decoration: none;
}

.hamachan-experience-category-card__link:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: -3px;
}

.hamachan-experience-category-card__media {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.hamachan-experience-category-card__image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.hamachan-experience-category-card__content {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.hamachan-experience-category-card__title {
	color: #1a1715;
	font-size: clamp(1.25rem, 2.5vw, 1.65rem);
	line-height: 1.4;
	margin: 0;
}

.hamachan-experience-category-card__description {
	color: #4b4540;
	line-height: 1.8;
	margin-top: 0.75rem;
}

.hamachan-experience-category-card__description p {
	margin: 0;
}

@media (max-width: 640px) {
	.hamachan-experience-categories {
		padding-inline: 1rem;
	}

	.hamachan-experience-categories__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}