html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.section-anchor {
	scroll-margin-top: 110px;
}

.section-lead {
	max-width: 38rem;
}

.wine-story-card,
.wine-location-card,
.wine-journal-card,
.wine-story-quote {
	background: rgba(255, 255, 255, 0.36);
	border: 1px solid rgba(var(--cnvs-themecolor-rgb), 0.12);
	border-radius: 20px;
	box-shadow: 0 24px 48px rgba(var(--cnvs-themecolor-rgb), 0.08);
}

.wine-story-card,
.wine-location-card,
.wine-journal-card {
	height: 100%;
	padding: 2rem;
}

.wine-story-quote {
	padding: 2rem;
	color: var(--cnvs-themecolor);
	font-size: 1.25rem;
	font-family: var(--cnvs-primary-font);
	line-height: 1.4;
}

.wine-story-icon {
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(var(--cnvs-themecolor-rgb), 0.1);
	color: var(--cnvs-themecolor);
	font-size: 1.5rem;
}

.wine-location-meta {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-weight: 600;
	color: rgba(var(--cnvs-contrast-rgb), 0.78);
}

.wine-location-meta i {
	margin-right: 0.5rem;
	color: var(--cnvs-themecolor);
}

.wine-journal-image {
	width: 100%;
	height: 220px;
	margin-bottom: 1.5rem;
	border-radius: 14px;
	object-fit: cover;
	object-position: center;
}

#gotoTop {
	--cnvs-gotoTop-size: 3.25rem;
	--cnvs-gotoTop-bg: rgba(var(--cnvs-themecolor-rgb), 0.92);
	--cnvs-gotoTop-icon-size: 1.75rem;
	--cnvs-gotoTop-icon-color: var(--cnvs-themecolor-2);
	--cnvs-gotoTop-position-boxed-right: 24px;
	--cnvs-gotoTop-position-boxed-bottom: 24px;
	--cnvs-gotoTop-border-radius: 50%;
	--cnvs-gotoTop-hover-color: var(--cnvs-themecolor-2);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(var(--cnvs-themecolor-2-rgb), 0.55);
	box-shadow: 0 18px 40px rgba(var(--cnvs-themecolor-rgb), 0.22);
	transition: background-color .2s linear, border-color .2s linear, color .2s linear, opacity .4s ease, transform .2s ease, box-shadow .2s ease;
}

#gotoTop i {
	line-height: 1;
}

#gotoTop:hover {
	border-color: maroon;
	color: var(--cnvs-themecolor);
	transform: translateY(-3px);
	box-shadow: 0 22px 42px rgba(var(--cnvs-themecolor-rgb), 0.28);
}

@media (max-width: 575.98px) {
	.section-anchor {
		scroll-margin-top: 90px;
	}

	#gotoTop {
		--cnvs-gotoTop-size: 3rem;
		--cnvs-gotoTop-position-boxed-right: 18px;
		--cnvs-gotoTop-position-boxed-bottom: 18px;
	}
}