/*
 * Sparkles SVG Sprinkles 0.1.0
 *
 * Decorative vectors only: no script, animation, fixed positioning, filters,
 * or extra DOM. The low-opacity marks live behind the Gutenberg content.
 */

:where(.page-id-10, .page-id-15, .page-id-17, .page-id-19, .page-id-21, .page-id-23, .page-id-25)
  .entry-content-wrap > .entry-content > .wp-block-group:first-child {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	overflow: clip;
	contain: paint;
}

:where(.page-id-10, .page-id-15, .page-id-17, .page-id-19, .page-id-21, .page-id-23, .page-id-25)
  .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.32;
}

/*
 * A second, selectively used motif borrows the lively rhythm of the former
 * photographic balloon banner without recreating its visual or page weight.
 */
:where(.page-id-10, .page-id-17, .page-id-19, .page-id-21)
  .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.page-id-10 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
	top: 53%;
	left: -3.5rem;
	width: 10rem;
	aspect-ratio: 18 / 13;
	background-image: url("svg/balloon-dog.svg");
	opacity: 0.22;
}

.page-id-17 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
	bottom: 8%;
	left: -3rem;
	width: 11rem;
	aspect-ratio: 4 / 3;
	background-image: url("svg/bubble-rings.svg");
	opacity: 0.22;
}

.page-id-19 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
	top: 8%;
	right: -3.5rem;
	width: 11.5rem;
	aspect-ratio: 18 / 13;
	background-image: url("svg/balloon-dog.svg");
	opacity: 0.21;
}

.page-id-21 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
	bottom: 4%;
	left: -2.5rem;
	width: 8.5rem;
	aspect-ratio: 7 / 9;
	background-image: url("svg/balloon-bouquet.svg");
	opacity: 0.23;
}

/* Home: bubbles echo the hero balloons without adding another photograph. */
.page-id-10 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 37%;
	right: -2.8rem;
	width: 13rem;
	aspect-ratio: 4 / 3;
	background-image: url("svg/bubble-rings.svg");
}

/* Services: a balloon dog communicates the activity before the user reads. */
.page-id-15 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 42%;
	right: -3.25rem;
	width: 14.5rem;
	aspect-ratio: 18 / 13;
	background-image: url("svg/balloon-dog.svg");
	opacity: 0.29;
}

/* Packages: a small bouquet acts as a visual price-menu emblem. */
.page-id-17 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 18%;
	right: -2.25rem;
	width: 10.5rem;
	aspect-ratio: 7 / 9;
	background-image: url("svg/balloon-bouquet.svg");
	opacity: 0.32;
}

/* Library programs: bubbles feel participatory but remain calm. */
.page-id-19 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 34%;
	left: -3.25rem;
	width: 13rem;
	aspect-ratio: 4 / 3;
	background-image: url("svg/bubble-rings.svg");
	opacity: 0.31;
}

/* Gallery: bubbles add a playful cue while leaving the photographs dominant. */
.page-id-21 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 38%;
	right: -3rem;
	width: 13rem;
	aspect-ratio: 4 / 3;
	background-image: url("svg/bubble-rings.svg");
	opacity: 0.31;
}

/* About: a balloon figure adds personality to the solid opening panel. */
.page-id-23 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	bottom: -2.5rem;
	right: -3.4rem;
	width: 14rem;
	aspect-ratio: 18 / 13;
	background-image: url("svg/balloon-dog.svg");
	opacity: 0.31;
}

/* Inquiry: celebratory, while staying well clear of the form itself. */
.page-id-25 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
	top: 12%;
	right: -2.75rem;
	width: 10.5rem;
	aspect-ratio: 7 / 9;
	background-image: url("svg/balloon-bouquet.svg");
	opacity: 0.32;
}

@media (min-width: 720px) {
	.page-id-10 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		top: auto;
		bottom: -3rem;
		right: 1.5rem;
		width: 19rem;
		opacity: 0.25;
	}

	.page-id-15 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after,
	.page-id-23 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		right: 2rem;
		width: 21rem;
		opacity: 0.23;
	}

	.page-id-17 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after,
	.page-id-25 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		right: 3rem;
		width: 14rem;
		opacity: 0.27;
	}

	.page-id-19 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		left: 1.5rem;
		width: 19rem;
		opacity: 0.25;
	}

	.page-id-21 .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		top: auto;
		bottom: -3rem;
		right: 1.5rem;
		width: 19rem;
		opacity: 0.25;
	}

	.page-id-10 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
		top: auto;
		bottom: -3rem;
		left: 2rem;
		width: 16rem;
		opacity: 0.18;
	}

	.page-id-17 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
		bottom: -3rem;
		left: 2rem;
		width: 16rem;
		opacity: 0.18;
	}

	.page-id-19 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
		top: auto;
		bottom: -3rem;
		right: 2rem;
		width: 18rem;
		opacity: 0.17;
	}

	.page-id-21 .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
		bottom: -3rem;
		left: 3rem;
		width: 12rem;
		opacity: 0.19;
	}
}

/* Decorative marks should disappear when extra contrast is requested. */
@media (forced-colors: active), (prefers-contrast: more) {
	:where(.page-id-10, .page-id-15, .page-id-17, .page-id-19, .page-id-21, .page-id-23, .page-id-25)
	  .entry-content-wrap > .entry-content > .wp-block-group:first-child::after {
		display: none;
	}

	:where(.page-id-10, .page-id-17, .page-id-19, .page-id-21)
	  .entry-content-wrap > .entry-content > .wp-block-group:first-child::before {
		display: none;
	}
}