@charset "UTF-8";
/* CSS Document */



/* clear styles */


.proOuter {
	width: 100vw;
	background: linear-gradient(170.06deg, rgb(162 228 104 / 10%) 18.76%, rgba(218, 237, 200, 0) 62.81%);
	margin: 0 0 260px 0;
	position: relative;
		isolation: isolate;
}

.bgTextClip {
	width: 100vw;
	overflow: hidden;
	top: 0;
	position: absolute;
	left: 0;
}

.bgText {
width: calc(100% + 400px);
margin-left: -200px;

font-style: normal;
font-weight: normal;
font-size: 130px;
line-height: 87.2%;
letter-spacing: -0.05em;
color: rgba(233, 242, 225, 0.42);
	}

.proInner {
	
	padding: 125px 0 0 0;

}

.nameTitle {


font-style: normal;
font-weight: normal;
font-size: 93px;
line-height: 99.2%;
/* or 92px */


color: #779743;
}

.nameTitle span {
	color: #4D4D4C;
}

.tRight {
	margin-left:60%;
	color: #4D4D4C;
}

.tRight span {
	color: #779743;
}

.proImage{ 
	
	top: -155px;
	max-width: 800px;
	position: absolute;
	mix-blend-mode: multiply;
	opacity: 0.8;
	width: 80%;
	height: auto;
	filter: brightness(117%) blur(1px);
  -webkit-filter: brightness(117%) blur(1px);
	z-index: 101;
	pointer-events: none;
}

.iRight {
	left:30%;
}

.iLeft {
	right:35%;
}

.bio {
	font-size: 30px;
	margin-top: 90px;
	line-height: 158.2%;
/* or 47px */

letter-spacing: 0.04em;


	color: #4D4D4C;
	width: 100%;

}
.bio p:nth-child(1) {
	color: #779743;
}



/*  MEDIA QUERIES  */
@media (max-width: 1150px) {
}

@media (max-width: 775px) {

	
	.openLine {
    font-size: 75px;
	}
	
	.bgText {
    width: calc(100% + 700px);
    
    font-size: 120px;
	}
	
	.nameTitle {
    
    font-size: 75px;
	}
	
	.tRight {
    margin-left: 55%;
	}
	
	.bio {
  
    margin-top: 60px;
	}
	
	.iRight {
    left: 35%;
	}
	
	.tRight {
    margin-left: 60%;
	}
}

	


@media (max-width: 450px) {

	.proOuter {
		margin: 160px 0;
	}
	.proInner {
padding: 55px 0 0 0;
}
	
	.bgText {
width: calc(100% + 600px);
font-size: 104px;
}
	
	.nameTitle {
font-size: 50px;
}
	
	.iRight {
left: 25%;
}
	
	.proImage {
top: -105px;
		width: 95%
	}
	
	.iLeft {
right: 30%;
}
	
	.tRight {
margin-left: auto;
text-align: right;
margin-right: 0;
}

	
	.bio {
font-size: 25px;
line-height: 139.2%;
letter-spacing: 0.03em;

}
	
}

@media (max-width: 375px) {

	


}