/* All styles are scoped to this shortcode. No theme or BuddyBoss selectors. */
.fs-hc {
	--fs-hc-pink: #d45e9f;
	--fs-hc-ink: #21313d;
	--fs-hc-gap: clamp(10px, 1vw, 14px);
	container: fs-hc / inline-size;
	position: relative;
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0;
	isolation: isolate;
	font-family: inherit;
}
.fs-hc *, .fs-hc *::before, .fs-hc *::after { box-sizing: border-box; }
.fs-hc .fs-hc__canvas {
	position: relative;
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	grid-template-rows: repeat(12, minmax(0, 1fr));
	gap: var(--fs-hc-gap);
	height: var(--fs-hc-height, 1040px);
	padding: 0;
	border-radius: 0;
	background: none;
	overflow: hidden;
}
.fs-hc .fs-hc__tile {
	position: relative;
	display: block;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 24px;
	background: none;
	box-shadow: 0 7px 20px rgb(35 49 63 / 10%);
	text-decoration: none;
	transform: translateZ(0);
	outline-offset: 4px;
}
.fs-hc .fs-hc__tile img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: inherit;
	object-fit: cover;
	object-position: center 32%;
	transition: transform .45s ease, filter .35s ease;
}
.fs-hc .fs-hc__caption {
	position: absolute;
	inset: auto 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 26px 14px 12px;
	background: linear-gradient(transparent, rgb(17 26 35 / 75%));
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	opacity: 0;
	transition: opacity .2s ease;
}
.fs-hc .fs-hc__tile:focus-visible { outline: 3px solid #007aa6; }
.fs-hc .fs-hc__tile:focus-visible .fs-hc__caption { opacity: 1; }
/* 32 larger tiles around a transparent, compact call to action. */
.fs-hc .fs-hc__tile--1 { grid-area: 1 / 1 / 3 / 3; border-radius: 54px 22px 22px 22px; }
.fs-hc .fs-hc__tile--2 { grid-area: 3 / 1 / 4 / 3; border-radius: 60px; }
.fs-hc .fs-hc__tile--3 { grid-area: 4 / 1 / 6 / 3; border-radius: 22px; }
.fs-hc .fs-hc__tile--4 { grid-area: 1 / 3 / 2 / 5; border-radius: 60px; }
.fs-hc .fs-hc__tile--5 { grid-area: 2 / 3 / 4 / 5; border-radius: 22px 44px 22px 44px; }
.fs-hc .fs-hc__tile--6 { grid-area: 4 / 3 / 6 / 5; border-radius: 22px; }
.fs-hc .fs-hc__tile--7 { grid-area: 1 / 5 / 3 / 7; border-radius: 50%; }
.fs-hc .fs-hc__tile--8 { grid-area: 3 / 5 / 5 / 7; border-radius: 22px; }
.fs-hc .fs-hc__tile--9 { grid-area: 5 / 5 / 6 / 7; border-radius: 60px; }
.fs-hc .fs-hc__tile--10 { grid-area: 1 / 7 / 3 / 9; border-radius: 22px 54px 22px 22px; }
.fs-hc .fs-hc__tile--11 { grid-area: 3 / 7 / 4 / 9; border-radius: 60px; }
.fs-hc .fs-hc__tile--12 { grid-area: 4 / 7 / 6 / 9; border-radius: 22px; }
.fs-hc .fs-hc__tile--13 { grid-area: 1 / 9 / 4 / 11; border-radius: 22px 54px 22px 22px; }
.fs-hc .fs-hc__tile--14 { grid-area: 4 / 9 / 6 / 11; border-radius: 22px; }
.fs-hc .fs-hc__tile--15 { grid-area: 6 / 1 / 8 / 2; border-radius: 80px; }
.fs-hc .fs-hc__tile--16 { grid-area: 6 / 2 / 8 / 4; border-radius: 22px 44px 22px 44px; }
.fs-hc .fs-hc__tile--17 { grid-area: 6 / 8 / 8 / 10; border-radius: 44px 22px 44px 22px; }
.fs-hc .fs-hc__tile--18 { grid-area: 6 / 10 / 8 / 11; border-radius: 80px; }
.fs-hc .fs-hc__tile--19 { grid-area: 8 / 1 / 10 / 3; border-radius: 22px 22px 22px 54px; }
.fs-hc .fs-hc__tile--20 { grid-area: 10 / 1 / 11 / 3; border-radius: 60px; }
.fs-hc .fs-hc__tile--21 { grid-area: 11 / 1 / 13 / 3; border-radius: 22px 22px 22px 54px; }
.fs-hc .fs-hc__tile--22 { grid-area: 8 / 3 / 9 / 5; border-radius: 60px; }
.fs-hc .fs-hc__tile--23 { grid-area: 9 / 3 / 11 / 5; border-radius: 22px; }
.fs-hc .fs-hc__tile--24 { grid-area: 11 / 3 / 13 / 5; border-radius: 22px; }
.fs-hc .fs-hc__tile--25 { grid-area: 8 / 5 / 10 / 7; border-radius: 22px 44px 22px 44px; }
.fs-hc .fs-hc__tile--26 { grid-area: 10 / 5 / 12 / 7; border-radius: 50%; }
.fs-hc .fs-hc__tile--27 { grid-area: 12 / 5 / 13 / 7; border-radius: 60px; }
.fs-hc .fs-hc__tile--28 { grid-area: 8 / 7 / 10 / 9; border-radius: 22px; }
.fs-hc .fs-hc__tile--29 { grid-area: 10 / 7 / 11 / 9; border-radius: 60px; }
.fs-hc .fs-hc__tile--30 { grid-area: 11 / 7 / 13 / 9; border-radius: 22px 22px 54px 22px; }
.fs-hc .fs-hc__tile--31 { grid-area: 8 / 9 / 11 / 11; border-radius: 44px 22px 44px 22px; }
.fs-hc .fs-hc__tile--32 { grid-area: 11 / 9 / 13 / 11; border-radius: 22px 22px 54px 22px; }
.fs-hc .fs-hc__card {
	position: relative;
	z-index: 2;
	grid-area: 6 / 4 / 8 / 8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	min-width: 0;
	min-height: 0;
	padding: 10px 14px;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	text-align: center;
	color: var(--fs-hc-ink);
}
.fs-hc .fs-hc__eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0 0 16px;
	color: #576875;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.3px;
	line-height: 1.5;
}
.fs-hc .fs-hc__eyebrow > span {
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00aeef;
	box-shadow: 0 0 0 4px #e6f7fd;
}
.fs-hc .fs-hc__button,
.fs-hc .fs-hc__button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 12px;
	max-width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 15px 24px;
	border: 0;
	border-radius: 100px;
	background: var(--fs-hc-pink);
	box-shadow: 0 7px 19px rgb(212 94 159 / 23%);
	color: #fff;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.25px;
	text-decoration: none;
	text-transform: none;
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.fs-hc .fs-hc__button svg { flex: 0 0 20px; width: 20px; height: 20px; color: #fff; }
.fs-hc .fs-hc__button:hover { background: #bd4789; color: #fff; transform: translateY(-2px); box-shadow: 0 10px 25px rgb(212 94 159 / 30%); }
.fs-hc .fs-hc__button:focus-visible { outline: 3px solid #007aa6; outline-offset: 5px; }
.fs-hc .fs-hc__nojs { display: none; }
.fs-hc .fs-hc__skeleton { background: none; box-shadow: none; }
.fs-hc .fs-hc__tile--empty { visibility: hidden; box-shadow: none; }
.fs-hc > script { display: none; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.fs-hc .fs-hc__tile:hover img { transform: scale(1.055); filter: brightness(1.035); }
	.fs-hc .fs-hc__tile:hover .fs-hc__caption { opacity: 1; }
}
@container fs-hc (max-width: 900px) {
	.fs-hc .fs-hc__canvas { grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(12, minmax(0, 1fr)); height: 1080px; gap: 12px; }
	.fs-hc .fs-hc__tile--1 { grid-area: 1 / 1 / 3 / 3; border-radius: 54px 22px 22px 22px; }
	.fs-hc .fs-hc__tile--2 { grid-area: 3 / 1 / 4 / 3; border-radius: 60px; }
	.fs-hc .fs-hc__tile--3 { grid-area: 4 / 1 / 6 / 3; border-radius: 22px; }
	.fs-hc .fs-hc__tile--4 { grid-area: 1 / 3 / 2 / 5; border-radius: 60px; }
	.fs-hc .fs-hc__tile--5 { grid-area: 2 / 3 / 4 / 5; border-radius: 22px 44px 22px 44px; }
	.fs-hc .fs-hc__tile--6 { grid-area: 4 / 3 / 6 / 5; border-radius: 22px; }
	.fs-hc .fs-hc__tile--7 { grid-area: 1 / 5 / 3 / 7; border-radius: 50%; }
	.fs-hc .fs-hc__tile--8 { grid-area: 3 / 5 / 4 / 7; border-radius: 22px; }
	.fs-hc .fs-hc__tile--9 { grid-area: 4 / 5 / 6 / 7; border-radius: 60px; }
	.fs-hc .fs-hc__tile--10 { grid-area: 1 / 7 / 2 / 9; border-radius: 22px 54px 22px 22px; }
	.fs-hc .fs-hc__tile--11 { grid-area: 2 / 7 / 4 / 9; border-radius: 60px; }
	.fs-hc .fs-hc__tile--12 { grid-area: 4 / 7 / 6 / 9; border-radius: 22px; }
	.fs-hc .fs-hc__tile--13 { grid-area: 8 / 1 / 10 / 3; border-radius: 22px 54px 22px 22px; }
	.fs-hc .fs-hc__tile--14 { grid-area: 10 / 1 / 11 / 3; border-radius: 22px; }
	.fs-hc .fs-hc__tile--15 { grid-area: 11 / 1 / 13 / 3; border-radius: 80px; }
	.fs-hc .fs-hc__tile--16 { grid-area: 8 / 3 / 9 / 5; border-radius: 22px 44px 22px 44px; }
	.fs-hc .fs-hc__tile--17 { grid-area: 9 / 3 / 11 / 5; border-radius: 44px 22px 44px 22px; }
	.fs-hc .fs-hc__tile--18 { grid-area: 11 / 3 / 13 / 5; border-radius: 80px; }
	.fs-hc .fs-hc__tile--19 { grid-area: 8 / 5 / 10 / 7; border-radius: 22px 22px 22px 54px; }
	.fs-hc .fs-hc__tile--20 { grid-area: 10 / 5 / 11 / 7; border-radius: 60px; }
	.fs-hc .fs-hc__tile--21 { grid-area: 11 / 5 / 13 / 7; border-radius: 22px 22px 22px 54px; }
	.fs-hc .fs-hc__tile--22 { grid-area: 8 / 7 / 9 / 9; border-radius: 60px; }
	.fs-hc .fs-hc__tile--23 { grid-area: 9 / 7 / 11 / 9; border-radius: 22px; }
	.fs-hc .fs-hc__tile--24 { grid-area: 11 / 7 / 13 / 9; border-radius: 22px; }
	.fs-hc .fs-hc__tile--25, .fs-hc .fs-hc__tile--26, .fs-hc .fs-hc__tile--27, .fs-hc .fs-hc__tile--28, .fs-hc .fs-hc__tile--29, .fs-hc .fs-hc__tile--30, .fs-hc .fs-hc__tile--31, .fs-hc .fs-hc__tile--32 { display: none; }
	.fs-hc .fs-hc__card { grid-area: 6 / 1 / 8 / 9; padding: 12px 18px; }
}
@container fs-hc (max-width: 450px) {
	.fs-hc .fs-hc__canvas { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(14, minmax(0, 1fr)); height: 1180px; gap: 9px; }
	.fs-hc .fs-hc__tile--1 { grid-area: 1 / 1 / 3 / 3; border-radius: 36px 18px 18px 18px; }
	.fs-hc .fs-hc__tile--2 { grid-area: 3 / 1 / 5 / 3; border-radius: 40px; }
	.fs-hc .fs-hc__tile--3 { grid-area: 5 / 1 / 7 / 3; border-radius: 18px 18px 18px 36px; }
	.fs-hc .fs-hc__tile--4 { grid-area: 1 / 3 / 3 / 5; border-radius: 18px; }
	.fs-hc .fs-hc__tile--5 { grid-area: 3 / 3 / 5 / 5; border-radius: 36px 18px 36px 18px; }
	.fs-hc .fs-hc__tile--6 { grid-area: 5 / 3 / 7 / 5; border-radius: 18px; }
	.fs-hc .fs-hc__tile--7 { grid-area: 1 / 5 / 3 / 7; border-radius: 18px 36px 18px 18px; }
	.fs-hc .fs-hc__tile--8 { grid-area: 3 / 5 / 5 / 7; border-radius: 40px; }
	.fs-hc .fs-hc__tile--9 { grid-area: 5 / 5 / 7 / 7; border-radius: 18px 18px 36px 18px; }
	.fs-hc .fs-hc__tile--10 { grid-area: 9 / 1 / 11 / 3; border-radius: 36px 18px 18px 18px; }
	.fs-hc .fs-hc__tile--11 { grid-area: 11 / 1 / 13 / 3; border-radius: 40px; }
	.fs-hc .fs-hc__tile--12 { grid-area: 13 / 1 / 15 / 3; border-radius: 18px 18px 18px 36px; }
	.fs-hc .fs-hc__tile--13 { grid-area: 9 / 3 / 11 / 5; border-radius: 18px; }
	.fs-hc .fs-hc__tile--14 { grid-area: 11 / 3 / 13 / 5; border-radius: 36px 18px 36px 18px; }
	.fs-hc .fs-hc__tile--15 { grid-area: 13 / 3 / 15 / 5; border-radius: 18px; }
	.fs-hc .fs-hc__tile--16 { grid-area: 9 / 5 / 11 / 7; border-radius: 18px 36px 18px 18px; }
	.fs-hc .fs-hc__tile--17 { grid-area: 11 / 5 / 13 / 7; border-radius: 40px; }
	.fs-hc .fs-hc__tile--18 { grid-area: 13 / 5 / 15 / 7; border-radius: 18px 18px 36px 18px; }
	.fs-hc .fs-hc__tile--19, .fs-hc .fs-hc__tile--20, .fs-hc .fs-hc__tile--21, .fs-hc .fs-hc__tile--22, .fs-hc .fs-hc__tile--23, .fs-hc .fs-hc__tile--24 { display: none; }
	.fs-hc .fs-hc__card { grid-area: 7 / 1 / 9 / 7; padding: 12px 14px; }
	.fs-hc .fs-hc__eyebrow { max-width: 245px; font-size: 9px; letter-spacing: 1.1px; margin-bottom: 16px; }
	.fs-hc .fs-hc__button { min-height: 52px; gap: 10px; padding: 13px 18px; font-size: 19px; }
}
@container fs-hc (max-width: 340px) {
	.fs-hc .fs-hc__button { padding-inline: 10px; }
	.fs-hc .fs-hc__button svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.fs-hc .fs-hc__tile img, .fs-hc .fs-hc__caption, .fs-hc .fs-hc__button { transition: none; }
	.fs-hc .fs-hc__button:hover { transform: none; }
}
