
.wp-block-hpinc-section-header {
	--content-max-width: 780px;
	--media-width: 0;
	--cta-width: 0;
	--content-offset-without-media: 0;
	--content-cta-row-gap: var(--wp--custom--spacing--64);
	--media-content-gap: var(--wp--custom--spacing--24, 1.5rem);
	--content-width: 100%;
}

@media (min-width:768px) {
	.wp-block-hpinc-section-header {
		--media-content-gap: var(--wp--custom--spacing--80, 5rem);
		--content-offset-without-media: var(--wp--custom--spacing--80, 5rem);
		--content-width: calc(100% - var(--content-cta-row-gap, 0px) - var(--cta-width, 0px));
	}
}

.has-global-padding > .alignfull.wp-block-hpinc-section-header, .wp-block-hpinc-section-header.alignfull:not(.does-not-exist) {
	margin-left: var(--wp--style--root--padding-right);
	margin-right: var(--wp--style--root--padding-right);
}

.wp-block-hpinc-section-header.has-lines .is-mobile {
	display: block;
}

.wp-block-hpinc-section-header.has-lines .is-desktop {
	display: none;
}

.wp-block-hpinc-section-header:not(.wp-block-hpinc-section-header--has-image) {
	--media-width: 0;
	--content-offset-without-media: 0;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header.has-lines:not(.wp-block-hpinc-section-header--has-image) .is-mobile {
		display: none;
	}
	
	.wp-block-hpinc-section-header.has-lines:not(.wp-block-hpinc-section-header--has-image) .is-desktop {
		display: block;
	}
}

.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-image {
	--media-width: 160px;
	--content-offset-without-media: 0;
	--media-content-gap: var(--wp--custom--spacing--24, 1.5rem);
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-image:not(.alignfull):not(.alignwide) {
		--media-content-gap: var(--wp--custom--spacing--48, 3rem);
	}
	
	.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-image {
		--media-width: 260px;
		--media-content-gap: var(--wp--custom--spacing--80, 5rem);
	}
}

@media (min-width:1200px) {
	.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-image.has-lines .is-mobile {
		display: none;
	}
	
	.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-image.has-lines .is-desktop {
		display: block;
	}
}

.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-cta {
	--cta-width: 160px;
}

.wp-block-hpinc-section-header.wp-block-hpinc-section-header--has-cta[data-line-style=curved] {
	--cta-width: 260px;
}

.wp-block-hpinc-section-header[data-line-style=surround] {
	--content-offset-without-media: 0;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header[data-line-style=surround] {
		--content-offset-without-media: var(--wp--custom--spacing--80, 5rem);
	}
}

.wp-block-hpinc-section-header__inner {
	display: flex;
	flex-direction: column;
	gap: var(--media-content-gap);
	margin-left: var(--content-offset-without-media);
}

.wp-block-hpinc-section-header__inner > .wp-block-group.is-style-gradient-outline {
	max-width: var(--media-width);
}

@media (max-width:1024px) {
	.wp-block-hpinc-section-header__inner > .wp-block-group.is-style-gradient-outline {
		padding: var(--wp--custom--spacing--16);
	}
}

.wp-block-hpinc-section-header__title {
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
}

.wp-block-hpinc-section-header__description {
	width: 100%;
}

.wp-block-hpinc-section-header__description > :first-child {
	margin-top: 0;
}

.wp-block-hpinc-section-header__description > :last-child {
	margin-bottom: 0;
}

[data-line-style=curved] .wp-block-hpinc-section-header__description {
	min-height: 45px;
}

.wp-block-hpinc-section-header__content {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--wp--custom--spacing--24);
	max-width: var(--content-width);
	width: 100%;
}

.wp-block-hpinc-section-header--has-cta .wp-block-hpinc-section-header__inner {
	align-items: center;
	flex-direction: column;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header--has-cta .wp-block-hpinc-section-header__inner {
		flex-direction: row;
	}
}

.wp-block-hpinc-section-header__main {
	width: 100%;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header__main {
		display: flex;
		flex: 1 1 auto;
		gap: var(--content-cta-row-gap);
	}
}

.wp-block-hpinc-section-header__cta {
	align-self: flex-start;
	display: flex;
	flex: 1 1 auto;
	margin-top: var(--wp--custom--spacing--24);
	min-width: var(--cta-width);
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header__cta {
		justify-content: flex-end;
		margin-top: 0;
	}
}

[data-line-style] .wp-block-hpinc-section-header__cta .wp-block-button {
	line-height: var(--cta-title-line-height);
}

[data-line-style] .wp-block-hpinc-section-header__cta .wp-block-button .wp-block-button__link {
	line-height: 1.2;
}

@media (min-width:1024px) {
	[data-line-style] .wp-block-hpinc-section-header__cta .wp-block-button .wp-block-button__link {
		transform: translateY(-.5em);
	}
}

[data-line-style] .wp-block-hpinc-section-header__cta .is-style-button-ghost .wp-block-button__link, [data-line-style] .wp-block-hpinc-section-header__cta .is-style-button-underline .wp-block-button__link {
	display: inline-block;
	line-height: 1.7;
	min-height: calc(var(--cta-title-line-height, 51px));
	padding: 0;
	text-underline-offset: .5em;
	white-space: normal;
	word-break: break-word;
}

@media (min-width:1024px) {
	[data-line-style] .wp-block-hpinc-section-header__cta .is-style-button-ghost .wp-block-button__link, [data-line-style] .wp-block-hpinc-section-header__cta .is-style-button-underline .wp-block-button__link {
		transform: translateY(-.25em);
	}
}

.drill-lines-animated path {
	animation: drill-lines-animation 1s linear infinite;
}

@media (min-width:1200px) {
	[data-line-style=curved] .wp-block-hpinc-section-header__cta {
		align-self: center;
	}
}

@media (min-width:1024px) {
	[data-line-style=curved] .wp-block-hpinc-section-header__cta .wp-block-button .wp-block-button__link {
		transform: none;
	}
}

[data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) .wp-block-hpinc-section-header__inner {
	position: relative;
	z-index: 2;
}

[data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) .is-style-button-ghost, [data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) .is-style-button-underline {
	background-color: var(--wp--custom--color--neutrals--white);
	padding-left: var(--wp--custom--spacing--16);
	padding-right: var(--wp--custom--spacing--16);
}

.is-style-section-brand [data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) .is-style-button-ghost, .is-style-section-brand [data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) .is-style-button-underline {
	background-color: var(--wp--preset--color--dark-blue);
}

[data-line-style=surround]:has(.wp-block-hpinc-section-header__cta) path {
	position: relative;
	z-index: 1;
}

[data-line-style=surround] .wp-block-hpinc-section-header__description {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--content-max-width);
}

[data-line-style=surround] .wp-block-hpinc-section-header__content {
	max-width: 100%;
}

@media (min-width:1024px) {
	[data-line-style=surround] .wp-block-hpinc-section-header__content {
		gap: var(--wp--custom--spacing--64);
	}
	
	[data-line-style=surround] {
		padding-bottom: var(--wp--custom--spacing--64);
	}
}

.wp-block-hpinc-section-header--has-image {
	--image-with-outline-bg-color: var(--wp--preset--color--white);
}

.wp-block-hpinc-section-header--has-image .wp-block-hpinc-section-header__inner {
	align-items: flex-start;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header--has-image .wp-block-hpinc-section-header__inner {
		align-items: center;
		flex-direction: row;
	}
}

.wp-block-hpinc-section-header--has-image .wp-block-hpinc-section-header__main {
	width: 100%;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header--has-image .wp-block-hpinc-section-header__main {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
	}
}

@media (min-width:1200px) {
	.wp-block-hpinc-section-header--has-image .wp-block-hpinc-section-header__main {
		flex-direction: row;
	}
}

.wp-block-hpinc-section-header--has-image .is-style-gradient-outline {
	background-color: var(--image-with-outline-bg-color);
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header--image-position-right .wp-block-hpinc-section-header__inner {
		flex-direction: row-reverse;
	}
	
	[data-line-style=surround] .wp-block-hpinc-section-header--image-position-right .wp-block-hpinc-section-header__inner {
		--content-offset-without-media: var(--wp--custom--spacing--80, 5rem);
	}
}

.has-surface-secondary-background-color .wp-block-hpinc-section-header--has-image {
	--image-with-outline-bg-color: var(--wp--preset--color--surface-secondary);
}

.has-primary-background-color .wp-block-hpinc-section-header--has-image {
	--image-with-outline-bg-color: var(--wp--preset--color--primary);
}

.has-dark-blue-background-color .wp-block-hpinc-section-header--has-image {
	--image-with-outline-bg-color: var(--wp--preset--color--dark-blue);
}

.wp-block-hpinc-section-header__figure {
	--image-border-radius: var(--wp--custom--image--border-radius--base);
	margin: 0;
}

@media (min-width:1024px) {
	.wp-block-hpinc-section-header__figure {
		--image-border-radius: var(--wp--custom--image--border-radius--large);
	}
}

.wp-block-hpinc-section-header__figure img {
	aspect-ratio: 1/1;
	border-radius: var(--image-border-radius);
	height: auto;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@keyframes drill-lines-animation {
	0% {
		transform: translateY(0);
	}
	
	to {
		transform: translateY(-4px);
	}
}

:root {
	--wp--custom--site-content-width: calc(var(--wp--custom--full-viewport-width) - var(--wp--custom--site-outer-padding) * 2);
}

@media (max-width:768px) {
	:root {
		--wp--custom--site-content-width: calc(100vw - var(--wp--custom--site-outer-padding) * 2);
	}
}
