/* Kerry Wavy Section Block */
.kerry-wavy-section {
	--s: var(--wavy-s, 60px);
	--r: calc(var(--s) * 0.675);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: var(--wavy-min-h, 200px);
	background: var(--wavy-bg, #FFF0F3);
	mask:
		radial-gradient(var(--r) at 50% calc(var(--s) * 0.95), #000 99%, #0000 101%) calc(50% - var(--s)) 0 / calc(var(--s) * 2) 51% repeat-x,
		radial-gradient(var(--r) at 50% calc(var(--s) * -0.45), #0000 99%, #000 101%) 50% calc(var(--s) * 0.5) / calc(var(--s) * 2) calc(51% - var(--s) * 0.5) repeat-x,
		radial-gradient(var(--r) at 50% calc(100% - var(--s) * 0.95), #000 99%, #0000 101%) calc(50% - var(--s)) 100% / calc(var(--s) * 2) 51% repeat-x,
		radial-gradient(var(--r) at 50% calc(100% + var(--s) * 0.45), #0000 99%, #000 101%) 50% calc(100% - var(--s) * 0.5) / calc(var(--s) * 2) calc(51% - var(--s) * 0.5) repeat-x;
	-webkit-mask:
		radial-gradient(var(--r) at 50% calc(var(--s) * 0.95), #000 99%, #0000 101%) calc(50% - var(--s)) 0 / calc(var(--s) * 2) 51% repeat-x,
		radial-gradient(var(--r) at 50% calc(var(--s) * -0.45), #0000 99%, #000 101%) 50% calc(var(--s) * 0.5) / calc(var(--s) * 2) calc(51% - var(--s) * 0.5) repeat-x,
		radial-gradient(var(--r) at 50% calc(100% - var(--s) * 0.95), #000 99%, #0000 101%) calc(50% - var(--s)) 100% / calc(var(--s) * 2) 51% repeat-x,
		radial-gradient(var(--r) at 50% calc(100% + var(--s) * 0.45), #0000 99%, #000 101%) 50% calc(100% - var(--s) * 0.5) / calc(var(--s) * 2) calc(51% - var(--s) * 0.5) repeat-x;
}

.kerry-wavy-section__content {
	position: relative;
	z-index: 1;
	padding: calc(var(--wavy-s, 60px) + 20px) 20px;
	max-width: 900px;
	margin: 0 auto;
	color: var(--wavy-text, #333333);
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: var(--wavy-font-size, 48px);
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.kerry-wavy-section__content p {
	margin: 0 !important;
}

/* Full & Wide alignment breakout */
.kerry-wavy-section.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.kerry-wavy-section.alignwide {
	width: 90vw;
	max-width: 90vw;
	margin-left: calc(50% - 45vw);
	margin-right: calc(50% - 45vw);
}

/* Editor preview */
.kerry-wavy-section--editor {
	border: 1px dashed #ccc;
}