/* ================================================
Component: Retail Intro & Contact
================================================ */
:is(body, .is-preview) {
	.retail-intro-contact__inner {
		display: flex;
		flex-direction: column;
		gap: var(--gap-2xl);
		padding:40px 0;
	}
	.retail-intro-contact__content,
	.retail-intro-contact__content p {
		font-family: var(--font-secondary);
		font-size: var(--font-size-md);
		font-weight: var(--font-weight-light);
		line-height: normal;
		letter-spacing: 0.135px;
		color: var(--color-denim);
	}
	.retail-intro-contact__content p strong {
		font-family: var(--font-primary);
		font-size: var(--font-size-lg);
		font-weight: var(--font-weight-semibold);
		letter-spacing: 0.15px;
	}
	.retail-intro-contact__content p {
		margin: 0 0 var(--gap-md) 0;
	}
	.retail-intro-contact__content p:last-child {
		margin-bottom: 0;
	}
	.retail-intro-contact__card {
		display: flex;
		flex-direction: column;
		gap: 5px;
		background-color: var(--color-white);
		border-radius: var(--radius-md);
		padding: 20px;
		font-family: var(--font-secondary);
		font-size: var(--font-size-sm);
		line-height: 22.24px;
		letter-spacing: 0.12px;
		color: var(--color-denim);
	}
	.retail-intro-contact__name {
		font-weight: var(--font-weight-medium);
		display: block;
	}
	.retail-intro-contact__title {
		font-weight: var(--font-weight-light);
		display: block;
	}
	.retail-intro-contact__phone,
	.retail-intro-contact__email {
		font-weight: var(--font-weight-light);
		color: var(--color-grass);
		text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 10%;
        text-underline-offset: 15%;
        text-underline-position: from-font;
        text-decoration-color: var(--color-grass);
        transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
	}
	.retail-intro-contact__phone:hover,
	.retail-intro-contact__email:hover,
	.retail-intro-contact__phone:focus-visible,
	.retail-intro-contact__email:focus-visible {
		color: var(--color-kale);
		text-decoration-color: var(--color-kale);
	}
	@media (min-width: 1024px) {
		.retail-intro-contact__inner {flex-direction: row;align-items: flex-start;padding:60px 0 80px;}
		.retail-intro-contact__content {flex: 1 1 0%;}
		.retail-intro-contact__card {flex: 0 0 292px;}
	}
} /* end :is(body, .is-preview) */