.section-video_hero {
	background-size: cover;
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
	background: black;

    background-size: 100%;
    background-position: center;
	color: #fff;
}

.section-video_hero > .wrapper {
	width: 100%;
	display: flex;
	position: relative;
	z-index: 9;
	padding-bottom: var(--tateru-default-padding);
	height: 100%;
}

.section-video_hero .bottom-row {
	height: 50%;
}

.section-video_hero .logo-side {
	height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.section-video_hero h3,
.section-video_hero h4 {
	font-family: var(--tateru-primary-font);
	font-weight: 300;
	line-height: 1;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	margin-bottom: 0;
}

.section-video_hero h3 em,
.section-video_hero h4 em {
	font-family: var(--tateru-heading-font);
}

.section-video_hero h3 {
	font-size: 55px;
	font-weight: 300;
}



.section-video_hero .overlay {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	max-width: 100%;
	width: 100%;
}

.section-video_hero .video {
	position: absolute;
    min-width: 100%;
    min-height: 100%;
	aspect-ratio: 16/9;

    /* top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px; */

	
    margin: auto;

}

.section-video_hero .video-mobile {
	aspect-ratio: 427/533.75;
	width: 100%;
	height: 100%;
	display: none;
}

.section-video_hero .line {
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,0.2);
	margin: 15px 0;
}

.section-video_hero .logo,
.section-video_hero .fake-logo {
	height: 36px;
}

.section-video_hero .bottom-row {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
}

.section-video_hero .project {
	display: block;
	background-color: var(--tateru-color-primary);
	background-image: url('/wp-content/themes/threeam-tateru/assets/images/arrow.svg');
	background-size: 25px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    color: var(--tateru-color-white);
    font-family: var(--tateru-primary-font);
    padding: 17px 20px;
    width: 100%;
    max-width: 365px;
	line-height: 19px;
	text-box-trim: trim-both;
  	text-box-edge: cap alphabetic;
}

@media screen and (max-width: 1200px) {
    .section-video_hero {
        height: auto !important;
		width: 100%;
		aspect-ratio: 16/9;
		/* min-height: calc( 100vh - 75px); */
    }

	.section-video_hero .video {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		aspect-ratio: auto;
		/* width: auto; */
		/* aspect-ratio: 16/9; */
		/* min-height: calc( 100vh - 75px); */
	}
}

@media screen and (max-width: 1000px) {
    .section-video_hero {
        height: auto !important;
		width: 100%;
		aspect-ratio: 427/533.75;
		min-height: calc( 100vh - 75px);
    }
	.section-video_hero .video {
		width: auto;
		/* min-height: 100%; */
		aspect-ratio: 427/533.75;
		min-height: calc( 100vh - 75px);
	}

    
	.section-video_hero .bottom-row {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(var(--tateru-default-padding) / 2);
		min-height: 300px;
	}
}