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

.laboratory-intro { 
	width: 100%;
	height: 100vh;
	padding: 60px 0;
	background-color: var(--green01-color);
	box-sizing: border-box;
	position: sticky;
	top: 0;
}
.laboratory-clone { 
	width: 100%;
	height: 100vh;
	padding: 130px 60px;
	background-color: var(--green02-color);
	background-image: url("../img/laboratary/orchid-house-laboratory-clone.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	position: sticky;
	top: 0;
	color: #fff;
}
.laboratory-seed { 
	width: 100%;
	height: 100vh;
	padding: 0;
	background-color: var(--purple04-color);
	position: sticky;
	top: 0;
	color: #fff;
}
.laboratory-seed .range-1340px { height:100vh; }
.scrolling.laboratory { top: -60px; margin-top: -50px;}
.intro-text, .intro-photo { height: calc(100vh - 100px);}

.laboratory-intro .center-box { 
	align-items:flex-start; 
	text-align: left; 
}
.laboratory-intro  .intro-photo { padding: 0 60px; }
.intro-text h1 {
	font-size: clamp(28px, 17vw, 80px);
	font-weight: 900; 
	color: var(--green00-color);
	text-transform: uppercase;
	line-height: 70px;
}
.intro-text h2 {
	font-size: clamp(28px, 14vw, 40px);
	font-weight: 600; 
	color: var(--green02-color);
}
.intro-text h3 {
	font-size: clamp(22px, 14vw, 26px);
	font-weight: 400; 
	color: var(--green03-color);
}
.intro-text p {
	font-size: clamp(14px, 14vw, 17px);
	font-weight: 200; 
}
.seed-text h1 {
	font-size: clamp(28px, 17vw, 80px);
	font-weight: 900; 
	color: var(--purple01-color);
	text-transform: uppercase;
	text-align: right!important;
	line-height: 70px;
}
.seed-text h2 {
	font-size: clamp(28px, 14vw, 40px);
	font-weight: 600; 
	color: var(--purple02-color);
}
.seed-text h3 {
	margin-bottom: 60px;
	font-size: clamp(22px, 14vw, 30px);
	font-weight: 400; 
	color: var(--purple02-color);
}
.seed-text p {
	font-size: clamp(14px, 14vw, 18px);
	font-weight: 200; 
}
.seed-text .row .col-md-3 { 
	padding: 0 30px; 
	border-right: 1px solid rgba(206,119,190,.3);
}
.seed-text .row .col-md-3:last-child { border-right: none; }
.seed-text .row > .col-md-3 img { margin-bottom: 30px;}
.seed-text .row > .col-md-3:hover img { animation: pulse 1s; }

.laboratory-clone h1 {
	margin-bottom: 50px;
	font-size: clamp(28px, 14vw, 80px);
	font-weight: 900; 
	color: var(--green00-color);
	text-transform: uppercase;
	text-shadow: 0 0 2px var(--purple04-color) ;
	text-align: center;
	line-height: 70px;
}
.laboratory-clone h2 {
	font-size: clamp(28px, 14vw, 40px);
	font-weight: 600; 
	color: var(--purple02-color);
}
.laboratory-clone h3 {
	margin-bottom: 60px;
	font-size: clamp(22px, 14vw, 30px);
	font-weight: 400; 
	color: var(--purple02-color);
}
.laboratory-clone p {
	width: 50%;
	font-size: clamp(14px, 14vw, 20px);
	font-weight: 200; 
}
/*
.seed-text .row > .col-md-3:first-child p {
  text-align: left;
}
.seed-text .row > .col-md-3:last-child p {
  text-align: right;
}*/