/**
 * Standard Page Hero
 */


/* -------------------------------------------------------------------------- */
/* Hero                                                                       */
/* -------------------------------------------------------------------------- */

.thula-page-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	min-height: clamp(34rem, 39vw, 37rem);

	margin: 0;

	background-color: #09183c;

	box-sizing: border-box;
}


/* -------------------------------------------------------------------------- */
/* Background image                                                           */
/* -------------------------------------------------------------------------- */

.thula-page-hero__image {
	position: absolute;
	inset: 0;
	z-index: 0;

	width: 100%;
	height: 100%;

	margin: 0;
}


.thula-page-hero__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center top;

	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}


/* -------------------------------------------------------------------------- */
/* Gradient overlay                                                           */
/* -------------------------------------------------------------------------- */

.thula-page-hero::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 1;

	background:
		linear-gradient(
			90deg,
			#09183c 0%,
			#09183c 5%,
			rgba(9, 24, 60, 0.99) 15%,
			rgba(9, 24, 60, 0.93) 27%,
			rgba(9, 24, 60, 0.72) 55%,
			rgba(9, 24, 60, 0.24) 78%,
			rgba(9, 24, 60, 0.12) 100%
		),
		linear-gradient(
			180deg,
			rgba(9, 24, 60, 0.12) 0%,
			rgba(9, 24, 60, 0.06) 55%,
			rgba(9, 24, 60, 0.32) 100%
		);

	pointer-events: none;
}


/* -------------------------------------------------------------------------- */
/* Content container                                                          */
/* -------------------------------------------------------------------------- */

.thula-page-hero__inner {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;

	width: 100%;
	min-height: inherit;

	padding-top: 10.5rem;
	padding-bottom: 6.5rem;

	box-sizing: border-box;
}


@media (min-width: 1100px) {

	.wp-block-group.is-style-site-container.thula-page-hero__inner {
		padding-left: clamp(5rem, 6vw, 6rem);
	}

}


/* -------------------------------------------------------------------------- */
/* Hero content                                                               */
/* -------------------------------------------------------------------------- */

.thula-page-hero__content {
	width: min(100%, 46rem);

	margin: 0;
}


.thula-page-hero__eyebrow {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--20);
}


.thula-page-hero__title {
	max-width: 42rem;
    

	margin-block-start: var(--wp--preset--spacing--10) !important;

	color: var(--wp--preset--color--white);

	font-size: clamp(
		2rem,
		calc(1.5vw + 1.5rem),
		2.375rem
	);

	font-weight: 300;
	line-height: 1.12;

	text-wrap: pretty;
}


.thula-page-hero__text {
	max-width: 32rem;

	margin-top: var(--wp--preset--spacing--10);
	margin-bottom: 0;

	color: rgba(255, 255, 255, 0.94);

	font-size: clamp(
		1.125rem,
		calc(0.8vw + 0.85rem),
		1.3rem
	);

	font-weight: 300;
	line-height: 1.4;
    text-wrap: pretty;
}


/* -------------------------------------------------------------------------- */
/* Buttons                                                                    */
/* -------------------------------------------------------------------------- */

.thula-page-hero__actions {
	margin-top: var(--wp--preset--spacing--40);

	gap: var(--wp--preset--spacing--20);
}


.thula-page-hero__actions .wp-block-button__link {
	white-space: nowrap;
}


/* -------------------------------------------------------------------------- */
/* Tablet                                                                     */
/* -------------------------------------------------------------------------- */

@media (max-width: 1099px) {

	.thula-page-hero__inner {
		padding-top: 14rem;
		padding-bottom: 5.5rem;
	}

}


@media (max-width: 782px) {

	.thula-page-hero {
		min-height: 32rem;
	}


	.thula-page-hero__inner {
		padding-top: 8rem;
		padding-bottom: 4.5rem;
	}


	.thula-page-hero__content {
		width: min(100%, 38rem);
	}

}


/* -------------------------------------------------------------------------- */
/* Mobile                                                                     */
/* -------------------------------------------------------------------------- */

@media (max-width: 480px) {

	.thula-page-hero {
		min-height: 30rem;
	}


	.thula-page-hero__inner {
        padding-top: 12rem;
		padding-right: var(--wp--preset--spacing--20);
		padding-bottom: 7rem;
		padding-left: var(--wp--preset--spacing--20);
	}


	.thula-page-hero__content {
		width: 100%;
		max-width: 30rem;
	}


	.thula-page-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(9, 24, 60, 0.98) 0%,
				rgba(9, 24, 60, 0.92) 48%,
				rgba(9, 24, 60, 0.68) 100%
			),
			linear-gradient(
				180deg,
				rgba(9, 24, 60, 0.14) 0%,
				rgba(9, 24, 60, 0.08) 55%,
				rgba(9, 24, 60, 0.34) 100%
			);
	}


	.thula-page-hero__title {
	max-width: 28rem;

	font-size: clamp(1.8rem, 7vw, 2rem);
	line-height: 1.12;
}


	.thula-page-hero__text {
		max-width: 28rem;
	}


	.thula-page-hero__actions {
		flex-direction: column;
		align-items: flex-start;

		width: 100%;
	}


	.thula-page-hero__actions .wp-block-button {
		width: auto;
	}


	.thula-page-hero__actions .wp-block-button__link {
		min-width: 11rem;

		text-align: center;
	}

}