/* Production composition only; shared cards and other pages retain their styles. */
.production-home {
	--color-page-bg: #faf9f7;
	--color-text: #4a4a4a;
	--color-text-strong: #323232;
	--color-orange: #79624c;
	--color-orange-dark: #68513f;
	--color-orange-soft: #f1eeeb;
	color: var(--color-text);
	background: var(--color-page-bg);
}


.production-home .hero-media::after {
	background: linear-gradient(90deg, #000 0%, rgb(0 0 0 / 85%) 48%, rgb(0 0 0 / 18%) 100%);
}

.production-home .hero-media__content {
	max-width: 620px;
}

.production-intro {
	padding-block: 48px 40px;
	background: #f5f3ef;
}

.production-intro__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	gap: 32px;
}

.production-intro__copy h1 {
	margin: 0 0 18px;
	color: #323232;
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	line-height: 1.2;
	text-wrap: balance;
}

.production-intro__text {
	font-size: 0.88rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.production-intro__text p {
	margin: 0 0 14px;
}

.production-home__text-link {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	color: #79624c;
	font-size: 0.88rem;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.production-home__text-link:hover {
	color: #68513f;
}

.production-home__text-link:focus-visible {
	outline: 2px solid #79624c;
	outline-offset: 4px;
}

.production-intro__benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}

.production-intro__benefit {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 12px;
	padding: 0 18px;
	border-left: 1px solid #d4c8ba;
	font-size: 0.86rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.production-intro__benefit:first-child {
	border-left: 0;
	padding-left: 0;
}

.production-intro__benefit svg {
	width: 42px;
	height: 42px;
	margin-bottom: 8px;
	color: #79624c;
}

.production-intro__benefit strong {
	color: #323232;
}

.production-intro__benefit span {
	font-size: 0.8rem;
}

.production-home .home-catalog {
	padding-block: 26px 20px;
}

.production-home__section-heading,
.production-home .news-section__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 26px;
}

.production-home .site-section-title {
	margin: 0;
	color: #323232;
	font-size: clamp(1.45rem, 2.25vw, 2rem);
	line-height: 1.2;
	text-transform: none;
}

.production-home__section-heading .production-home__text-link {
	flex: 0 0 auto;
	text-decoration: none;
}

.production-home .home-catalog__media {
	aspect-ratio: 1.85;
	min-height: 0;
}

.production-home .home-catalog__card {
	display: flex;
	min-height: 0;
}

.production-home .catalog-promotions {
	margin: 24px 0 0;
	padding: 0;
}

.production-home .catalog-promo-card {
	min-height: 240px;
}

.production-home .catalog-promo-card__content {
	padding: 28px;
}

.production-home .catalog-promo-card__title {
	font-size: clamp(1.35rem, 1.8vw, 1.7rem);
	line-height: 1.2;
}

.production-home .catalog-promo-card__link {
	min-height: 42px;
	font-size: 0.82rem;
}

.production-home .catalog-promo-card__link.site-button--primary {
	color: #fff;
	background: #79624c;
	border: 1px solid #79624c;
}

.production-home .catalog-promo-card__link.site-button--primary:hover {
	background: #68513f;
	border-color: #68513f;
}

.production-home .news-section {
	padding-block: 22px 20px;
}

.production-home .news-section__grid--front {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-flow: row;
	grid-auto-columns: auto;
	overflow: visible;
}

.home-forest {
	position: relative;
	isolation: isolate;
	min-height: 285px;
	display: flex;
	align-items: flex-end;
	color: #fff;
	background: #faf9f7;
}

.home-forest__background {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: #323232;
	/* Soft fade only at the top edge of the forest block. */
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 38%);
	mask-image: linear-gradient(to bottom, transparent, #000 38%);
}

.home-forest__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 55%;
}

.home-forest__background::after {
	position: absolute;
	inset: 0;
	/* Uniform tint: no fade of the forest into the footer background. */
	background: rgb(20 26 24 / 38%);
	content: "";
}

.home-forest__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
	align-items: center;
	gap: 44px;
	padding-block: 110px 52px;
}

.home-forest__title {
	margin: 0;
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	line-height: 1.25;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.home-forest__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
}

.home-forest__facts > div {
	min-width: 0;
	padding-inline: 22px;
	border-left: 1px solid #a18b75;
}

.home-forest__facts dt {
	margin: 0 0 6px;
	font-size: clamp(1.1rem, 2.1vw, 1.9rem);
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.home-forest__facts dd {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.35;
}

@media (max-width: 1100px) {
	.production-intro__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.production-intro__copy { max-width: 760px; }
	.production-intro__benefit { padding-inline: 24px; }
	.production-home__section-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
	.home-forest__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.home-forest__facts > div:first-child { border-left: 0; padding-left: 0; }
}

@media (max-width: 767px) {
	.production-home .hero-media::after { background: #000; }
	.production-home .news-section__grid--front {
		grid-template-columns: none;
		grid-auto-columns: 86%;
		grid-auto-flow: column;
		overflow-x: auto;
		overflow-y: visible;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.production-home .news-section__grid--front::-webkit-scrollbar { display: none; }
	.production-home .news-section__grid--front .news-card { scroll-snap-align: start; }
	.production-home .news-section__header { align-items: flex-start; flex-direction: column; gap: 12px; }
	.production-home .news-section__all-link { white-space: normal; }
	.production-home .catalog-promo-cards { grid-template-columns: minmax(0, 1fr); }
	.production-home .home-catalog__products a { white-space: normal; overflow-wrap: anywhere; }
	.production-home .home-catalog__card-title { display: block; overflow-wrap: anywhere; }
	.production-home .catalog-promo-card__content { padding: 24px; }
	.production-intro { padding-block: 32px; }
	.production-intro__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.production-intro__benefit { padding-inline: 18px; }
	.production-intro__benefit:nth-child(odd) { border-left: 0; padding-left: 0; }
	.home-forest__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
	.home-forest__facts > div:nth-child(odd) { border-left: 0; padding-left: 0; }
	.home-forest__inner { padding-block: 100px 40px; }
	.home-forest__background {
		-webkit-mask-image: none;
		mask-image: none;
	}
}

@media (max-width: 360px) {
	.production-home .catalog-promo-card__content { padding: 20px; }
}
