/**
 * Hero "Rewardszo" wordmark — rendered as HTML text (Playfair Display) in place
 * of the original logo image. See js/hero-logo-text.js. White, high-contrast
 * serif to match the logo on the dark leaf hero background.
 */
.rwrds-logo-text {
	display: inline-flex;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-style: normal;
	/* Scales with viewport; capped so it no longer eats the vertical space the
	   raster logo did. */
	font-size: clamp( 3rem, 9vw, 7rem );
	line-height: 1;
	letter-spacing: -0.01em;
	color: #ffffff;
	white-space: nowrap;
}

/* The original logo IMAGE widget used negative margins (-50px top /
   -100px bottom) tuned to the raster's transparent padding. The text wordmark
   has no such padding, so those margins pulled "Rewardszo" up into the
   "Welcome to" line above it. Neutralize them so the wordmark sits on its own
   line directly below "Welcome to". (External !important beats Elementor's
   inline <style> rule regardless of load order.) */
.elementor-element-cd535db {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* The trademark mark — small superscript at the top-right, as in the logo. */
.rwrds-logo-text .rwrds-logo-tm {
	font-size: 0.26em;
	font-weight: 600;
	line-height: 1;
	margin-left: 0.06em;
	margin-top: 0.12em;
}