/* Our Wine — two panels */
.section-wine { width: 100%; }

.section-wine__red,
.section-wine__white {
	display: flex;
	align-items: stretch;
	height: 600px;
	overflow: hidden;
}

.section-wine__red   { background: #b42025; }
.section-wine__white { background: #196131; }

/* ── Image side ── */
.section-wine__red-image,
.section-wine__white-image {
	flex-shrink: 0;
	width: 792px;
	height: 600px;
	position: relative;
	overflow: hidden;
}

/* Red: image area */
.section-wine__red-image-inner {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

/* White: image area */
.section-wine__white-image-inner {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.section-wine__red-image-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.section-wine__white-image-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

/* ── Content side — flex column, matches Figma vertical flow ── */
.section-wine__content,
.section-wine__white-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 48px;
	height: 600px;
}

.section-wine__wine-title {
	font-family: var(--font-display);
	font-size: 89.278px;
	line-height: 0.91;
	color: var(--color-cream);
	margin: 0;
	width: 544px;
	text-align: center;
}

.section-wine__tagline {
	font-family: var(--font-heading);
	font-size: 57.138px;
	font-weight: bold;
	line-height: 0.95;
	color: var(--color-gold);
	margin: 0;
	margin-top: 46px;
	width: 544px;
	text-align: center;
	white-space: pre-wrap;
}

/* CTA — normal flow below tagline */
.section-wine__cta {
	margin-top: 38px;
	display: inline-block;
	background: var(--color-gold);
	color: var(--color-cream);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 26.529px;
	padding: 21.224px 39.794px;
	border-radius: 10.612px;
	white-space: nowrap;
	text-decoration: none;
	transition: opacity 0.2s;
}

.section-wine__cta:hover { opacity: 0.85; color: var(--color-cream); }

/* White panel — content left, image right (DOM order handles this) */
.section-wine__white .section-wine__white-content { order: 1; }
.section-wine__white .section-wine__white-image   { order: 2; }

/* ── Responsive ── */
@media (max-width: 1200px) {
	.section-wine__red-image,
	.section-wine__white-image { width: 50%; }

	.section-wine__content,
	.section-wine__white-content { padding-top: clamp(24px, 3.5vw, 48px); }

	.section-wine__wine-title  { font-size: clamp(40px, 6.2vw, 89px); }
	.section-wine__tagline     { font-size: clamp(22px, 3.97vw, 57px); margin-top: clamp(20px, 3.2vw, 46px); }
	.section-wine__cta         { font-size: clamp(14px, 1.84vw, 26px); }
}

/* ── Mobile wine image panels (hidden on desktop) ── */
.section-wine__red-mobile,
.section-wine__white-mobile-top,
.section-wine__white-mobile-bottom { display: none; }

@media (max-width: 768px) {
	/* Red panel: stacked on mobile */
	.section-wine__red {
		flex-direction: column;
		height: auto;
	}

	.section-wine__red-image { display: none; }

	.section-wine__red-mobile {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		order: -1;
		background: #b42025;
	}

	.section-wine__red-mobile-inner {
		position: relative;
		width: 100%;
	}

	.section-wine__red-mobile-inner img {
		width: 100%;
		height: auto;
		display: block;
	}

	.section-wine__content {
		order: 1;
		height: auto;
		padding: 48px 30px;
		align-items: center;
		justify-content: center;
	}

	/* White panel: stacked (content → top image → bottom image) */
	.section-wine__white {
		flex-direction: column;
		height: auto;
	}

	.section-wine__white-image { display: none; }

	.section-wine__white .section-wine__white-content {
		order: 1;
		height: auto;
		padding: 48px 30px;
		align-items: center;
	}

	/* Mobile image panels */
	.section-wine__white-mobile-top,
	.section-wine__white-mobile-bottom {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.section-wine__white-mobile-top  { order: 3; }
	.section-wine__white-mobile-bottom { order: 4; }

	.section-wine__white-mobile-inner {
		position: relative;
		width: 100%;
	}

	.section-wine__white-mobile-top .section-wine__white-mobile-inner img,
	.section-wine__white-mobile-bottom .section-wine__white-mobile-inner img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* Shared text/CTA tweaks */
	.section-wine__wine-title,
	.section-wine__tagline { width: 100%; text-align: center; }

	.section-wine__tagline { margin-top: 24px; white-space: normal; }

	.section-wine__cta {
		position: static;
		display: block;
		text-align: center;
		margin-top: 32px;
	}
}