@property --crunchr-insight-dot-a {
	syntax: "<color>";
	inherits: true;
	initial-value: transparent;
}
@property --crunchr-insight-dot-b {
	syntax: "<color>";
	inherits: true;
	initial-value: transparent;
}
@property --crunchr-insight-dot-c {
	syntax: "<color>";
	inherits: true;
	initial-value: transparent;
}
@property --crunchr-insight-dot-d {
	syntax: "<color>";
	inherits: true;
	initial-value: transparent;
}
.wp-block-crunchr-insight-header.crunchr-insight-header {
	--grid: clamp(140px, 9.375cqw, 180px);
	--site-gutter: max(var(--wp--style--root--padding-right, 20px), calc((100cqw - 1440px) / 2));
	--crunchr-insight-header-top-spacing: max(144px, calc(var(--crunchr-header-height, 80px) + 48px));
	position: relative;
	left: 50%;
	box-sizing: border-box;
	width: 100cqw;
	max-width: 100cqw !important;
	min-height: max(620px, calc(68px + (var(--grid) * 3.4)));
	overflow: hidden;
	container-type: inline-size;
	background: #fff;
	color: #05193b;
	transform: translateX(-50%);
}
.crunchr-insight-header__dots { position: absolute; z-index: 0; inset: 0; pointer-events: none; }
.crunchr-insight-header__dots::before,
.crunchr-insight-header__dots::after { position: absolute; inset: 0; content: ""; }
.crunchr-insight-header__dots::before {
	--crunchr-insight-dot-a: transparent;
	--crunchr-insight-dot-b: transparent;
	--crunchr-insight-dot-c: transparent;
	--crunchr-insight-dot-d: transparent;
	background-image: radial-gradient(circle at 13px 25px, var(--crunchr-insight-dot-a) 0 1.2px, transparent 1.45px), radial-gradient(circle at 61px 13px, var(--crunchr-insight-dot-b) 0 1.2px, transparent 1.45px), radial-gradient(circle at 37px 49px, var(--crunchr-insight-dot-c) 0 1.2px, transparent 1.45px), radial-gradient(circle at 49px 61px, var(--crunchr-insight-dot-d) 0 1.2px, transparent 1.45px), radial-gradient(circle at 1px 37px, var(--crunchr-insight-dot-b) 0 1.2px, transparent 1.45px), radial-gradient(circle at 25px 1px, var(--crunchr-insight-dot-c) 0 1.2px, transparent 1.45px), radial-gradient(circle at 61px 49px, var(--crunchr-insight-dot-a) 0 1.2px, transparent 1.45px), radial-gradient(circle at 37px 13px, var(--crunchr-insight-dot-d) 0 1.2px, transparent 1.45px), radial-gradient(circle at 13px 61px, var(--crunchr-insight-dot-c) 0 1.2px, transparent 1.45px), radial-gradient(circle at 49px 25px, var(--crunchr-insight-dot-b) 0 1.2px, transparent 1.45px), radial-gradient(circle at 25px 37px, var(--crunchr-insight-dot-d) 0 1.2px, transparent 1.45px), radial-gradient(circle at 1px 1px, var(--crunchr-insight-dot-a) 0 1.2px, transparent 1.45px), radial-gradient(circle at 1px 1px, rgba(5,25,59,.22) 0 1px, transparent 1.25px);
	background-position: calc(100% - var(--site-gutter)) 50px;
	background-size: 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 96px 96px, 12px 12px;
	-webkit-mask-image: radial-gradient(ellipse 49% 52% at 74% 50%, #000 16%, rgba(0,0,0,.78) 46%, rgba(0,0,0,.24) 69%, transparent 100%);
	mask-image: radial-gradient(ellipse 49% 52% at 74% 50%, #000 16%, rgba(0,0,0,.78) 46%, rgba(0,0,0,.24) 69%, transparent 100%);
	animation: crunchr-insight-dot-a 8.7s ease-in-out infinite, crunchr-insight-dot-b 11.3s ease-in-out -3.1s infinite, crunchr-insight-dot-c 13.1s ease-in-out -6.4s infinite, crunchr-insight-dot-d 9.7s ease-in-out -1.8s infinite;
}
.crunchr-insight-header__dots::after {
	background-image: linear-gradient(rgba(181,191,207,.38) 1px, transparent 1px), linear-gradient(90deg, rgba(181,191,207,.38) 1px, transparent 1px);
	background-position: right var(--site-gutter) top 50px;
	background-size: var(--grid) var(--grid);
	-webkit-mask-image: radial-gradient(ellipse 48% 52% at 75% 50%, #000 14%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.25) 68%, transparent 100%);
	mask-image: radial-gradient(ellipse 48% 52% at 75% 50%, #000 14%, rgba(0,0,0,.82) 44%, rgba(0,0,0,.25) 68%, transparent 100%);
}
.crunchr-insight-header__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 5fr 7fr; box-sizing: border-box; width: 100%; min-height: max(620px, calc(68px + (var(--grid) * 3.4))); padding-inline: var(--site-gutter); }
.crunchr-insight-header__content { align-self: start; width: min(100%, 476px); padding-top: 176px; }
.crunchr-insight-header__content-group { margin: 0; }
.crunchr-insight-header__eyebrow { display: flex; align-items: center; gap: 6px; margin: 0 0 16px; color: #3c4658; font-size: 12.64px; font-weight: 500; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }
.crunchr-insight-header__eyebrow.wp-block-paragraph::after { width: 6px; height: 6px; background: #ff7518; content: ""; }
.crunchr-insight-header__eyebrow i { width: 6px; height: 6px; background: #ff7518; }
.crunchr-insight-header__content h1 { max-width: 476px; margin: 0; color: #05193b; font-size: clamp(44px, 2.706vw, 51.96px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.crunchr-insight-header__body { max-width: 409px; margin: 18px 0 20px; color: #3c4658; font-size: 18px; line-height: 1.5; }
.crunchr-insight-header__content .wp-block-buttons { margin: 0; }
.crunchr-insight-header__button,
.crunchr-insight-header__content .wp-block-button__link { display: inline-block; padding: 13px 20px; border-radius: 4px; background: var(--wp--preset--color--blue-600, #0f5ed5); color: #fff; font-size: 14.22px; font-weight: 600; line-height: 18px; text-decoration: none; }
.crunchr-insight-header__visual { position: relative; top: 16px; align-self: stretch; min-width: 0; }
.crunchr-insight-header__question { position: absolute; z-index: 5; top: calc(50px + (var(--grid) * .36)); right: calc(var(--grid) * 2); left: 14.2857%; width: auto; margin: 0; color: #05193b; font-size: 14.22px; font-weight: 500; line-height: 1.5; text-align: right; white-space: nowrap; }
.crunchr-insight-header__question::after { display: inline-block; width: 1px; height: 1em; margin-left: 3px; background: currentColor; vertical-align: -.12em; content: ""; animation: crunchr-insight-cursor 1s steps(1, end) infinite; }
.crunchr-insight-header__image-frame { position: absolute; z-index: 2; top: calc(44px + var(--grid)); right: 10px; box-sizing: border-box; width: calc((var(--grid) * 2) - 20px); height: calc((var(--grid) * 2) - 20px); overflow: hidden; border-radius: 16px; background: #ff872f url("assets/figma-portrait.png") center / cover no-repeat; opacity: 0; scale: .97; animation: crunchr-insight-image-in .9s .08s cubic-bezier(.22,1,.36,1) forwards; }
.crunchr-insight-header__image-frame img { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; max-width: none; height: 100%; border-radius: inherit; object-fit: cover; image-rendering: crisp-edges; }
.crunchr-insight-header__image-highlight { position: absolute; z-index: 4; top: calc(34px + (var(--grid) * .6146)); right: calc(var(--grid) * -.459); width: calc(var(--grid) * 2.9333); height: calc(var(--grid) * 2.8278); background: url("assets/image-grid-highlight.svg") center / 100% 100% no-repeat; opacity: 0; animation: crunchr-insight-fade-in .8s .32s ease-out forwards; pointer-events: none; }
.crunchr-insight-header__image-highlight::after { position: absolute; top: 13.163%; left: 15.72%; width: 5px; height: 5px; background: #5e6e89; content: ""; }
.crunchr-insight-header__metric,
.crunchr-insight-header__summary { position: absolute; z-index: 6; box-sizing: border-box; border: .75px solid #dce2eb; border-radius: 16px; opacity: 0; translate: 0 18px; animation: crunchr-insight-panel-in .72s cubic-bezier(.22,1,.36,1) forwards; transition: translate .38s cubic-bezier(.22,1,.36,1), box-shadow .38s ease, border-color .38s ease; }
.crunchr-insight-header__metric { top: calc(34px + (var(--grid) * .75)); right: calc(var(--grid) * 1.65); display: flex; width: 201px; height: 155px; padding: 16px; flex-direction: column; justify-content: center; border: .75px solid #dce2eb; border-radius: 16px; background: #fff; box-shadow: 15px 16px 31.6px 0 rgba(5,25,59,.35); }
.crunchr-insight-header__visual.has-extra-card > .crunchr-insight-header__metric { width: 166px; box-shadow: 7px 7px 7.5px rgba(21,29,43,.18); }
.crunchr-insight-header__metric--extra { right: calc((var(--grid) * 1.65) + 182px) !important; }
.crunchr-insight-header__metric-title { color: #171d26; font-size: 13px; font-weight: 500; line-height: 1.5; }
.crunchr-insight-header__metric-period { color: #505d73; font: 12px/18px "Open Sans", sans-serif; }
.crunchr-insight-header__metric strong { margin-top: 5px; font-size: 32.44px; font-weight: 600; line-height: 1.2; }
.crunchr-insight-header__metric-foot { display: flex; align-items: center; gap: 5px; margin-top: 5px; color: #505d73; font: 12px/18px "Open Sans", sans-serif; }
.crunchr-insight-header__change { padding: 0 4px; border-radius: 2px; background: #e7f3fe; color: #1e76f2; font-weight: 700; }
.crunchr-insight-header__metric--score { width: 244px; padding: 16px; box-shadow: 15px 16px 15.8px rgba(21,29,43,.35); }
.crunchr-insight-header__score-title { display: block; width: 100%; height: 40px; color: #171d26; font-size: 13px; font-weight: 600; line-height: 1.5; }
.crunchr-insight-header__score-rows { display: flex; width: 100%; flex-direction: column; gap: 8px; }
.crunchr-insight-header__score-row { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; white-space: nowrap; }
.crunchr-insight-header__score-label { min-width: 0; overflow: hidden; color: #505d73; font: 12px/18px "Open Sans", sans-serif; text-overflow: ellipsis; }
.crunchr-insight-header__metric .crunchr-insight-header__score-value { flex: 0 0 auto; margin-top: 0; color: #171d26; font-size: 16px !important; font-weight: 600; line-height: 18px; }
.crunchr-insight-header__summary { top: calc(-14px + (var(--grid) * 2.683)); right: calc(var(--grid) * 1.42); width: 227px; min-height: 101px; padding: 16px; background: rgba(255,255,255,.55); box-shadow: 0 4px 4px rgba(5,25,59,.07), inset 4px 4px 26px rgba(5,25,59,.05); -webkit-backdrop-filter: blur(9.8px); backdrop-filter: blur(9.8px); }
.crunchr-insight-header__metric { animation-delay: .18s; }
.crunchr-insight-header__metric--extra { animation-delay: .1s; }
.crunchr-insight-header__summary { animation-delay: .38s; }
.crunchr-insight-header__metric:hover,
.crunchr-insight-header__summary:hover { translate: 0 -4px; border-color: #99a5ba; }
.crunchr-insight-header__metric:hover { box-shadow: 18px 24px 44px rgba(5,25,59,.4); }
.crunchr-insight-header__summary:hover { box-shadow: 0 16px 34px rgba(5,25,59,.14), inset 4px 4px 26px rgba(5,25,59,.05); }
.crunchr-insight-header__summary-label { display: inline-block; padding: 2px 8px; border-radius: 23px; background: #fff; box-shadow: 0 4px 2px rgba(5,25,59,.07); font: 600 11.5px/1.5 "Open Sans", sans-serif; }
.crunchr-insight-header__summary p { margin: 7px 0 0; color: #171d26; font-size: 13px; line-height: 1.5; }
@keyframes crunchr-insight-panel-in { to { opacity: 1; translate: 0 0; } }
@keyframes crunchr-insight-image-in { to { opacity: 1; scale: 1; } }
@keyframes crunchr-insight-fade-in { to { opacity: 1; } }
@keyframes crunchr-insight-cursor { 0%, 46% { opacity: 1; } 47%, 100% { opacity: 0; } }
@keyframes crunchr-insight-dot-a { 0%,9%,24%,47%,63%,86%,100% { --crunchr-insight-dot-a: transparent; } 13%,20%,52%,59%,91%,96% { --crunchr-insight-dot-a: var(--wp--preset--color--neutral-300, #99a5ba); } }
@keyframes crunchr-insight-dot-b { 0%,16%,35%,54%,75%,100% { --crunchr-insight-dot-b: transparent; } 21%,30%,59%,69%,82%,91% { --crunchr-insight-dot-b: var(--wp--preset--color--neutral-300, #99a5ba); } }
@keyframes crunchr-insight-dot-c { 0%,12%,29%,44%,67%,88%,100% { --crunchr-insight-dot-c: transparent; } 17%,24%,49%,61%,73%,82%,93% { --crunchr-insight-dot-c: var(--wp--preset--color--neutral-300, #99a5ba); } }
@keyframes crunchr-insight-dot-d { 0%,18%,38%,57%,79%,100% { --crunchr-insight-dot-d: transparent; } 7%,13%,25%,33%,46%,52%,64%,72%,86%,94% { --crunchr-insight-dot-d: var(--wp--preset--color--neutral-300, #99a5ba); } }
@media (max-width: 1200px) {
	.wp-block-crunchr-insight-header.crunchr-insight-header { min-height: 0; overflow: visible; }
	.crunchr-insight-header__dots { display: none; }
	.crunchr-insight-header__inner { display: block; min-height: 0; }
	.crunchr-insight-header__content { width: 100%; padding: var(--crunchr-insight-header-top-spacing) 0 56px; }
	.crunchr-insight-header__visual { --grid: clamp(104px, 22cqw, 160px); top: 0; height: calc((var(--grid) * 3) + 90px); }
	.crunchr-insight-header__visual::before { position: absolute; inset: 0 calc(var(--site-gutter) * -1); background-image: radial-gradient(circle at 1px 1px, rgba(5,25,59,.22) 0 1px, transparent 1.25px), linear-gradient(rgba(181,191,207,.35) 1px, transparent 1px), linear-gradient(90deg, transparent calc(50% - .5px), rgba(181,191,207,.35) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)); background-position: center top, center top, center top; background-size: 12px 12px, var(--grid) var(--grid), var(--grid) var(--grid); -webkit-mask-image: radial-gradient(ellipse 80% 75% at 50% 50%, #000, transparent 88%); mask-image: radial-gradient(ellipse 80% 75% at 50% 50%, #000, transparent 88%); content: ""; }
	.crunchr-insight-header__image-frame { top: calc(var(--grid) + 10px); right: 50%; width: calc((var(--grid) * 2) - 20px); height: calc((var(--grid) * 2) - 20px); transform: translateX(50%); }
	.crunchr-insight-header__image-highlight { top: calc(var(--grid) * .6146); right: calc(50% - (var(--grid) * 1.459)); width: calc(var(--grid) * 2.9333); height: calc(var(--grid) * 2.8278); }
	.crunchr-insight-header__image-highlight::after { top: 13.163%; left: 15.72%; width: 5px; height: 5px; }
	.crunchr-insight-header__question { top: calc(var(--grid) * .22); right: calc(50% + var(--grid)); width: min(360px, calc(50% - var(--grid))); transform: none; }
	.crunchr-insight-header__metric { top: calc(var(--grid) * .7); right: calc(50% + (var(--grid) * .65)); transform: scale(.9); transform-origin: right top; }
	.crunchr-insight-header__visual.has-extra-card > .crunchr-insight-header__metric:not(.crunchr-insight-header__metric--extra) { right: max(0px, calc(50% - var(--grid) - 156px)); }
	.crunchr-insight-header__metric--extra { right: auto !important; left: max(0px, calc(50% - var(--grid) - 156px)); transform-origin: left top; }
	.crunchr-insight-header__summary { top: calc(var(--grid) * 2.15); right: calc(50% + (var(--grid) * .42)); transform: scale(.95); transform-origin: right top; }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) { height: calc((var(--grid) * 3) + 180px); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score)::before { background-position: center calc(115px - (var(--grid) * .3)), center calc(115px - (var(--grid) * .3)), center calc(115px - (var(--grid) * .3)); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__image-frame { top: calc((var(--grid) * .7) + 125px); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__image-highlight { top: calc(115px + (var(--grid) * .3146)); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__summary { top: calc((var(--grid) * 2.7) + 25px); }
}
@media (max-width: 1200px) {
	.crunchr-insight-header__question { right: 50%; left: auto; width: calc(100% - 32px); text-align: center; white-space: normal; transform: translateX(50%); }
}
@media (max-width: 600px) {
	.wp-block-crunchr-insight-header.crunchr-insight-header { --crunchr-insight-header-top-spacing: max(104px, calc(var(--crunchr-header-height, 80px) + 24px)); }
	.crunchr-insight-header__content { padding-top: var(--crunchr-insight-header-top-spacing); }
	.crunchr-insight-header__content h1 { font-size: 42px; }
	.crunchr-insight-header__body { font-size: 16px; }
	.crunchr-insight-header__visual { --grid: clamp(92px, calc((100cqw - 48px) / 3), 112px); height: calc((var(--grid) * 3) + 170px); }
	.crunchr-insight-header__question { top: 0; right: 50%; width: calc(100cqw - 24px); transform: translateX(50%); }
	.crunchr-insight-header__metric { top: calc(var(--grid) * .38); right: clamp(16px, calc(50% + (var(--grid) * .65)), calc(100% - 173px)); left: auto; transform: scale(.78); transform-origin: right top; }
	.crunchr-insight-header__metric--score { top: 84px; right: auto; left: 50%; transform: translateX(-50%) scale(.78); transform-origin: center top; }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) { height: calc((var(--grid) * 3) + 230px); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score)::before { background-position: center calc(180px - var(--grid)), center calc(180px - var(--grid)), center calc(180px - var(--grid)); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__image-frame { top: 190px; }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__image-highlight { top: calc(180px - (var(--grid) * .3854)); }
	.crunchr-insight-header__visual:has(> .crunchr-insight-header__metric--score) .crunchr-insight-header__summary { top: calc(90px + (var(--grid) * 2)); }
	.crunchr-insight-header__visual.has-extra-card > .crunchr-insight-header__metric:not(.crunchr-insight-header__metric--extra) { top: 84px; right: 16px; }
	.crunchr-insight-header__metric--extra { top: 84px; right: auto !important; left: 16px; transform-origin: left top; }
	.crunchr-insight-header__summary { top: calc(var(--grid) * 2.45); right: clamp(16px, calc(50% + (var(--grid) * .42)), calc(100% - 216px)); left: auto; transform: scale(.88); transform-origin: right top; }
}
@media (prefers-reduced-motion: reduce) {
	.crunchr-insight-header__dots::before,
	.crunchr-insight-header__question::after,
	.crunchr-insight-header__image-frame,
	.crunchr-insight-header__image-highlight,
	.crunchr-insight-header__metric,
	.crunchr-insight-header__summary { animation: none; }
	.crunchr-insight-header__image-frame,
	.crunchr-insight-header__image-highlight,
	.crunchr-insight-header__metric,
	.crunchr-insight-header__summary { opacity: 1; translate: none; scale: 1; transition: none; }
}