.hero {
	--max-hero-content-width: calc(100% - var(--component-padding) * 2);
	align-items: flex-start;
	background-image: linear-gradient(
		180deg,
		#e4edf0 calc(100% - 3vw),
		transparent 0
	);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.hero.square-variant {
	background: #4cb2e0;
}
.hero.square-variant .hero__media img {
	display: block;
}
.hero.full-variant {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 24rem;
}
.hero.full-variant h1 {
	justify-content: center;
	text-align: center;
	padding: 1em 2em;
	background-color: rgba(76, 178, 224, .8);
}
.hero.full-variant .hero__content {
	margin-left: auto;
	justify-items: center;
	grid-row-start: 3;
}
.hero__subtext-container{
	display: grid;
	padding: 1em;
	grid-template-columns: 1fr;
	text-align: center;
}
.hero__subtext-container .hero__subtext {
	grid-column-start: 2;
}
.hero .hero__content,
.hero .wp-block-petbutler-breadcrumbs {
	flex-basis: var(--max-hero-content-width);
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-hero-content-width);
}
.hero .wp-block-petbutler-breadcrumbs {
	order: 1;
}
.hero .hero__media {
	aspect-ratio: 768/729;

	background-size: cover;
	flex-basis: 100%;
	height: auto;
	max-width: 100vw;
	order: 2;
	position: relative;
	width: 100%;
	z-index: 1;
}
.hero.wavy-variant .hero__media {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzY4IDcyOSI+PHBhdGggZmlsbD0iIzRDQjJFMCIgZD0iTTAgMTgzLjc4NkMxMy43ODcgMTI0Ljc0NiAzMC45OTUgNzIuODIgMTA1LjAyNCAzNS43OTggMTMyLjgzOSAyMS44OSAxNjYuNTY4IDkuODgyIDIwMy45MzQgMGg0ODIuMzYzYzEwLjA5NCAzLjgyMSAxOS41MjggOC4wMDIgMjguMjEyIDEyLjU1MkM3MzYuOTggMjQuMzIgNzU0LjMzMiAzNy41NjcgNzY4IDUyLjUzdjY0NC43OTRjLTY2LjAwOCAyOS42NTItMTQ2LjQzNiAzNy43NTEtMjExLjI4OSAyNS44ODItNTcuMDk3LTEwLjQ1MS0xNDAuMDc4LTkuMzM4LTIyNy4yNTItOC4xNjlDMjA4LjMzNyA3MTYuNjYxIDc5LjEyMiA3MTguMzk0IDAgNjg5LjM2OXoiLz48L3N2Zz4=")
	100% 0 no-repeat;
}
.hero.wavy-variant .hero__media .hero__image {
	aspect-ratio: 768/737;
	-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzY4IDczNyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgNjQ0LjQxMVYxMTQuMDQyYzUwLjc0Mi00MC4yOTcgMTEwLjc4OS01MC45NzYgMTc3LjQyMy02Mi44MjVDMjMzLjUwNiA0MS4yNDMgMjk0LjI1NCAzMC40NCAzNTguMDQ2LjQ1SDc2OHY1ODQuMzQ1Yy02Mi41ODIgODQuODA4LTE3MC40NzcgMTIyLjIxNy0zODUuMDkzIDE0Ny40MTZDMjE2LjMxMSA3NTEuNzcyIDgxLjI5MiA3MDcuNDI5IDAgNjQ0LjQxMSIvPjwvc3ZnPg==")
		top right no-repeat;
	mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzY4IDczNyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgNjQ0LjQxMVYxMTQuMDQyYzUwLjc0Mi00MC4yOTcgMTEwLjc4OS01MC45NzYgMTc3LjQyMy02Mi44MjVDMjMzLjUwNiA0MS4yNDMgMjk0LjI1NCAzMC40NCAzNTguMDQ2LjQ1SDc2OHY1ODQuMzQ1Yy02Mi41ODIgODQuODA4LTE3MC40NzcgMTIyLjIxNy0zODUuMDkzIDE0Ny40MTZDMjE2LjMxMSA3NTEuNzcyIDgxLjI5MiA3MDcuNDI5IDAgNjQ0LjQxMSIvPjwvc3ZnPg==")
		top right no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.hero .hero__media .hero__image {

}
.hero .hero__media .hero__image img {
	-o-object-position: top right;
	object-position: top right;
}
.hero .hero__content {
	align-items: flex-start;
	display: flex;
	flex-flow: row wrap;
	gap: var(--space-md);
	justify-content: flex-start;
	order: 3;
	padding-bottom: var(--space-xl);
	padding-top: var(--space-md);
}
.hero .hero__content h1 {
	color: var(--color-primary);
	font-size: max(2.25rem, min(12.5vw, 3rem));
}
.hero .hero__content p {
	font-size: var(--text-base-size);
	line-height: var(--line-height-md);
}
.hero .hero__content .hero__button {
	align-self: flex-start;
}
@media (min-width: 48rem) {
	.hero {
		background-image: linear-gradient(
			180deg,
			#e4edf0 calc(100% - 50px),
			transparent 0
		);
		grid-column-gap: minmax(1fr, calc(var(--max-width-lg) / 2));
		-moz-column-gap: minmax(1fr, calc(var(--max-width-lg) / 2));
		column-gap: minmax(1fr, calc(var(--max-width-lg) / 2));
		display: grid;
		grid-template-columns: minmax(var(--component-padding),1fr) repeat(2,minmax(calc(var(--max-width-lg)/2),1fr)) minmax(var(--component-padding),1fr);
		grid-template-rows: repeat(8, 1fr);
	}
	.hero.square-variant {
		grid-template-columns: minmax(var(--component-padding), 1fr) repeat(
				2,
				minmax(0, calc(var(--max-width-lg) / 2))
			) minmax(var(--component-padding), 1fr);
	}
	.hero.full-variant {
		grid-template-columns: minmax(var(--component-padding), 1fr)    minmax(40%, var(--max-width-lg)) minmax(var(--component-padding), 1fr);
	}
	.hero__subtext-container{
		grid-template-columns: minmax(var(--component-padding), 1fr)    minmax(40%, var(--max-width-lg)) minmax(var(--component-padding), 1fr);
	}
	.hero .wp-block-petbutler-breadcrumbs {
		flex-shrink: 1;
		grid-column-end: 3;
		grid-column-start: 2;
		grid-row-end: 3;
		grid-row-start: 1;
		margin-left: 0;
		order: 1;
	}
	.hero.wavy-variant .hero__media {
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzcxIDYzMiI+PHBhdGggZmlsbD0iIzRDQjJFMCIgZD0iTTkzLjk3NCAxNjcuMzg3YzEzLjA0OC01Ny43ODkgMjQuNTg1LTEwOC44NzkgOTUuNTUyLTE0NC4zNjcgMTcuMDA1LTguNTA0IDM2LjUyNS0xNi4yIDU3Ljg4Ny0yMy4wMmg0NzIuNTE2cTIuNjEgMS4yNyA1LjEyNSAyLjU4OGMxOS4xNjcgMTAuMDQgMzQuMDk1IDIxLjMwMyA0NS45MzcgMzMuOTgzdjU2OC4xNDFjLTU3LjggMjUuNjcyLTEyNy45NjIgMzIuNjQtMTg0LjYwMSAyMi4yNzItNTAuMTc1LTkuMTg1LTEyMy4wOTEtOC4yMDctMTk5LjY4OC03LjE3OS0xMzEuMTkzIDEuNzYxLTI3My4xODUgMy42NjctMzMwLjIxLTQ1LjEwMi05MC4zMjUtNzcuMjQzLTU2Ljk1Mi0yMDAuNDE0LjMyLTI5OS45MTggMjEuMjQ1LTM2LjkxMiAyOS40NjYtNzMuMzIgMzcuMTYyLTEwNy4zOTgiLz48L3N2Zz4=")
			100% 0 no-repeat;
	}
	.hero .hero__media {
		aspect-ratio: auto;
		background-size: contain;
		grid-column-end: -1;
		grid-column-start: 3;
		grid-row-end: -1;
		grid-row-start: 1;
		order: 2;
		position: relative;
		z-index: 1;
	}
	.hero.wavy-variant .hero__media .hero__image {
		-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzQwIDYzOCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTczOS45OTEgNTA3LjgxM1YwSDM4OS45OThjLTU2LjM1MSAyNy4xMzItMTA5Ljk5NSAzNi42Ny0xNTkuNDQyIDQ1LjQ2MS03My45MTkgMTMuMTQzLTEzOC40NTggMjQuNjE4LTE4OC42NCA5MC43MDctNTIuODYgNjkuNjA3LTQzLjcyNyAxMjAuNzg2LTM0LjU1NSAxNzIuMTg3IDYuMDcgMzQuMDE4IDEyLjE1NyA2OC4xMzQuMzAzIDEwNy43NTNDLTIyLjEwMyA1MTUuNTkgMTQ4LjcxNiA2NjQuNDMgNDA4LjEyIDYzMy45NjRjMTg0LjQxOS0yMS42NTkgMjc3LjY2NC01My43NDcgMzMxLjg3MS0xMjYuMTUxIi8+PC9zdmc+")
			top right no-repeat;
		mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgNzQwIDYzOCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTczOS45OTEgNTA3LjgxM1YwSDM4OS45OThjLTU2LjM1MSAyNy4xMzItMTA5Ljk5NSAzNi42Ny0xNTkuNDQyIDQ1LjQ2MS03My45MTkgMTMuMTQzLTEzOC40NTggMjQuNjE4LTE4OC42NCA5MC43MDctNTIuODYgNjkuNjA3LTQzLjcyNyAxMjAuNzg2LTM0LjU1NSAxNzIuMTg3IDYuMDcgMzQuMDE4IDEyLjE1NyA2OC4xMzQuMzAzIDEwNy43NTNDLTIyLjEwMyA1MTUuNTkgMTQ4LjcxNiA2NjQuNDMgNDA4LjEyIDYzMy45NjRjMTg0LjQxOS0yMS42NTkgMjc3LjY2NC01My43NDcgMzMxLjg3MS0xMjYuMTUxIi8+PC9zdmc+")
			top right no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
	}
	.hero .hero__media .hero__image {
		aspect-ratio: auto;
		max-height: calc(var(--space-xxxxl) * 1.75);
		min-height: calc(var(--space-xxxxl) * 1.5);
		-o-object-position: top right;
		object-position: top right;
	}
	.hero .hero__content {
		grid-column-end: 3;
		grid-column-start: 2;
		grid-row-end: -1;
		grid-row-start: 2;
		margin-left: 0;
		order: 1;
		padding-bottom: var(--space-md);
		padding-top: 0;
	}
	.hero .hero__content .wp-block-petbutler-address {
		align-self: flex-start;
	}
	.hero .hero__content > .text-component {
		--text-space-y-multiplier: 2.5;
	}
}
body.home.page .hero__content {
	grid-row-start: 2;
}
.hero.border-wavy.border-wavy--bottom {
	position: relative;
}
.hero.border-wavy.border-wavy--bottom:after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB2aWV3Qm94PSIwIDAgMTQ0MCA0MCI+PHBhdGggZmlsbD0iI0U0RURGMCIgZD0iTTAgMHYxLjI4NnM2MS44MjIgNzUuMDAyIDQ4NS45NzQgMTMuOTYyYzIyOS43MjQtMzMuMDU3IDQ4OC41ODUtLjIyNSA1MTkuMzM2IDMuNjcyIDQ0Mi41IDU2LjE0NiA0MzQuNjgtMTcuNjM0IDQzNC42OC0xNy42MzRWMHoiLz48L3N2Zz4=");
	background-origin: border-box;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 50px;
	position: absolute;
	top: calc(100% - 50px);
	width: 100%;
	z-index: 0;
}
.wp-block-petbutler-hero[\:has\(\.border-wavy\)]
	+ section[\:has\(\.bg-pattern\)]
	.bg-pattern {
	margin-top: -20px;
	padding-bottom: var(--space-xl) !important;
	padding-top: var(--space-xl) !important;
}
.wp-block-petbutler-hero:has(.border-wavy)
	+ section:has(.bg-pattern)
	.bg-pattern {
	padding-bottom: var(--space-xl) !important;
	padding-top: var(--space-xl) !important;
}
.wp-block-petbutler-hero:has(.border-wavy)
	+ section:has(.bg-pattern)
	.bg-pattern {
	margin-top: -20px;
}
@media (min-width: 48rem) {
	.wp-block-petbutler-hero[\:has\(\.border-wavy\)]
		+ section[\:has\(\.bg-pattern\)]
		.bg-pattern {
		margin-top: -50px;
		padding-bottom: var(--space-xl) !important;
		padding-top: var(--space-xl) !important;
	}
	.wp-block-petbutler-hero:has(.border-wavy)
		+ section:has(.bg-pattern)
		.bg-pattern {
		padding-bottom: var(--space-xl) !important;
		padding-top: var(--space-xl) !important;
	}
	.wp-block-petbutler-hero:has(.border-wavy)
		+ section:has(.bg-pattern)
		.bg-pattern {
		margin-top: -50px;
	}
}
body {
	.hero.wavy-variant .hero__media {
		margin-bottom: -25px;
	}
}
.hero.border-wavy.border-wavy--bottom:after {
	background-position: 0;
	background-size: cover;
	right: 18%;
	width: 82%;
}
.cat-hero {
	background: #e4edf0;
	h1 {
		font-size: max(2.25rem, min(12.5vw, 3rem));
	}
}
.hero__button {
	z-index: 1;
}
@media (max-width: 1440px) {
	.hero.border-wavy.border-wavy--bottom {
		align-items: center;
		display: flex;
		flex-flow: nowrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	body {
		.hero__content {
			display: block !important;
			flex-basis: auto !important;
			max-width: none !important;
			padding-left: calc(50% - 40rem);
			width: 43.5%;
		}
		.hero.wavy-variant .hero__media {
			flex-basis: max-content !important;
			margin-bottom: -40px;
			max-width: -moz-max-content !important;
			max-width: max-content !important;
			width: 53.5% !important;
		}
	}
	.hero.border-wavy.border-wavy--bottom:after {
		background-position: 0;
		background-size: cover;
		right: 18%;
		width: 82%;
	}
	.wp-block-petbutler-breadcrumbs {
		padding-left: calc(50% - 40rem);
		width: 100%;
	}
	.cat-hero {
		.wp-block-petbutler-breadcrumbs {
			margin-bottom: 0;
			padding-left: 0;
		}
	}
}
@media (max-width: 1369px) {
	body {
		.hero__content {
			display: block !important;
			padding-left: 3%;
			width: 43.5%;
		}
		.hero.wavy-variant .hero__media {
			flex-basis: auto !important;
			margin-bottom: -30px;
			max-width: none !important;
			width: 53.5% !important;
		}
	}
	.wp-block-petbutler-breadcrumbs {
		padding-left: 3%;
		width: 100%;
	}
	.hero.border-wavy.border-wavy--bottom:after {
		top: calc(100% - 52px);
	}
}
@media (max-width: 1240px) {
	body {
		.hero__content {
			h1 {
				font-size: 40px !important;
			}
		}
	}
	.hero__media {
		img {
			margin-bottom: 0;
			min-height: auto !important;
		}
	}
	.hero.border-wavy.border-wavy--bottom:after {
		top: calc(100% - 51px);
	}
}
@media (max-width: 1160px) {
	body {
		.hero__content {
			h1 {
				font-size: 35px !important;
				margin-bottom: 20px;
				margin-top: 10px !important;
			}
		}
		.hero.wavy-variant .hero__media {
			margin-bottom: -10px !important;
		}
	}
}
@media (max-width: 991px) {
	body {
		.hero__content p {
			font-size: 16px !important;
			line-height: 1.25 !important;
			margin-bottom: 15px !important;
		}
		.hero__content {
			padding-bottom: 39px !important;
			width: 43.5%;
		}
		.hero.wavy-variant .hero__media {
			width: 55.5% !important;
		}
		.hero__content .text-component {
			margin-top: 30px;
		}
		.hero__content .text-component__block {
			margin-bottom: 10px;
		}
	}
}
@media (max-width: 767px) {
	body {
		.hero__media {
			width: auto !important;
		}
		.hero__content {
			padding-left: 0;
			width: var(--max-hero-content-width) !important;
		}
	
		.wp-block-petbutler-breadcrumbs {
			margin-bottom: 0;
		}
		.hero.border-wavy.border-wavy--bottom:after {
			background-size: 100%;
			height: 25px;
			right: 0 !important;
			top: calc(100% - 25px);
			width: 100%;
		}
		.hero.wavy-variant .hero__media {
			width: 100% !important;
		}
	}
}

@media screen and (min-width: 64rem) {
	.location-heading {
		text-wrap: nowrap;
		z-index: 2;
		text-shadow: 0 0 3px #e4edf0, 0 0 3px #e4edf0;
	}

	.location-hero-content {
		z-index: 2;
		text-shadow: 0 0 3px #e4edf0, 0 0 3px #e4edf0;
		position: relative;
		text-shadow: 0 0 10px #e6ecef, 0 0 10px #e6ecef, 0 0 10px #e6ecef,
			0 0 10px #e6ecef, 0 0 10px #e6ecef, 0 0 10px #e6ecef;
	}
}