/* ==========================================================================
   Galerie Mueller -- PullQuote Widget Styles
   ========================================================================== */

/* --- Section Wrapper --- */
.gm-pullquote {
	background-color: #1A1A1A;
	padding: 80px 24px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.gm-pullquote {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

/* --- Inner Container --- */
.gm-pullquote__inner {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* --- Decorative Quote Mark --- */
.gm-pullquote__mark {
	margin-bottom: 24px;
	font-family: 'Playfair Display', ui-serif, Georgia, serif;
	font-size: 60px;
	line-height: 1;
	color: #8C7A5B;
	display: block;
}

/* --- Quote Text --- */
.gm-pullquote__text {
	font-family: 'Playfair Display', ui-serif, Georgia, serif;
	font-size: 24px;
	line-height: 1.625;
	font-weight: 400;
	color: #F5F3F0;
	font-style: italic;
	margin: 0;
	padding: 0;
}

@media (min-width: 640px) {
	.gm-pullquote__text {
		font-size: 30px;
		line-height: 1.5;
	}
}

@media (min-width: 768px) {
	.gm-pullquote__text {
		font-size: 36px;
		line-height: 1.45;
	}
}

/* --- Attribution --- */
.gm-pullquote__attribution {
	margin-top: 24px;
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0.025em;
	color: rgba(245, 243, 240, 0.5);
}

/* ==========================================================================
   FADE-UP ANIMATION
   ========================================================================== */

.gm-pullquote__inner--hidden {
	opacity: 0;
}

@keyframes gm-pullquote-fade-up {
	from {
		opacity: 0;
		transform: translateY(var(--gm-anim-offset, 20px));
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.gm-pullquote__inner--visible {
	animation-name: gm-pullquote-fade-up;
	animation-duration: var(--gm-anim-duration, 600ms);
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}