/* =========================================================
   ABOUT PAGE
   Design source: https://pulse-of-palm-county.lovable.app/about

   Elementor CSS classes:
   jpbc-about-hero, jpbc-about-mission, jpbc-about-story,
   jpbc-about-leadership, jpbc-about-cta
   ========================================================= */

/* Imported About markup uses these Elementor IDs rather than the optional
 * semantic classes below. Keep the page/CTA wrappers flush with the footer;
 * the CTA's section retains its own 96px internal breathing room. */
body.page-id-13 .elementor-13,
body.page-id-13 .elementor-13 [data-id="c63c8d4"],
body.page-id-13 .elementor-13 [data-id="b1b1e49"],
body.page-id-13 .elementor-13 [data-id="f86f0a3"],
body.page-id-13 .elementor-13 [data-id="f86f0a3"] > .elementor-widget-container {
	--padding-bottom: 0px;
	--margin-bottom: 0px;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

body.page-id-13 #colophon,
body.page-id-13 #colophon > .footer-width-fixer {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* The imported row CSS sets border width/color but omits border-style. */
body.page-id-13 .elementor-13 [data-id="0211365"] .zg29ph6g {
	border-left: 2px solid rgba(255, 255, 255, 0.15) !important;
	padding-inline-start: 32px !important;
}

body.page {
	--jpbc-about-narrow: 1024px;
	--jpbc-about-wide: 1280px;
}

body.page .jpbc-about-hero,
body.page .jpbc-about-mission,
body.page .jpbc-about-story,
body.page .jpbc-about-leadership,
body.page .jpbc-about-cta {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.page :where(
	.jpbc-about-hero,
	.jpbc-about-mission,
	.jpbc-about-story,
	.jpbc-about-leadership,
	.jpbc-about-cta
) > .e-con-inner {
	width: min(100% - 48px, var(--jpbc-about-wide)) !important;
	max-width: var(--jpbc-about-wide) !important;
	margin-inline: auto !important;
}

body.page :where(.jpbc-about-hero, .jpbc-about-story) > .e-con-inner {
	max-width: var(--jpbc-about-narrow) !important;
}

body.page :where(.jpbc-about-hero, .jpbc-about-story) .jpbc-about-shell {
	width: min(100% - 48px, var(--jpbc-about-narrow));
	margin-inline: auto;
}

body.page :where(.jpbc-about-mission, .jpbc-about-leadership) .jpbc-about-shell {
	width: min(100% - 48px, var(--jpbc-about-wide));
	margin-inline: auto;
}

/* Hero */
body.page .jpbc-about-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 144px 0 80px !important;
	color: var(--jpbc-white);
	background: var(--jpbc-violet) !important;
}

body.page .jpbc-about-hero::after {
	position: absolute;
	z-index: -1;
	top: -96px;
	right: -64px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	filter: blur(32px);
	content: "";
}

body.page .jpbc-about-hero .jpbc-eyebrow {
	color: inherit;
	opacity: 0.8;
}

body.page .jpbc-about-hero h1 {
	max-width: 900px;
	margin: 16px 0 0;
	color: inherit;
	font-size: clamp(48px, 5vw, 60px);
	font-weight: 700;
	line-height: 1.03;
	letter-spacing: -0.03em;
}

body.page .jpbc-about-hero :where(.jpbc-about-hero__copy, p:last-child) {
	max-width: 672px;
	margin: 20px 0 0;
	font-size: 18px;
	line-height: 1.55;
	opacity: 0.9;
}

/* Mission */
body.page .jpbc-about-mission {
	padding: 96px 0 !important;
	background: var(--jpbc-white) !important;
}

body.page .jpbc-about-mission__grid,
body.page .jpbc-about-mission > .e-con-inner {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 56px;
}

body.page .jpbc-about-mission__media {
	overflow: hidden;
	border-radius: 32px;
}

body.page .jpbc-about-mission__media :where(img, .softlite-dynamic-image) {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

body.page .jpbc-about-mission h2 {
	margin: 0;
	font-size: clamp(40px, 4vw, 48px);
	font-weight: 700;
	line-height: 1;
}

body.page .jpbc-about-mission__content > p,
body.page .jpbc-about-mission .elementor-widget-text-editor p {
	margin-top: 16px;
	margin-bottom: 0;
	color: var(--jpbc-muted-text);
	font-size: 18px;
	line-height: 1.625;
}

body.page .jpbc-about-principles {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 32px;
}

body.page .jpbc-about-principle {
	min-height: 142px;
	padding: 24px;
	border-radius: 24px;
	background: var(--jpbc-offwhite);
}

body.page .jpbc-about-principle h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
}

body.page .jpbc-about-principle p {
	margin: 8px 0 0;
	color: var(--jpbc-muted-text);
	font-size: 14px;
	line-height: 1.45;
}

/* Story timeline */
body.page .jpbc-about-story {
	padding: 96px 0 !important;
	color: var(--jpbc-white);
	background: var(--jpbc-charcoal) !important;
}

body.page .jpbc-about-story .jpbc-eyebrow {
	color: var(--jpbc-lemon);
}

body.page .jpbc-about-story h2 {
	margin: 16px 0 0;
	color: inherit;
	font-size: clamp(40px, 4vw, 48px);
	font-weight: 700;
	line-height: 1;
}

body.page .jpbc-about-timeline {
	display: grid;
	gap: 32px;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}

body.page .jpbc-about-timeline__item {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 16px;
	padding-left: 32px;
	border-left: 2px solid rgba(255, 255, 255, 0.15);
}

body.page .jpbc-about-timeline__year {
	margin: 0;
	color: var(--jpbc-lemon);
	font-family: var(--jpbc-font-display);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
}

body.page .jpbc-about-timeline h3 {
	margin: 0;
	color: inherit;
	font-size: 20px;
	line-height: 1.4;
}

body.page .jpbc-about-timeline__copy {
	margin: 8px 0 0;
	color: rgba(255, 255, 255, 0.7);
}

/* Leadership */
body.page .jpbc-about-leadership {
	padding: 96px 0 !important;
	background: var(--jpbc-white) !important;
}

body.page .jpbc-about-leadership h2 {
	margin: 0;
	font-size: clamp(40px, 4vw, 48px);
	line-height: 1;
}

body.page .jpbc-about-leadership__intro {
	max-width: 672px;
	margin: 16px 0 0;
	color: var(--jpbc-muted-text);
	font-size: 18px;
	line-height: 1.625;
}

body.page .jpbc-about-leaders {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin-top: 48px;
}

body.page .jpbc-about-leader {
	min-height: 254px;
	padding: 32px;
	border-radius: 24px;
	transition: transform var(--jpbc-transition), box-shadow var(--jpbc-transition);
}

body.page .jpbc-about-leader:hover {
	transform: translateY(-6px);
	box-shadow: var(--jpbc-shadow-lift);
}

body.page .jpbc-about-leader:nth-child(4n + 1) { color: var(--jpbc-white); background: var(--jpbc-pink); }
body.page .jpbc-about-leader:nth-child(4n + 2) { color: var(--jpbc-white); background: var(--jpbc-violet); }
body.page .jpbc-about-leader:nth-child(4n + 3) { color: var(--jpbc-charcoal); background: var(--jpbc-lime); }
body.page .jpbc-about-leader:nth-child(4n + 4) { color: var(--jpbc-charcoal); background: var(--jpbc-orange); }

body.page .jpbc-about-leader__initials {
	display: grid;
	width: 64px;
	height: 64px;
	place-items: center;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.25);
	font-family: var(--jpbc-font-display);
	font-size: 20px;
	font-weight: 800;
}

body.page .jpbc-about-leader h3 {
	margin: 24px 0 0;
	color: inherit;
	font-size: 20px;
	line-height: 1.4;
}

body.page .jpbc-about-leader__role {
	margin: 4px 0 0;
	font-size: 14px;
	opacity: 0.85;
}

/* Bottom CTA */
body.page .jpbc-about-cta {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 96px 0 !important;
	color: var(--jpbc-white);
	background: var(--jpbc-charcoal) !important;
	text-align: center;
}

body.page .jpbc-about-cta::before,
body.page .jpbc-about-cta::after {
	position: absolute;
	z-index: -1;
	width: 384px;
	height: 384px;
	border-radius: 50%;
	filter: blur(48px);
	content: "";
	opacity: 0.28;
}

body.page .jpbc-about-cta::before {
	top: -128px;
	right: -96px;
	background: var(--jpbc-gradient-brand);
}

body.page .jpbc-about-cta::after {
	bottom: -160px;
	left: -96px;
	background: var(--jpbc-gradient-cool);
}

body.page .jpbc-about-cta > .e-con-inner,
body.page .jpbc-about-cta .jpbc-about-shell {
	max-width: 896px !important;
	text-align: center;
}

body.page .jpbc-about-cta .jpbc-eyebrow { color: var(--jpbc-lemon); }

body.page .jpbc-about-cta h2 {
	max-width: 800px;
	margin: 20px auto 0;
	color: inherit;
	font-size: clamp(40px, 5vw, 60px);
	line-height: 1.05;
}

body.page .jpbc-about-cta__copy {
	max-width: 672px;
	margin: 20px auto 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 18px;
}

body.page .jpbc-about-cta .elementor-button,
body.page .jpbc-about-cta__button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	gap: 8px;
	margin-top: 36px;
	padding: 12px 32px;
	border: 0;
	border-radius: 999px;
	color: var(--jpbc-charcoal);
	background: var(--jpbc-gradient-brand);
	font-weight: 600;
	transition: transform var(--jpbc-transition-fast);
}

body.page .jpbc-about-cta :where(.elementor-button, .jpbc-about-cta__button):hover {
	transform: scale(1.05);
}

@media (max-width: 1024px) {
	body.page .jpbc-about-mission__grid,
	body.page .jpbc-about-mission > .e-con-inner {
		grid-template-columns: 1fr;
	}

	body.page .jpbc-about-leaders { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	body.page :where(
		.jpbc-about-hero,
		.jpbc-about-mission,
		.jpbc-about-story,
		.jpbc-about-leadership,
		.jpbc-about-cta
	) > .e-con-inner,
	body.page .jpbc-about-shell {
		width: min(100% - 40px, var(--jpbc-about-wide)) !important;
	}

	body.page .jpbc-about-hero { padding: 120px 0 64px !important; }
	body.page :where(.jpbc-about-mission, .jpbc-about-story, .jpbc-about-leadership, .jpbc-about-cta) {
		padding-block: 72px !important;
	}

	body.page .jpbc-about-principles,
	body.page .jpbc-about-leaders { grid-template-columns: 1fr; }

	body.page .jpbc-about-timeline__item {
		grid-template-columns: 1fr;
		padding-left: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page .jpbc-about-leader,
	body.page .jpbc-about-cta :where(.elementor-button, .jpbc-about-cta__button) {
		transition: none;
	}
}
/* =========================================================
   ABOUT — OUR STORY TIMELINE
   ========================================================= */

.jpbc-timeline {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 24px !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;

	margin: 40px 0 0 !important;
	padding: 0 !important;
}

/* Override Elementor width/flex values on every timeline entry */
.jpbc-timeline > .jpbc-timeline__item {
	position: relative !important;

	display: grid !important;
	grid-template-columns: 110px minmax(0, 1fr) !important;
	align-items: start !important;
	column-gap: 28px !important;

	flex: 0 0 auto !important;
	align-self: stretch !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 8px 0 8px 28px !important;
	box-sizing: border-box !important;
}

/* Timeline line */
.jpbc-timeline__item::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;

	width: 2px;
	background: rgba(255, 255, 255, 0.18);
}

/* Reset Elementor sizing inside each entry */
.jpbc-timeline__item > *,
.jpbc-timeline__content,
.jpbc-timeline__content > * {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.jpbc-timeline__year {
	width: 110px !important;
	min-width: 110px !important;
	max-width: 110px !important;

	margin: 0 !important;

	color: #f9be3d;
	font-family: "Outfit", sans-serif;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap !important;
}

.jpbc-timeline__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 8px !important;

	width: 100% !important;
	overflow: visible !important;
}

.jpbc-timeline__title {
	width: 100% !important;
	margin: 0 !important;

	color: #ffffff;
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;

	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.jpbc-timeline__description {
	width: 100% !important;
	margin: 0 !important;

	color: rgba(255, 255, 255, 0.65);
	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;

	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

/* Reset Elementor widget wrappers */
.jpbc-timeline__year .elementor-widget-container,
.jpbc-timeline__title .elementor-widget-container,
.jpbc-timeline__description .elementor-widget-container {
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* =========================================================
   TIMELINE YEAR — CROSS-BROWSER WIDTH FIX
   ========================================================= */

.jpbc-timeline__item {
	grid-template-columns: 120px minmax(0, 1fr) !important;
}

/* The Year widget occupies the first grid column */
.jpbc-timeline__item > .jpbc-timeline__year {
	--width: 100% !important;
	--min-width: 0 !important;
	--max-width: none !important;

	grid-column: 1 !important;
	justify-self: stretch !important;
	align-self: start !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;

	flex: none !important;
	flex-basis: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}

/* Reset Elementor's internal widget wrapper */
.jpbc-timeline__year > .elementor-widget-container,
.jpbc-timeline__year .elementor-widget-container {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Prevent the four-digit year from breaking */
.jpbc-timeline__year,
.jpbc-timeline__year .elementor-heading-title,
.jpbc-timeline__year h2,
.jpbc-timeline__year h3,
.jpbc-timeline__year p {
	color: #f9be3d;
	font-family: "Outfit", sans-serif;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;

	white-space: nowrap !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* Text content occupies the second grid column */
.jpbc-timeline__item > .jpbc-timeline__content {
	grid-column: 2 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
	.jpbc-timeline > .jpbc-timeline__item {
		grid-template-columns: 90px minmax(0, 1fr) !important;
		column-gap: 22px !important;
	}

	.jpbc-timeline__year {
		width: 90px !important;
		min-width: 90px !important;
		max-width: 90px !important;
	}
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
	.jpbc-timeline__item {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.jpbc-timeline__item > .jpbc-timeline__year,
	.jpbc-timeline__item > .jpbc-timeline__content {
		grid-column: 1 !important;
	}

	.jpbc-timeline__year {
		width: max-content !important;
	}
}

/* =========================================================
   OUR STORY TIMELINE — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	/* Timeline parent */
	.jpbc-timeline {
		--width: 100% !important;

		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 40px !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		margin: 32px 0 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	/* Each timeline row */
	.jpbc-timeline > .jpbc-timeline__item {
		--width: 100% !important;
		--min-width: 0 !important;
		--max-width: 100% !important;

		position: relative !important;

		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 12px !important;

		flex: 0 0 100% !important;
		flex-basis: 100% !important;
		align-self: stretch !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 8px 0 8px 24px !important;
		box-sizing: border-box !important;
	}

	/* Timeline line */
	.jpbc-timeline__item::before {
		top: 0;
		bottom: 0;
		left: 0;
		width: 2px;
	}

	/* Reset both direct columns */
	.jpbc-timeline__item > .jpbc-timeline__year,
	.jpbc-timeline__item > .jpbc-timeline__content {
		--width: 100% !important;

		display: block !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;

		flex: 0 0 auto !important;
		flex-basis: auto !important;
		align-self: stretch !important;

		margin: 0 !important;
		padding: 0 !important;

		grid-column: auto !important;
	}

	/* Year */
	.jpbc-timeline__year,
	.jpbc-timeline__year .elementor-widget-container {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.jpbc-timeline__year .elementor-heading-title,
	.jpbc-timeline__year h2,
	.jpbc-timeline__year h3 {
		width: max-content !important;
		max-width: 100% !important;

		font-size: 22px !important;
		line-height: 1.2 !important;

		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}

	/* Content container */
	.jpbc-timeline__content {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 8px !important;
	}

	.jpbc-timeline__content > *,
	.jpbc-timeline__content .elementor-widget-container {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	/* Entry title */
	.jpbc-timeline__title,
	.jpbc-timeline__title .elementor-heading-title {
		width: 100% !important;

		font-size: 22px !important;
		line-height: 1.25 !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	/* Description */
	.jpbc-timeline__description,
	.jpbc-timeline__description p {
		width: 100% !important;
		max-width: 100% !important;

		font-size: 16px !important;
		line-height: 1.6 !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
}

.jpbc-story-section {
    width: 100%;
    max-width: none;
    background-color: #1f1f1f !important;
    color: #ffffff;
}
/* Our Story: the gold route follows the reader; each milestone reveals separately. */
body.page-id-13 .jpbc-timeline.jpbc-story-animated { position: relative; }
body.page-id-13 .jpbc-story-animated::before,
body.page-id-13 .jpbc-story-animated::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 2px;
 pointer-events: none;
}
body.page-id-13 .jpbc-story-animated::before { height: 100%; background: rgba(255,255,255,.18); }
body.page-id-13 .jpbc-story-animated::after {
 height: var(--jpbc-story-distance, 0px);
 background: #FABE37;
 box-shadow: 0 0 12px rgba(250,190,55,.3);
}
body.page-id-13 .jpbc-story-animated > .jpbc-timeline__item::before {
 top: 14px;
 bottom: auto;
 left: -4px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 border: 2px solid rgba(255,255,255,.65);
 background: #292929;
 z-index: 1;
 transition: background-color 200ms ease, border-color 200ms ease;
}
body.page-id-13 .jpbc-story-animated > .jpbc-story-reached::before { background: #FABE37; border-color: #FABE37; }
body.page-id-13 .jpbc-story-animated .jpbc-story-traveler {
 position: absolute;
 top: 0;
 left: -3px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #fff1be;
 box-shadow: 0 0 14px rgba(250,190,55,.8);
 translate: 0 var(--jpbc-story-distance, 0px);
 pointer-events: none;
 z-index: 2;
}
body.page-id-13 .jpbc-story-animated .jpbc-timeline__item > :is(.jpbc-timeline__year,.jpbc-timeline__content) {
 opacity: var(--jpbc-story-opacity, 1);
 translate: 0 var(--jpbc-story-rise, 0px);
}
body.page-id-13 .jpbc-story-animated .jpbc-timeline__item:focus-within > :is(.jpbc-timeline__year,.jpbc-timeline__content) { opacity: 1; translate: none; }
@media (prefers-reduced-motion: reduce), print {
 body.page-id-13 .jpbc-story-animated .jpbc-timeline__item > :is(.jpbc-timeline__year,.jpbc-timeline__content) { opacity: 1; translate: none; }
 body.page-id-13 .jpbc-story-animated .jpbc-story-traveler { display: none; }
 body.page-id-13 .jpbc-story-animated::after { height: 100%; }
 body.page-id-13 .jpbc-story-animated > .jpbc-timeline__item::before { transition: none; }
}

/* Replace the imported timed letter entrance with scroll-distance reveals. */
body.page-id-13:not(.elementor-editor-active) .elementor [data-id="b497157"] {
 visibility: visible !important;
 opacity: 1 !important;
 animation: none !important;
 transform: none !important;
}
body.page-id-13 .jpbc-about-scroll-fade {
 opacity: var(--jpbc-about-opacity, 1);
 translate: 0 var(--jpbc-about-rise, 0px);
}
body.page-id-13 .jpbc-letter-portrait.jpbc-about-scroll-fade {
 rotate: var(--jpbc-letter-tilt, 0deg);
 scale: var(--jpbc-letter-scale, 1);
 transform-origin: 50% 80%;
}
body.page-id-13 .jpbc-letter-heading.jpbc-about-scroll-fade::after {
 content: "";
 display: block;
 width: 72px;
 height: 3px;
 margin-top: 16px;
 border-radius: 999px;
 background: #F055A5;
 transform: scaleX(var(--jpbc-about-opacity, 1));
 transform-origin: left;
}
body.page-id-13 .jpbc-about-scroll-fade:focus-within { opacity: 1; translate: none; rotate: none; scale: none; }
@media (prefers-reduced-motion: reduce), print {
 body.page-id-13 .jpbc-about-scroll-fade,
 body.page-id-13 .jpbc-letter-portrait.jpbc-about-scroll-fade { opacity: 1; translate: none; rotate: none; scale: none; }
 body.page-id-13 .jpbc-letter-heading.jpbc-about-scroll-fade::after { transform: none; }
}