/* ============================================================================================
	HEADER FRONT / PATTERN
============================================================================================ */
/* .hightime-header-front, .hightime-header-front-target, .hightime-header-front-video-cover */
.hightime-header-front {
	position: relative
}
.hightime-header-front-background {
	width: 100%;
    height: 100lvh
}
.hightime-header-front-cover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100lvh;
	animation: parallaxScale 1s;
	animation-timeline: scroll();
}
@keyframes parallaxScale{from{transform: scale(1) translateY(0)}to{transform: scale(1.5) translateY(-80vh)}}
.wp-site-blocks:not(.block-editor-block-list__layout):has(.hightime-header-front) {
	width: 100%;
}
.hightime-header-front-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 100lvh;
	padding: 0 2em 0 0
}
.hightime-header-front-content-1st {
	position: absolute;
	top: 0;
	left: 0
}
.hightime-header-front-sentense {
	position: relative;
	overflow: hidden
}
.hightime-header-front-sentense:first-of-type {
	margin: 2em 0 0 0 !important;
	color: var(--wp--preset--color--white)
}
/*
.hightime-header-front-sentense:nth-of-type(2) {
	margin: 0 !important;
	line-height: 1.2;
	font-size: clamp(60px, 17vw, 208px);
	background: linear-gradient(to bottom, rgba(255,255,255,.7) 0%, rgba(255,255,255,.7) 60%, rgba(2,175,204,.7) 60%, rgba(2,175,204,.7) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/
.hightime-header-front-sentense:nth-of-type(2) {
	margin: 0 !important;
	line-height: 1.2;
	font-size: clamp(60px, 17vw, 208px);
	color: rgba(255,255,255,.7)
}
.hightime-header-front-sentense-small {
	letter-spacing: 1px;
	text-indent: 1px
}
.hightime-header-front-sentense-tagline {
	align-self: flex-start;
	position: relative;
	z-index: 1;
	margin: 3em 0 0 3em !important;
	color: rgba(255,255,255,.7);
	line-height: 1.2;
	font-size: clamp(20px, 5vw, 50px);
}
.hightime-header-front-sentense-tagline::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -3em;
	z-index: -1;
	width: 60%;
	height: calc(100% + 2em);
	border: 4px solid var(--wp--preset--color--accent);
	border-left: 0;
	transform: translateY(-50%);
}
.observe_is_active.hightime-catch-copy p {
	opacity: 1;
	transform: translateY(0)
}

.hightime-header-section {
	position: relative;
	background: linear-gradient(to bottom, rgba(0,0,0,0), var(--wp--preset--color--base))
}
.hightime-header-section-sentence {
	padding: 5em 3em
}
.hightime-header-section-image {
	width: 80%
}
.hightime-header-section-image:first-of-type {
	margin: 0 0 0 auto
}
.hightime-header-section-image:nth-of-type(2) {
	margin: -2em 0 0 0
}
.hightime-header-section-image:nth-of-type(3) {
	margin: -2em 0 0 auto
}

@media screen and (min-width: 980px) {
	.hightime-header-section-inner {
		display: flex;
		align-items: flex-start
	}
	.hightime-header-section-sentence {
		width: 30%
	}
	.hightime-header-section-image-wrapper {
		flex: 1;
		min-width: 0;
		display: flex;
		align-items: flex-start;
		gap: 0 2%;
		position: relative;
		z-index: 2
	}
	.hightime-header-section-image {
		opacity: 0;
		flex: 1;
		min-width: 0;
		width: 100%;
		transform: translateY(50%);
		transition: 1.2s
	}
	.hightime-header-section-image:nth-of-type(2) {
		margin: 3em 0 0 !important;
		transition-delay: .3s
	}
	.hightime-header-section-image:nth-of-type(3) {
		margin: 6em 0 0 !important;
		transition-delay: .6s
	}
	.observe_is_active .hightime-header-section-image {
		opacity: 1;
		transform: translateY(0)
	}
}