.wp-block-handsup-page-thumbnails.now-page-thumbnails{
	--now-cream:#f6f2e9;
	--now-orange:#ffa001;
	--now-dark-orange:#d45b04;
	--now-yellow:#fdd867;
	--now-pale-green:#b0d0ab;
	--now-green:#598873;
	--now-blue:#2e519e;
	--now-purple:#82a9ff;
	--now-thumbnail-green:var(--now-green);
	--now-thumbnail-purple:var(--now-pale-green);
	--now-wine:#683022;
	--now-ink:#1c1c1c;
	--now-thumbnail-card-width:16.2rem;
	--now-thumbnail-image-width:15.2rem;
	--now-thumbnail-button-width:16.2rem;
	--now-thumbnail-items-gap:clamp(1.35rem,2.4vw,2.7rem);
	--now-thumbnail-items-width:85rem;
	--now-thumbnail-stack-gap:clamp(2rem,2.8vw,3rem);
	--now-thumbnail-body-gap:clamp(.95rem,1.6vw,1.45rem);
	--now-thumbnail-button-offset:clamp(.9rem,1.4vw,1.5rem);
	--now-thumbnail-button-height:clamp(3.35rem,3.6vw,4rem);
	--now-thumbnail-title-size:clamp(1.35rem,1.6vw,1.5rem);
	--now-thumbnail-title-line-height:1.05;
	--now-thumbnail-title-min-height:0;
	--now-thumbnail-title-padding-top:0;
	--now-thumbnail-description-size:clamp(1rem,1.05vw,1.24rem);
	--now-thumbnail-description-line-height:1.3;
	--now-thumbnail-button-label-size:clamp(1rem,1.05vw,1.18rem);
	--now-thumbnail-entry-min-height:0;
	background-color:var(--now-cream);
	box-sizing:border-box;
	color:var(--now-ink);
	container-type:inline-size;
	padding:4rem 0;
	text-align:left;
}

.wp-block-handsup-page-thumbnails.now-page-thumbnails.alignwide{
	margin-left:auto;
	margin-right:auto;
	max-width:1360px;
	width:100%;
}

.wp-block-handsup-page-thumbnails.now-page-thumbnails.alignfull{
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	max-width:100vw !important;
	width:100vw !important;
}

.now-page-thumbnails__heading{
	color:inherit;
	font-size:clamp(2.25rem,3.1vw,44px);
	font-weight:800;
	letter-spacing:0;
	line-height:1.05;
	margin:0 0 3rem;
	max-width:none;
}

.now-page-thumbnails__items{
	display:flex;
	column-gap:var(--now-thumbnail-items-gap);
	justify-content:center;
	list-style:none;
	margin:0 auto;
	max-width:var(--now-thumbnail-items-width);
	padding:0;
	row-gap:2.25rem;
}

.now-page-thumbnails--wrap .now-page-thumbnails__items{
	flex-wrap:wrap;
}

.now-page-thumbnails--scroll .now-page-thumbnails__items{
	-webkit-overflow-scrolling:touch;
	justify-content:flex-start;
	overflow-x:auto;
	padding-bottom:.75rem;
	scroll-snap-type:x proximity;
}

.now-page-thumbnails__entry{
	--now-thumbnail-accent:var(--now-thumbnail-green);
	--now-thumbnail-blob-radius:52% 48% 46% 54%/47% 53% 47% 53%;
	--now-thumbnail-image-radius:50% 50% 48% 52%/45% 51% 49% 55%;
	--now-thumbnail-blob-transform:rotate(-1deg);
	display:flex;
	flex:0 0 min(var(--now-thumbnail-card-width),84vw);
	margin:0;
	min-height:var(--now-thumbnail-entry-min-height);
	scroll-snap-align:start;
}

.now-page-thumbnails__entry:nth-child(2n){
	--now-thumbnail-accent:var(--now-orange);
	--now-thumbnail-blob-radius:48% 52% 55% 45%/54% 47% 53% 46%;
	--now-thumbnail-image-radius:50% 50% 53% 47%/52% 49% 51% 48%;
	--now-thumbnail-blob-transform:rotate(1deg);
}

.now-page-thumbnails__entry:nth-child(3n){
	--now-thumbnail-accent:var(--now-blue);
	--now-thumbnail-blob-radius:55% 45% 49% 51%/46% 52% 48% 54%;
	--now-thumbnail-image-radius:53% 47% 51% 49%/48% 50% 50% 52%;
	--now-thumbnail-blob-transform:rotate(-1deg);
}

.now-page-thumbnails__entry:nth-child(4n){
	--now-thumbnail-accent:var(--now-thumbnail-purple);
	--now-thumbnail-blob-radius:47% 53% 50% 50%/52% 46% 54% 48%;
	--now-thumbnail-image-radius:49% 51% 48% 52%/50% 48% 52% 50%;
	--now-thumbnail-blob-transform:rotate(1deg);
}

.now-page-thumbnails__entry:nth-child(5n){
	--now-thumbnail-accent:var(--now-dark-orange);
	--now-thumbnail-blob-radius:48% 52% 55% 45%/54% 47% 53% 46%;
	--now-thumbnail-image-radius:50% 50% 53% 47%/52% 49% 51% 48%;
}

.now-page-thumbnails__item{
	align-items:center;
	background:transparent;
	border:0;
	border-radius:0;
	box-shadow:none;
	color:inherit;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:var(--now-thumbnail-stack-gap);
	padding:0;
	position:relative;
	text-align:center;
	text-decoration:none;
	transition:transform .16s ease,color .16s ease;
	width:100%;
}

a.now-page-thumbnails__item:focus,
a.now-page-thumbnails__item:hover{
	color:inherit;
	text-decoration:none;
	transform:translateY(-.18rem);
}

a.now-page-thumbnails__item:focus-visible{
	outline:4px solid var(--now-thumbnail-accent);
	outline-offset:7px;
}

.wp-block-handsup-page-thumbnails.now-page-thumbnails .now-page-thumbnails__image{
	aspect-ratio:441/366;
	background:transparent;
	border:0;
	overflow:visible;
	position:relative;
	width:min(100%,var(--now-thumbnail-image-width));
}

.wp-block-handsup-page-thumbnails.now-page-thumbnails .now-page-thumbnails__image:before{
	background:var(--now-thumbnail-accent);
	border-radius:var(--now-thumbnail-blob-radius);
	bottom:0;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:0;
	transform:var(--now-thumbnail-blob-transform);
	z-index:0;
}

.wp-block-handsup-page-thumbnails.now-page-thumbnails .now-page-thumbnails__image img{
	border:0;
	border-radius:var(--now-thumbnail-image-radius);
	display:block;
	height:93%;
	left:3.5%;
	object-fit:cover;
	overflow:hidden;
	position:absolute;
	top:3.5%;
	width:93%;
	z-index:1;
}

.now-page-thumbnails__item-body{
	align-items:center;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:var(--now-thumbnail-body-gap);
	width:100%;
}

.now-page-thumbnails__title{
	align-items:center;
	background:transparent;
	border:0;
	border-radius:0;
	color:#424242;
	display:inline-flex;
	font-size:var(--now-thumbnail-title-size);
	font-weight:800;
	justify-content:center;
	letter-spacing:0;
	line-height:var(--now-thumbnail-title-line-height);
	margin:0;
	min-height:var(--now-thumbnail-title-min-height);
	min-width:0;
	padding:var(--now-thumbnail-title-padding-top) 0 0;
	text-transform:none;
}

.now-page-thumbnails__description{
	color:#424242;
	font-size:var(--now-thumbnail-description-size);
	font-weight:600;
	line-height:var(--now-thumbnail-description-line-height);
	margin:0 0 auto;
	max-width:15.2rem;
}

.now-page-thumbnails__arrow{
	align-items:center;
	background:transparent;
	border:3px solid var(--now-orange);
	border-radius:999px;
	box-sizing:border-box;
	color:var(--now-ink);
	display:flex;
	font-size:clamp(1.45rem,1.7vw,1.9rem);
	font-weight:800;
	height:var(--now-thumbnail-button-height);
	justify-content:space-between;
	line-height:.8;
	margin-top:var(--now-thumbnail-button-offset);
	padding:.5rem 2.375rem;
	transition:background-color .16s ease,border-color .16s ease,color .16s ease;
	width:min(100%,var(--now-thumbnail-button-width));
}

@container (min-width:900px){
	.now-page-thumbnails__items{
		--now-thumbnail-card-width:15.1875rem;
		--now-thumbnail-image-width:13.7673rem;
		--now-thumbnail-button-width:15.1875rem;
		--now-thumbnail-stack-gap:.125rem;
		--now-thumbnail-body-gap:.625rem;
		--now-thumbnail-button-offset:.75rem;
		--now-thumbnail-button-height:3.625rem;
		--now-thumbnail-title-size:1.75rem;
		--now-thumbnail-title-line-height:1.2857;
		--now-thumbnail-title-min-height:2.8494rem;
		--now-thumbnail-title-padding-top:.615rem;
		--now-thumbnail-description-size:1.11875rem;
		--now-thumbnail-description-line-height:1.351;
		--now-thumbnail-button-label-size:1.125rem;
		--now-thumbnail-entry-min-height:21.97225rem;
	}

	.now-page-thumbnails--scroll .now-page-thumbnails__entry{
		flex:1 1 var(--now-thumbnail-card-width);
		max-width:var(--now-thumbnail-card-width);
		min-width:11rem;
	}

	.now-page-thumbnails--scroll .now-page-thumbnails__items{
		padding-left:1rem;
		padding-right:1rem;
	}
}

.now-page-thumbnails__arrow:before{
	content:"Find out more";
	font-size:var(--now-thumbnail-button-label-size);
	font-weight:800;
	line-height:1;
}

.now-page-thumbnails__arrow--editable:before{
	display:none;
}

.now-page-thumbnails__arrow-label{
	font-size:var(--now-thumbnail-button-label-size);
	font-weight:800;
	line-height:1;
}

.now-page-thumbnails__arrow-icon{
	align-items:center;
	align-self:center;
	display:inline-flex;
	font-size:1.45em;
	height:1em;
	justify-content:center;
	line-height:1;
}

a.now-page-thumbnails__item:focus .now-page-thumbnails__arrow,
a.now-page-thumbnails__item:hover .now-page-thumbnails__arrow{
	background:var(--now-orange);
	border-color:var(--now-orange);
}

.now-page-thumbnails__item.is-current .now-page-thumbnails__title{
	color:var(--now-thumbnail-accent);
}

@media(max-width:899px){
	.wp-block-handsup-page-thumbnails.now-page-thumbnails{
		padding-bottom:2.75rem;
		padding-left:1rem;
		padding-right:1rem;
		padding-top:2.75rem;
		text-align:center;
	}

	.now-page-thumbnails__heading{
		font-size:clamp(2.25rem,8vw,44px);
		margin-bottom:2.5rem;
	}

	.now-page-thumbnails__items{
		justify-content:center;
	}
}