:root {
	--crunchr-story-line: var(--wp--preset--color--neutral-100, #d3d9e3);
	--crunchr-story-ink: var(--wp--preset--color--neutral-900, #171d26);
	--crunchr-story-blue: var(--wp--preset--color--blue-600, #0f5ed5);
}

.crunchr-customers,
.crunchr-customer-single {
	color: var(--crunchr-story-ink);
	background: #fff;
}

.crunchr-customers {
	--crunchr-customers-shell-gutter: max(
		var(--wp--style--root--padding-left, clamp(12px, 2vw, 20px)),
		calc((100cqw - 1440px) / 2)
	);
}

.crunchr-customer-single {
	--crunchr-grid-cta-content-gutter: max(
		var(--wp--style--root--padding-right, clamp(12px, 2vw, 20px)),
		calc((100cqw - 1440px) / 2)
	);
	--crunchr-customer-shell-gutter: var(--crunchr-grid-cta-content-gutter);
	--crunchr-customer-sidebar-width: 360px;
}

.crunchr-customers__hero,
.crunchr-customers__grid,
.crunchr-customer-single__hero,
.crunchr-customer-single__body {
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin-inline: auto;
}

.crunchr-customers__hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: end;
	min-height: 450px;
	padding: 110px 0 80px;
}

.crunchr-customers__hero,
.crunchr-customers__grid {
	width: calc(100cqw - (2 * var(--crunchr-customers-shell-gutter)));
	max-width: none;
}

.crunchr-customers__eyebrow,
.crunchr-story-card__meta,
.crunchr-customer-single__marker,
.crunchr-customer-single__glance dt {
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.crunchr-customers__eyebrow::after {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 7px;
	background: var(--wp--preset--color--pumpkin-500, #ff7518);
	content: "";
}

.crunchr-customers__hero h1 {
	max-width: 760px;
	margin: 25px 0 0;
	font-size: clamp(40px, 4.3vw, 66px);
	line-height: 1.06;
	letter-spacing: -.035em;
}

.crunchr-customers__filters {
	display: flex;
	justify-self: end;
	padding: 4px;
	border: 1px solid var(--crunchr-story-line);
	border-radius: 7px;
	background: var(--wp--preset--color--neutral-50, #f2f4f7);
}

.crunchr-customers__filters a {
	padding: 12px 18px;
	border-radius: 4px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.crunchr-customers__filters a.is-active {
	background: #fff;
	box-shadow: 0 1px 3px rgba(23, 29, 38, .12);
}

.crunchr-customers__grid {
	--crunchr-story-spacer: 72px;
	--crunchr-dot-grid-spacing: 12px;
	--crunchr-dot-grid-radius: .7px;
	--crunchr-dot-grid-color: rgba(101,116,142,.3);
	--crunchr-dot-grid-accent-a: transparent;
	--crunchr-dot-grid-accent-b: transparent;
	--crunchr-dot-grid-accent-tile: 144px;

	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background-color: rgba(255,255,255,.92);
	background-image:
		radial-gradient(circle at 13px 25px, var(--crunchr-dot-grid-accent-a) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 97px 13px, var(--crunchr-dot-grid-accent-b) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 49px 49px, var(--crunchr-dot-grid-accent-a) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 121px 61px, var(--crunchr-dot-grid-accent-b) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 25px 85px, var(--crunchr-dot-grid-accent-b) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 85px 97px, var(--crunchr-dot-grid-accent-a) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 133px 109px, var(--crunchr-dot-grid-accent-b) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at 61px 133px, var(--crunchr-dot-grid-accent-a) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px)),
		radial-gradient(circle at var(--crunchr-dot-grid-radius) var(--crunchr-dot-grid-radius), var(--crunchr-dot-grid-color) 0 var(--crunchr-dot-grid-radius), transparent calc(var(--crunchr-dot-grid-radius) + .25px));
	background-repeat: repeat;
	background-size: var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-accent-tile) var(--crunchr-dot-grid-accent-tile), var(--crunchr-dot-grid-spacing) var(--crunchr-dot-grid-spacing);
	animation: crunchr-dot-grid-accent-a 8.7s ease-in-out infinite, crunchr-dot-grid-accent-b 11.3s ease-in-out -3.1s infinite;
}

.crunchr-customers__grid::before {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) left / 1px 100% no-repeat,
		linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) right / 1px 100% no-repeat;
	content: "";
}

.crunchr-customers__grid::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	height: 1px;
	pointer-events: none;
	background: var(--crunchr-story-line);
	content: "";
}

.crunchr-story-card {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	border-bottom: 1px solid var(--crunchr-story-line);
	background: #fff;
}

.crunchr-story-card[hidden] { display: none !important; }
.crunchr-story-card__panel-link { position: absolute; inset: 0; z-index: 2; cursor: pointer; }
.crunchr-story-card__panel-link:focus-visible { outline: 2px solid var(--crunchr-story-blue); outline-offset: -4px; }

.crunchr-customers__pagination {
	--crunchr-pagination-empty-height: 72px;

	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: calc(100cqw - (2 * var(--crunchr-customers-shell-gutter)));
	min-height: 116px;
	margin-inline: auto;
	padding-inline: 20px;
	border-right: 1px solid var(--crunchr-story-line);
	border-bottom: 1px solid var(--crunchr-story-line);
	border-left: 1px solid var(--crunchr-story-line);
}

.crunchr-customers__pagination[hidden] { display: none; }
.crunchr-customers__pagination:not(.has-pages) { min-height: var(--crunchr-pagination-empty-height); }
.crunchr-customers__pagination:not(.has-pages) > * { display: none; }
.crunchr-customers__page-numbers { display: flex; align-items: center; gap: 6px; overflow-x: auto; }
.crunchr-customers__pagination button {
	position: relative;
	display: inline-grid;
	width: 36px;
	height: 36px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 4px;
	color: var(--crunchr-story-ink);
	background: var(--wp--preset--color--neutral-50, #f2f4f7);
	font: 500 14.22px/1.5 var(--wp--preset--font-family--plus-jakarta-sans, inherit);
	cursor: pointer;
}
.crunchr-customers__pagination button.is-active,
.crunchr-customers__pagination button:not(:disabled):hover,
.crunchr-customers__pagination button:not(:disabled):focus-visible {
	color: #fff;
	background: var(--wp--preset--color--neutral-900, #171d26);
}
.crunchr-customers__pagination button:disabled { opacity: .4; cursor: default; }
.crunchr-customers__page-arrow::before {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	content: "";
}
.crunchr-customers__page-arrow::after {
	position: absolute;
	left: 50%;
	width: 14px;
	height: 1px;
	background: currentColor;
	transform: translateX(-50%);
	content: "";
}
.crunchr-customers__page-arrow.is-next::before { transform: rotate(45deg); }
.crunchr-customers__page-arrow.is-previous::before { transform: rotate(-135deg); }

@media (min-width: 783px) and (max-width: 900px) {
	.crunchr-customers__pagination { --crunchr-pagination-empty-height: 52px; }
}

@media (max-width: 782px) {
	.crunchr-customers__pagination { --crunchr-pagination-empty-height: 34px; min-height: 88px; gap: 10px; padding-inline: 12px; }
	.crunchr-customers__page-arrow { flex: 0 0 36px; }
}

.crunchr-story-card.is-row-start { border-right: 1px solid var(--crunchr-story-line); }

.crunchr-story-card:is(.is-row-start, .is-row-end, .is-full-row)::before {
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: 4;
	width: calc(100% + 4px);
	height: 5px;
	pointer-events: none;
	background:
		linear-gradient(#5e6e89, #5e6e89) left center / 5px 5px no-repeat,
		linear-gradient(#5e6e89, #5e6e89) right center / 5px 5px no-repeat,
		linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) center / calc(100% - 4px) 1px no-repeat;
	content: "";
}

.crunchr-story-card.is-row-end::before {
	background:
		linear-gradient(#5e6e89, #5e6e89) right center / 5px 5px no-repeat,
		linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) center / calc(100% - 4px) 1px no-repeat;
}

.crunchr-story-card.is-row-start::before {
	z-index: 5;
	width: calc(100% + 5px);
	background-position: left center, right center, left 2px center;
	background-size: 5px 5px, 5px 5px, calc(100% - 5px) 1px;
}

.crunchr-story-card:is(.is-row-start, .is-row-end, .is-full-row)::after {
	position: absolute;
	left: -2px;
	bottom: -3px;
	z-index: 3;
	width: calc(100% + 4px);
	height: 5px;
	pointer-events: none;
	background-color: transparent;
	background-image:
		linear-gradient(#5e6e89, #5e6e89),
		linear-gradient(#5e6e89, #5e6e89);
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 5px 5px;
	content: "";
}

.crunchr-story-card.is-row-start::after {
	z-index: 4;
	width: calc(100% + 5px);
	background-position: left center, right center;
}

.crunchr-story-card.is-row-end::after {
	background-image: linear-gradient(#5e6e89, #5e6e89);
	background-position: right center;
}

.crunchr-story-card.is-last-row::after,
.crunchr-story-card.is-last-item::after {
	bottom: -3px;
	height: 5px;
	background-color: transparent;
	background-image:
		linear-gradient(#5e6e89, #5e6e89),
		linear-gradient(#5e6e89, #5e6e89);
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 5px 5px;
}

.crunchr-story-card.is-row-end.is-last-item::after {
	background-image: linear-gradient(#5e6e89, #5e6e89);
	background-position: right center;
}

.crunchr-story-card.is-row-start.is-last-row::after { background-position: left center, right center; }

.crunchr-story-card:has(a:is(:hover, :focus-visible, :active))::before {
	z-index: 6;
	background:
		linear-gradient(#ff7518, #ff7518) left center / 5px 5px no-repeat,
		linear-gradient(#ff7518, #ff7518) right center / 5px 5px no-repeat,
		linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) center / calc(100% - 4px) 1px no-repeat;
}

.crunchr-story-card.is-row-start:has(a:is(:hover, :focus-visible, :active))::before {
	background-position: left center, right center, left 2px center;
	background-size: 5px 5px, 5px 5px, calc(100% - 5px) 1px;
}

.crunchr-story-card:has(a:is(:hover, :focus-visible, :active))::after {
	z-index: 6;
	background-image:
		linear-gradient(#ff7518, #ff7518),
		linear-gradient(#ff7518, #ff7518);
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 5px 5px;
}

.crunchr-story-card:has(.crunchr-story-card__panel-link:is(:hover, :focus-visible, :active), .crunchr-story-card__logo:is(:hover, :focus-visible, :active), h2 a:is(:hover, :focus-visible, :active)) .crunchr-story-card__link a {
	background-size: calc(100% - var(--crunchr-text-link-arrow-size) - var(--crunchr-text-link-arrow-gap)) 1px;
}

.crunchr-story-card:has(.crunchr-story-card__panel-link:is(:hover, :focus-visible, :active), .crunchr-story-card__logo:is(:hover, :focus-visible, :active), h2 a:is(:hover, :focus-visible, :active)) .crunchr-story-card__link a::after {
	transform: translate(0, -50%);
}

.crunchr-story-card:has(.crunchr-story-card__panel-link:is(:hover, :focus-visible, :active), .crunchr-story-card__logo:is(:hover, :focus-visible, :active), h2 a:is(:hover, :focus-visible, :active)) .crunchr-story-card__link a::before {
	transform: translate(0, -50%) scaleX(1);
}

@media (min-width: 783px) {
	.crunchr-story-card.is-row-end:has(a:is(:hover, :focus-visible, :active))::before {
		left: -3px;
		width: calc(100% + 5px);
		background-position: left center, right center, left 3px center;
		background-size: 5px 5px, 5px 5px, calc(100% - 5px) 1px;
	}

	.crunchr-story-card.is-row-end:has(a:is(:hover, :focus-visible, :active))::after {
		left: -3px;
		width: calc(100% + 5px);
	}
}

.crunchr-story-card--standard {
	display: flex;
	margin-bottom: var(--crunchr-story-spacer);
}

.crunchr-story-card--standard.is-full-row { grid-column: 1 / -1; }

.crunchr-story-card__copy {
	display: flex;
	box-sizing: border-box;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	gap: clamp(64px, 4vw, 138px);
	min-height: 0;
	padding: 66px 80px;
	transition: background-color 220ms ease;
}

.crunchr-story-card:has(a:is(:hover, :focus-visible)) .crunchr-story-card__copy {
	background-color: #f8f9fb;
	background-color: color-mix(in srgb, var(--wp--preset--color--neutral-50, #f2f4f7) 50%, var(--wp--preset--color--white, #fff));
}

.crunchr-story-card--video:has(a:is(:hover, :focus-visible)) .crunchr-story-card__copy {
	background-color: var(--wp--preset--color--blue-50, #e2f2ff);
	background-image:
		linear-gradient(90deg, rgba(248, 249, 251, .72), transparent 18%, transparent 82%, rgba(248, 249, 251, .72)),
		radial-gradient(
			ellipse 78% 68% at var(--crunchr-story-hover-focus, 37.55%) 50%,
			var(--wp--preset--color--neutral-50, #f2f4f7) 0%,
			#edf3f8 42%,
			var(--wp--preset--color--blue-50, #e2f2ff) 100%
		);
}

.crunchr-story-card--video.is-media-first { --crunchr-story-hover-focus: 62.45%; }
.crunchr-story-card--video.is-media-last { --crunchr-story-hover-focus: 37.55%; }

.crunchr-story-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.crunchr-story-card__logo img {
	display: block;
	width: auto;
	max-width: 190px;
	height: auto;
	max-height: 45px;
	object-fit: contain;
	object-position: left center;
}

.crunchr-story-card__type,
.crunchr-customer-single__marker {
	display: inline-flex;
	padding: 3px 7px;
	border: 1px solid #ff7518;
	border-radius: 44px;
	background: var(--Pumpkin-50, #fff1e8);
	color: var(--wp--preset--color--pumpkin-600, #e86a16);
	font-size: 14.22px;
	font-weight: 600;
	text-transform: none;
	white-space: nowrap;
}

.crunchr-story-card__meta { color: var(--wp--preset--color--neutral-600, #505d73); }

.crunchr-story-card h2 {
	max-width: 570px;
	margin: 20px 0 10px;
	font-size: clamp(23px, 2vw, 32px);
	line-height: 1.12;
	letter-spacing: -.025em;
}

.crunchr-story-card h2 a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	transition: transform 220ms cubic-bezier(.2, .8, .2, 1);
}
.crunchr-story-card:has(a:is(:hover, :focus-visible)) h2 a {
	transform: translateY(-2px);
}
.crunchr-story-card__link { margin: 15px 0 0; color: var(--crunchr-story-blue); font-size: 12px; font-weight: 600; text-decoration: none; }
.crunchr-story-card__link a { text-decoration: none; }
p.crunchr-story-card__link.is-style-crunchr-arrow-links a::before,
p.crunchr-story-card__link.is-style-crunchr-arrow-links a::after {
	/* Half of the card link's 1.5 line-height; ignores its underline padding. */
	top: 0.75em;
}

@media (prefers-reduced-motion: reduce) {
	.crunchr-story-card__copy,
	.crunchr-story-card h2 a { transition: none; }
}

.crunchr-story-card--video {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: var(--crunchr-story-spacer);
}

.crunchr-story-card:is(.is-last-row, .is-last-item) { margin-bottom: 0; }

.crunchr-story-card--video.is-media-first .crunchr-story-card__media { order: -1; }

.crunchr-story-card__media,
.crunchr-customer-single__video {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	padding: 64px 40px;
	background-color: var(--wp--preset--color--blue-50, #e2f2ff);
	background-image:
		linear-gradient(rgba(147,197,250,.23) 1px, transparent 1px),
		linear-gradient(90deg, rgba(147,197,250,.23) 1px, transparent 1px);
	background-size: 180px 180px;
}

.crunchr-story-card__media {
	z-index: 3;
}

.crunchr-story-card__media.has-canvas-grid {
	--crunchr-grid-cta-size: 180px;

	background-color: #e2f2ff;
	background-image:
		linear-gradient(90deg, rgba(248, 249, 251, .72), transparent 18%, transparent 82%, rgba(248, 249, 251, .72)),
		radial-gradient(
			ellipse 78% 68% at 37.55% 50.06%,
			#f2f4f7 0%,
			#edf3f8 42%,
			#e2f2ff 100%
		);
	background-size: auto;
}

.crunchr-story-card__media .crunchr-grid-cta__canvas {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	pointer-events: none;
}

.crunchr-story-card__media .crunchr-grid-cta__canvas--lines { z-index: 1; }
.crunchr-story-card__media .crunchr-grid-cta__canvas--markers { z-index: 2; }

.crunchr-story-card__player,
.crunchr-customer-single__player {
	position: relative;
	z-index: 3;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 14px;
	background: transparent;
}

.crunchr-story-card__player { cursor: pointer; }
.crunchr-story-card__player:has(.crunchr-customer-video-card.is-playing) { cursor: auto; }

.crunchr-story-card__player :is(iframe, video),
.crunchr-customer-single__player :is(iframe, video) {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.crunchr-customer-single__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
	min-height: 520px;
	border-right: 1px solid var(--crunchr-story-line);
	border-left: 1px solid var(--crunchr-story-line);
}

.crunchr-customer-header-block {
	padding: clamp(28px, 4vw, 64px);
	background-color: var(--wp--preset--color--neutral-50, #f2f4f7);
	background-image: radial-gradient(circle, rgba(101,116,142,.32) 1px, transparent 1.2px);
	background-size: 14px 14px;
}

.crunchr-customer-header-block > :is(.crunchr-customer-single__title, .crunchr-customer-single__intro) {
	background: #fff;
}

.crunchr-customer-single__title,
.crunchr-customer-single__intro {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
	padding: clamp(50px, 7vw, 110px);
}

.crunchr-customer-single__title { border-right: 1px solid var(--crunchr-story-line); }
.crunchr-customer-single__title h1 { margin: 24px 0 0; font-size: clamp(42px, 5vw, 72px); line-height: 1.04; letter-spacing: -.04em; }
.crunchr-customer-single__intro { font-size: 21px; line-height: 1.55; }

.crunchr-customer-single__video {
	--crunchr-dot-grid-spacing: 12px;
	--crunchr-dot-grid-radius: .7px;

	box-sizing: border-box;
	width: 100%;
	padding-block: clamp(65px, 9vw, 140px);
	background-color: #f8fbff;
}

.crunchr-customer-single__video.is-style-crunchr-dot-grid-background {
	--crunchr-dot-grid-radius: .7px;
}

.crunchr-customer-single__player { width: min(100% - 48px, 1120px); border-radius: 16px; box-shadow: 0 20px 60px rgba(12,38,85,.12); }

.crunchr-customer-single__body {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: clamp(50px, 8vw, 130px);
	padding-block: clamp(80px, 10vw, 150px);
}

.crunchr-customer-single__glance { align-self: start; padding: 30px; border-top: 1px solid var(--crunchr-story-line); }
.crunchr-customer-single__glance h2 { margin: 0 0 28px; font-size: 24px; }
.crunchr-customer-single__glance dl { margin: 0; }
.crunchr-customer-single__glance dl div { padding: 18px 0; border-top: 1px solid var(--crunchr-story-line); }
.crunchr-customer-single__glance dt { color: var(--wp--preset--color--neutral-500, #65748e); }
.crunchr-customer-single__glance dd { margin: 7px 0 0; font-size: 16px; }
.crunchr-customer-single__content {
	min-width: 0;
	max-width: 800px;
	color: var(--wp--preset--color--neutral-700, #3c4658);
	font-size: var(--wp--preset--font-size--body, 18px);
	line-height: 1.7;
}
.crunchr-customer-single__content > :first-child { margin-top: 0; }
.crunchr-customer-single__content > :is(h2,h3) { margin-top: 1.8em; line-height: 1.15; }

/* Figma 3666:30 — full-width customer story header. */
.crunchr-customer-single__hero.crunchr-customer-header-block {
	--crunchr-grid-cta-size: 180px;

	position: relative;
	left: 50%;
	display: block;
	isolation: isolate;
	width: 100cqw;
	max-width: 100cqw;
	min-height: 606px;
	margin-inline: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	background: radial-gradient(161.18% 58.55% at 37.55% 50.06%, #f2f4f7 0%, #e2f2ff 100%);
	transform: translateX(-50%);
}

.crunchr-customer-header-block::before {
	display: none;
}

.crunchr-customer-header-block .crunchr-grid-cta__canvas {
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	pointer-events: none;
}

.crunchr-customer-header-block .crunchr-grid-cta__canvas--lines {
	z-index: 1;
}

.crunchr-customer-header-block__inner {
	--crunchr-customer-hero-top-padding: max(160px, calc(var(--crunchr-header-height, 80px) + 72px));
	--crunchr-customer-breadcrumb-lift: 48px;

	position: relative;
	z-index: 2;
	display: flex;
	box-sizing: border-box;
	min-height: inherit;
	flex-direction: column;
	width: calc(100cqw - (2 * var(--crunchr-customer-shell-gutter)));
	margin-inline: auto;
	padding-top: var(--crunchr-customer-hero-top-padding);
	padding-bottom: 96px;
}

.crunchr-customer-single__breadcrumb {
	position: absolute;
	top: calc(var(--crunchr-customer-hero-top-padding) - var(--crunchr-customer-breadcrumb-lift));
	left: 0;
	display: flex;
	gap: 4px;
	align-items: baseline;
	min-height: 20px;
	margin-bottom: 0;
	font-size: 12.64px;
	line-height: 1.4;
}

.crunchr-customer-single__breadcrumb a { color: var(--crunchr-story-ink); text-decoration: none; }
.crunchr-customer-single__breadcrumb span { line-height: inherit; }
.crunchr-customer-single__breadcrumb span:last-child { color: var(--wp--preset--color--neutral-500, #65748e); }

.crunchr-customer-header-block__columns {
	display: grid;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	margin-block: auto;
	grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
	align-items: center;
	gap: clamp(50px, 6vw, 110px);
}

.crunchr-customer-header-block .crunchr-customer-single__title,
.crunchr-customer-header-block .crunchr-customer-single__intro {
	min-height: 0;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.crunchr-customer-single__logo { margin-bottom: 28px; }
.crunchr-customer-single__logo img { width: auto; max-width: 210px; height: auto; max-height: 32px; object-fit: contain; object-position: left center; }
.crunchr-customer-header-block .crunchr-customer-single__marker { align-self: flex-start; margin: 0 0 20px; }
.crunchr-customer-header-block .crunchr-customer-single__title h1 { max-width: 782px; margin: 0; font-size: clamp(40px, 3.6vw, 51.96px); line-height: 1.2; letter-spacing: 0; }

.crunchr-customer-header-block .crunchr-customer-single__title h1 {
	overflow-wrap: anywhere;
}

.crunchr-customer-header-block .crunchr-customer-single__intro {
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	max-width: 495px;
	min-height: 257px;
	justify-self: end;
	padding: 42px 50px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 35px rgba(23, 29, 38, .04);
	font-size: 12.64px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.crunchr-customer-header-block .crunchr-customer-single__intro > * { margin-block: 0 20px; }
.crunchr-customer-header-block .crunchr-customer-single__intro > *:last-child { margin-bottom: 0; }
.crunchr-customer-header-block .crunchr-customer-single__intro > .wp-block-separator {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: 1px;
	padding: 0;
	border: 0;
	background-color: var(--wp--preset--color--neutral-100, #d3d9e3);
	opacity: 1;
}

.crunchr-customer-single__video {
	width: calc(100cqw - (2 * var(--crunchr-customer-shell-gutter)));
	max-width: none;
	min-height: 0;
	margin-inline: auto;
	padding: clamp(24px, 3vw, 48px);
	border-right: 1px solid var(--crunchr-story-line);
	border-bottom: 1px solid var(--crunchr-story-line);
	border-left: 1px solid var(--crunchr-story-line);
	background-color: #fff;
}

.crunchr-customer-single__player { width: min(100%, 1045px); box-shadow: none; }

.crunchr-customer-single__video.crunchr-customer-single__video--empty {
	min-height: 90px;
	height: 90px;
	padding: 0;
}

.crunchr-customer-video-card {
	width: 100%;
	height: 100%;
	min-height: 0;
	border-radius: inherit;
	background: transparent;
}

.crunchr-video-slide.crunchr-customer-video-card {
	background: transparent;
	box-shadow: none;
}

.crunchr-customer-video-card__embed,
.crunchr-customer-video-card__embed iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
}

.crunchr-customer-video-card .crunchr-video-slide__video,
.crunchr-customer-video-card .crunchr-video-slide__poster {
	border-radius: inherit;
}

.crunchr-customer-video-card .crunchr-video-slide__poster { z-index: 1; transition: opacity 200ms ease, visibility 200ms ease; }
.crunchr-customer-video-card .crunchr-video-slide__shade { z-index: 2; }
.crunchr-customer-video-card .crunchr-video-slide__overlay { z-index: 3; }
.crunchr-customer-video-card .crunchr-video-slide__logo { filter: brightness(0) invert(1); }
.crunchr-customer-video-card .crunchr-video-slide__play { z-index: 4; border-radius: 63px; background: rgba(255,255,255,.28); -webkit-backdrop-filter: blur(8.199999809265137px); backdrop-filter: blur(8.199999809265137px); }
.crunchr-customer-video-card .crunchr-video-slide__play::before { display: none; }
.crunchr-customer-video-card .crunchr-video-slide__play svg { display: block; width: 100%; height: 100%; }
.crunchr-customer-video-card .crunchr-video-slide__play path { transform: scale(.86); transform-origin: 31.5px 31.5px; }
.crunchr-customer-video-card.is-playing .crunchr-video-slide__poster { opacity: 0; visibility: hidden; pointer-events: none; }

.crunchr-customer-single__body {
	position: relative;
	width: calc(100cqw - (2 * var(--crunchr-customer-shell-gutter)));
	max-width: none;
	grid-template-columns: var(--crunchr-customer-sidebar-width) minmax(0, 1fr);
	gap: 0;
	padding-block: 0;
	border-right: 1px solid var(--crunchr-story-line);
	border-left: 1px solid var(--crunchr-story-line);
}

.crunchr-customer-single__body::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--crunchr-customer-sidebar-width);
	width: 1px;
	background: var(--crunchr-story-line);
	content: "";
}

.crunchr-customer-single__glance {
	position: sticky;
	top: var(--crunchr-header-height, 0px);
	z-index: 1;
	align-self: start;
	padding: 40px;
	border-top: 0;
	border-right: 0;
	background: #fff;
}

.crunchr-customer-single__glance.is-too-tall-to-stick {
	position: static;
}

.crunchr-customer-single__glance.is-stuck {
	box-shadow: inset 0 1px 0 var(--crunchr-story-line);
}

.crunchr-customer-single__glance h2 {
	margin: 0 0 40px;
	font-size: 9.98px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.crunchr-customer-single__glance dl { margin: 0; }
.crunchr-customer-single__glance dl div {
	padding: 0 0 20px;
	border: 0;
}
.crunchr-customer-single__glance dl div + div { padding-top: 20px; border-top: 1px solid var(--crunchr-story-line); }
.crunchr-customer-single__glance dt {
	color: var(--crunchr-story-ink);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
	letter-spacing: 0;
	text-transform: none;
}
.crunchr-customer-single__glance dd {
	margin: 0;
	color: var(--wp--preset--color--neutral-700, #3c4658);
	font-size: 14.22px;
	font-weight: 400;
	line-height: 1.5;
}

.crunchr-customer-single__glance-cta {
	--crunchr-button-hover-color: var(--wp--preset--color--blue-600, #0f5ed5);

	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 6px 20px;
	border-radius: 4px;
	background: var(--wp--preset--color--blue-600, #0f5ed5);
	color: #fff;
	font-size: 14.22px;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 0 0 var(--crunchr-button-hover-color);
	transition:
		box-shadow 160ms ease-out,
		background-color 160ms ease-out,
		border-color 160ms ease-out;
}

.crunchr-customer-single__glance-cta:hover,
.crunchr-customer-single__glance-cta:focus-visible {
	box-shadow: 0 0 0 2px var(--crunchr-button-hover-color);
}

.crunchr-customer-single__content { max-width: none; padding: 48px clamp(40px, 6vw, 100px) 140px; }
.crunchr-customer-single__content h2 {
	font-size: var(--wp--preset--font-size--h-5);
}
.crunchr-customer-single__content h3 {
	font-size: var(--wp--preset--font-size--h-6);
}
.crunchr-customer-single__content :is(h4, h5, h6) {
	font-size: var(--wp--preset--font-size--body);
}
.crunchr-customer-single__content ul {
	padding-left: 23px;
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	list-style: none;
}
.crunchr-customer-single__content ul > li {
	position: relative;
}
.crunchr-customer-single__content ul > li::before {
	position: absolute;
	top: calc(.75em - 3px);
	left: -23px;
	width: 6px;
	height: 6px;
	background: var(--wp--preset--color--neutral-900);
	content: "";
}
.crunchr-customer-single__content > :is(h1, h2, h3, h4, h5, h6).is-style-crunchr-pumpkin-square {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.crunchr-customers__empty { grid-column: 1 / -1; padding: 80px; }

@media (max-width: 900px) {
	.crunchr-customers__grid { --crunchr-story-spacer: 52px; }
	.crunchr-customer-single { --crunchr-customer-sidebar-width: 240px; }
	.crunchr-customer-single__hero.crunchr-customer-header-block { --crunchr-grid-cta-size: 120px; padding-bottom: 64px; }
	.crunchr-customer-header-block__inner {
		--crunchr-customer-hero-top-padding: max(152px, calc(var(--crunchr-header-height, 72px) + 64px));
		--crunchr-customer-breadcrumb-lift: 48px;
		padding-bottom: 0;
	}
	.crunchr-customers__hero { grid-template-columns: 1fr; min-height: auto; gap: 45px; padding: 80px 0 60px; }
	.crunchr-customers__filters {
		justify-self: start;
		overflow-x: auto;
		max-width: 100%;
		scrollbar-width: none;
	}
	.crunchr-customers__filters::-webkit-scrollbar { display: none; }
	.crunchr-story-card__copy { padding: 48px 38px; }
	.crunchr-customer-single__hero { grid-template-columns: 1fr; }
	.crunchr-customer-single__title { border-right: 0; border-bottom: 1px solid var(--crunchr-story-line); }
	.crunchr-customer-single__body { grid-template-columns: var(--crunchr-customer-sidebar-width) minmax(0, 1fr); gap: 50px; }
	.crunchr-customer-header-block__columns { grid-template-columns: 1fr; gap: 40px; }
	.crunchr-customer-header-block .crunchr-customer-single__intro { justify-self: stretch; max-width: none; }
	.crunchr-customer-single__body { gap: 0; }
	.crunchr-customer-single__content { padding: 48px 40px 100px; }
	.crunchr-customer-single__glance { padding: 32px; }
}

@media (max-width: 782px) {
	.crunchr-customer-single { --crunchr-customer-sidebar-width: var(--crunchr-customer-shell-gutter); }
	.crunchr-customer-header-block__inner {
		--crunchr-customer-hero-top-padding: max(152px, calc(var(--crunchr-header-height, 64px) + 64px));
		--crunchr-customer-breadcrumb-lift: 56px;
	}
	.crunchr-customers__filters a { padding: 10px 12px; white-space: nowrap; }
	.crunchr-customers__grid { --crunchr-story-spacer: 34px; grid-template-columns: 1fr; }
	.crunchr-story-card--video { display: flex; grid-column: auto; flex-direction: column; }
	.crunchr-story-card--video.is-media-first .crunchr-story-card__media { order: 0; }
	.crunchr-story-card__copy { min-height: 0; padding: 40px 28px; }
	.crunchr-story-card__media { padding: 36px 22px; }
	.crunchr-story-card.is-row-start { border-right: 0; }
	.crunchr-story-card.is-row-start::before {
		width: calc(100% + 4px);
		background-position: left center, right center, center;
		background-size: 5px 5px, 5px 5px, calc(100% - 4px) 1px;
	}
	.crunchr-story-card.is-row-start::after { width: calc(100% + 4px); background-position: left center, right center; }
	.crunchr-story-card.is-row-end::before {
		background:
			linear-gradient(#5e6e89, #5e6e89) left center / 5px 5px no-repeat,
			linear-gradient(#5e6e89, #5e6e89) right center / 5px 5px no-repeat,
			linear-gradient(var(--crunchr-story-line), var(--crunchr-story-line)) center / calc(100% - 4px) 1px no-repeat;
	}
	.crunchr-story-card.is-row-end::after {
		background-image:
			linear-gradient(#5e6e89, #5e6e89),
			linear-gradient(#5e6e89, #5e6e89);
		background-position: left center, right center;
		background-repeat: no-repeat;
		background-size: 5px 5px;
	}
	.crunchr-story-card.is-last-row:not(.is-last-item) { margin-bottom: var(--crunchr-story-spacer); }
	.crunchr-story-card.is-row-end.is-last-item::after {
		background-image:
			linear-gradient(#5e6e89, #5e6e89),
			linear-gradient(#5e6e89, #5e6e89);
		background-position: left center, right center;
		background-repeat: no-repeat;
		background-size: 5px 5px;
	}
	.crunchr-customer-single__title,
	.crunchr-customer-single__intro { padding: 55px 28px; }
	.crunchr-customer-single__body { grid-template-columns: 1fr; padding-block: 70px; }
	.crunchr-customer-single__hero.crunchr-customer-header-block { min-height: 0; }
	.crunchr-customer-header-block__inner { width: calc(100cqw - (2 * var(--crunchr-customer-shell-gutter))); }
	.crunchr-customer-single__breadcrumb { margin-bottom: 0; }
	.crunchr-customer-header-block__columns { grid-template-columns: 1fr; }
	.crunchr-customer-header-block .crunchr-customer-single__intro { padding: 32px 24px; }
	.crunchr-customer-single__video { min-height: 0; padding: 24px var(--crunchr-customer-shell-gutter); }
	.crunchr-customer-single__player { width: 100%; }
	.crunchr-customer-single__body { gap: 0; padding-block: 0; }
	.crunchr-customer-single__body::before { display: none; }
	.crunchr-customer-single__glance { border-top: 0; border-right: 0; border-bottom: 1px solid var(--crunchr-story-line); box-shadow: none; }
	.crunchr-customer-single__content { padding: 40px var(--crunchr-customer-shell-gutter) 72px; font-size: 16px; }
	.crunchr-customer-single__glance { position: static; padding: 24px var(--crunchr-customer-shell-gutter); }
	.crunchr-customer-single__glance h2 { margin-bottom: 24px; }
	.crunchr-customer-single__glance dl div { padding-bottom: 12px; }
	.crunchr-customer-single__glance dl div + div { padding-top: 12px; }
	.crunchr-customer-single__glance-cta { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.crunchr-customers__grid { animation: none; }
}

/* Customer editor panel. */

.crunchr-customer-related { width: 100%; background: #fff; }
.crunchr-customer-related__separator { box-sizing: border-box; width: calc(100% - 2 * var(--crunchr-customer-shell-gutter)); max-width: var(--wp--style--global--wide-size, 1440px); height: 90px; margin: auto; border: 1px solid var(--crunchr-story-line); }
.crunchr-customer-related__inner { box-sizing: border-box; width: calc(100% - 2 * var(--crunchr-customer-shell-gutter)); max-width: var(--wp--style--global--wide-size, 1440px); margin: auto; padding: 70px 0 96px; border-right: 1px solid var(--crunchr-story-line); border-left: 1px solid var(--crunchr-story-line); }
.crunchr-customer-related__heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; padding-inline: 40px; }
.crunchr-customer-related__heading h2 { margin: 0; color: var(--crunchr-story-ink); font-size: var(--wp--preset--font-size--h-6, 20.25px); font-weight: 600; line-height: 1.4; }
.crunchr-customer-related__heading > a { color: var(--crunchr-story-blue); font-size: 12.6px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.crunchr-customer-related__heading > a:hover, .crunchr-customer-related__heading > a:focus-visible { text-decoration: underline; }
.crunchr-customer-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--crunchr-story-line); border-bottom: 1px solid var(--crunchr-story-line); }
.crunchr-customer-related-card { position: relative; display: flex; box-sizing: border-box; min-width: 0; min-height: 385px; flex-direction: column; border-right: 1px solid var(--crunchr-story-line); background: #fff; transition: background-color 220ms ease; }
.crunchr-customer-related-card:is(:hover, :focus-within) { background-color: color-mix(in srgb, var(--wp--preset--color--neutral-50, #f2f4f7) 50%, #fff); }
.crunchr-customer-related-card__anchor { display: flex; box-sizing: border-box; min-height: 385px; flex: 1; flex-direction: column; padding: 40px; color: inherit; text-decoration: none; }
.crunchr-customer-related-card__anchor:focus-visible { outline: 2px solid var(--crunchr-story-blue); outline-offset: -4px; }
.crunchr-customer-related-card::before, .crunchr-customer-related-card::after { position: absolute; z-index: 1; left: -3px; width: 5px; height: 5px; background: #5e6e89; content: ''; }
.crunchr-customer-related-card::before { top: -3px; }
.crunchr-customer-related-card::after { bottom: -3px; }
.crunchr-customer-related-card:last-child { border-right: 0; }
.crunchr-customer-related-card__image { display: block; flex: 0 0 auto; height: 26px; color: var(--crunchr-story-ink); text-decoration: none; }
.crunchr-customer-related-card__image img { display: block; width: auto; max-width: 130px; height: auto; max-height: 26px; object-fit: contain; object-position: left center; }
.crunchr-customer-related-card__body { display: flex; flex: 1; flex-direction: column; justify-content: flex-end; }
.crunchr-customer-related-card__meta { margin: 0 0 14px; color: var(--wp--preset--color--neutral-700, #3c4658); font-size: 9.98px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.crunchr-customer-related-card h3 { margin: 0; color: var(--crunchr-story-ink); font-size: var(--wp--preset--font-size--h-5, 25.63px); font-weight: 600; line-height: 1.4; }
.crunchr-customer-related-card__link { align-self: flex-start; margin-top: 15px; color: var(--crunchr-story-blue); font-size: 12.6px; font-weight: 600; }
.crunchr-customer-related-card__link::after { display: inline-block; width: 9px; height: 8px; margin-left: 3px; background-color: currentColor; vertical-align: middle; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8'%3E%3Cpath d='M3.82518 7.55082L8.07696 3.31326L8.09118 4.02426L3.82518 0H4.96278L8.61732 3.39858V3.95316L4.96278 7.55082H3.82518ZM0 4.10958V3.29904H7.8921V4.10958H0Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8'%3E%3Cpath d='M3.82518 7.55082L8.07696 3.31326L8.09118 4.02426L3.82518 0H4.96278L8.61732 3.39858V3.95316L4.96278 7.55082H3.82518ZM0 4.10958V3.29904H7.8921V4.10958H0Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat; content: ''; transition: transform 180ms ease-out; }
.crunchr-customer-related-card:is(:hover, :focus-within) .crunchr-customer-related-card__link::after { transform: translateX(4px); }
@media (max-width: 1000px) { .crunchr-customer-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .crunchr-customer-related-card:nth-child(2) { border-right: 0; } .crunchr-customer-related-card:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--crunchr-story-line); } }
@media (max-width: 782px) { .crunchr-customer-related__inner { padding: 48px 0 72px; } .crunchr-customer-related__heading { padding-inline: 28px; } .crunchr-customer-related__grid { grid-template-columns: 1fr; } .crunchr-customer-related-card, .crunchr-customer-related-card__anchor { min-height: 330px; } .crunchr-customer-related-card { border-right: 0; } .crunchr-customer-related-card__anchor { padding: 28px; } .crunchr-customer-related-card + .crunchr-customer-related-card { border-top: 1px solid var(--crunchr-story-line); } .crunchr-customer-related-card:nth-child(3) { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .crunchr-customer-related-card, .crunchr-customer-related-card__link::after { transition: none; } }

/* Customer editor panel. */
.crunchr-customer-fields__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.crunchr-customer-logo-preview img { display: block; width: auto; max-width: 220px; height: auto; max-height: 90px; margin-bottom: 10px; }
.crunchr-customer-logo-remove { margin-left: 10px; }
.crunchr-customer-glance { margin-top: 24px; }
.crunchr-customer-glance__row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; margin-bottom: 10px; }