/**
 * Header Styles
 * Styles for the hero cover section in header.html
 */

/* Hero Cover Container */
.hero-cover {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	padding: 0;
}

@media (max-width: 768px) {
	.hero-cover {
		aspect-ratio: unset !important;
		max-height: calc(100dvh - 87px);
	}
}

.hero-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

/* Hero Content Container */
.hero-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 3rem;
}

@media (min-width: 768px) {
	.hero-content {
		padding: 0 4rem;
	}
}

/* Hero Heading */
.hero-heading {
	font-size: clamp(2rem, 5vw, 4.5rem);
	font-weight: 400;
	line-height: 1.1;
	margin: 0;
	max-width: 800px;
}

/* Hero Subtext */
.hero-subtext {
	font-size: 1.125rem;
	line-height: 1.6;
	max-width: 600px;
	margin-top: var(--wp--preset--spacing--space-sm);
	margin-bottom: var(--wp--preset--spacing--space-md);
}

@media (min-width: 768px) {
	.hero-subtext {
		margin-top: var(--wp--preset--spacing--space-md);
		margin-bottom: var(--wp--preset--spacing--space-xl);
	}
}