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


/*FOUNDERS*/
	.founders .mobile:not(.navigation) {display: none;}

	/*TITLE*/
	.founders .content_founders {padding-top: 170px; background-color: var(--white);}
		.founders .content_founders .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.founders .content_founders .section_title hr {width: 100%; border-color: var(--white); border-width: 2px;}
			.founders .content_founders .section_title h1 {font-size: 5.125rem; color: var(--white); padding: 0 20px;}

		/*Animations*/
		.founders .content_founders {transition: background 0.5s ease-in-out;}
			.founders .content_founders.show {background-color: var(--pink);}

		.founders .content_founders .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.founders .content_founders.show .section_title hr {transform: scale(1);}

		.founders .content_founders .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.founders .content_founders.show .section_title h1 {opacity: 1;}

	/*INTRO*/
	.founders .content_intro {padding: 95px 0 36px;}
		.founders .content_intro .content_text {display: flex; align-items: flex-start; justify-content: center; gap: 120px;}
			.founders .content_intro .content_text p {width: 50%; font-weight: 400; font-size: 1.25rem; margin:0 0 30px;}

		/*Animations*/
		.founders .content_intro .content_text p {transition: opacity 0.5s 0.5s ease-in-out; opacity: 0;}
			.founders .content_intro.show .content_text p {opacity: 1;}

	/*FOUNDERS ORIGINAL*/
	/*Pearl Ornaments*/
	.founders .content_original .ornament_pearl{position:absolute; z-index:3;}

	.founders .content_original .pearl01{width:76px; right:-2px; bottom: 35px;}

	.founders .content_original .pearl02{width:38px; right:90px; bottom: 52px;}

	/*Headings*/
	.founders .content_original h3{font-size:3.750rem; margin:60px 0 100px; position:relative; margin:0 0 40px; color:var(--black);}

		.founders .content_original h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2;}

		/*Line*/
		.founders .content_original h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:70px; content:'';}

		/*Animations*/
		.founders .content_original h3 .animation_text01,
		.founders .content_original h3 .animation_text02,
		.founders .content_original h3::before{transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}

		.founders .content_original .ornament_pearl{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			/*Heading*/
			.founders .content_original h3 .animation_text01{opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); display:inline-block;}
			.founders .content_original.show h3 .animation_text01{opacity:1; transform:translateX(0);}

			.founders .content_original h3 .animation_text02{opacity:0;}
			.founders .content_original.show h3 .animation_text02{opacity:1;}

			.founders .content_original h3::before{transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; -webkit-transform-origin:left;}
			.founders .content_original.show h3::before{transform:scaleX(1); -webkit-transform:scaleX(1);}

				/*Delays*/
				.founders .content_original h3 .animation_text01{transition-delay:0.1s; -webkit-transition-delay:0.1s;}

				.founders .content_original h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.founders .content_original h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.founders .content_original .ornament_pearl{opacity:0;}
			.founders .content_original.show .ornament_pearl{opacity:1;}

	.founders .content_original .intro {background-color: var(--pink); padding: 39px 118px; margin-bottom: 86px;}
		.founders .content_original .intro p {font-size: 1.25rem; line-height: 1.4;}

	.founders .content_original .founders_list {display: flex; align-items: stretch; justify-content: center; gap: 75px; flex-wrap: wrap; list-style:none; margin:0; padding:0;}
		.founders .content_original .founders_list li {width: calc(33% - 47px); background-color: var(--pink); padding: 0 0 32px; border-radius: 170px 170px 0 0; margin:0;}
			.founders .content_original .founders_list li .content {padding: 0 24px; margin-top: 15px;}
			.founders .content_original .founders_list li .name {font-size: 1.75rem; font-weight: 900; min-height: 68px; display: block;}
			.founders .content_original .founders_list li hr {border-color: var(--white); margin: 10px 0 15px;}
			.founders .content_original .founders_list li .info {font-weight: 700; font-size: 1.125rem; margin-bottom: 20px;}

		/*Animations*/
		.founders .content_original .founders_list,
		.founders .content_original .intro,
		.founders .content_original .intro p {transition: opacity 1s 0.5s ease-in-out; opacity: 0;}
			.founders .content_original.show .founders_list,
			.founders .content_original.show .intro,
			.founders .content_original.show .intro p {opacity: 1;}
		/*Delays*/
		.founders .content_original .intro {transition-delay: 0.2s;}
		.founders .content_original .intro p {transition-delay: 0.6s;}

	/*FOUNDERS SOPHOMORES*/
	.founders .content_original.sophomores {margin-top: 143px;}
	.founders .content_original.sophomores h3 .animation_text02 {color: var(--green);}
	.founders .content_original.sophomores h3::before {background: var(--green);}
	
	.founders .content_original.sophomores .intro {background-color: var(--green);}
		.founders .content_original.sophomores .intro p {color: var(--white);}

	.founders .content_original.sophomores .founders_list li {background-color: var(--green);}
		.founders .content_original.sophomores .founders_list li .content {color: var(--white);}
			.founders .content_original.sophomores .founders_list .btn_founders_more:hover span {color: var(--white);}

	/*INCORPORATORS*/
	.founders .content_incorporators {margin: 114px 0 234px;}
		.founders .content_incorporators .content_text {display: flex; align-items: center; justify-content: center; gap: 120px;}
				.founders .content_incorporators .content_text p {width: 50%; font-weight: 400; font-size: 1.25rem; margin:0 0 30px;}

		/*Animations*/
		.founders .content_incorporators .content_text p {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateY(20px);}
			.founders .content_incorporators.show .content_text p {opacity: 1; transform: translateY(0px);}

	/*FOUNDER DETAIL*/
	.founders .modal .founder_detail {background: var(--white); position: fixed; top: 50%; transform: translateY(-50%); border-radius: 180px 0 0 0; display: flex; align-items: stretch;}
		.founders .modal .founder_image {width: 338px; background-color: var(--pink); border-radius: 180px 180px 0 0; text-align: center;}
		.founders .modal.sophomores .founder_image {background-color: var(--green);}
			.founders .modal .founder_image p {font-weight: 700; font-size: 1.125rem; line-height: 1.4; margin-top: 28px;}
			.founders .modal.sophomores .founder_image p {color: var(--white);}
		.founders .modal .founder_content {width: calc(100% - 338px); padding: 100px 67px;}
			.founders .modal .founder_content .title {font-weight: 400; font-style: italic; font-size: 2.25rem;}
			.founders .modal .founder_content hr {border-color: var(--pink); border-width: 2px;}
			.founders .modal .founder_content .name {font-size: 2.25rem; font-weight: 900; display: block; margin: 50px 0 100px;}
			.founders .modal .founder_content .description {font-weight: 400; font-size: 1.25rem; line-height: 1.4;}
	
	/*Close button*/
	.founders .modal .btn_close_modal {width: 44px; height: 44px; top: 16px; right: 16px;}
		.founders .modal .btn_close_modal svg {fill: var(--black);}

@media (max-width: 1000px) {
	.founders .mobile:not(.navigation) {display: block;}
	.founders .desktop {display: none;}
	.founders .p_left_1 {padding-left: 0;}

	/*Title*/
	.founders .content_founders {padding-top: 115px;}
		.founders .content_founders .section_title {width: 100%;}
			.founders .content_founders .section_title h1 {font-size: 3rem;}

	/*Intro*/
	.founders .content_intro .content_text {gap: 86px;}
		.founders .content_intro .content_text p {font-size: 1.125rem; line-height: 1.3;}

	/*Founders original*/
	.founders .content_original {margin-top: 50px;}
		.founders .content_original .center_content.c_12 {width: 638px;}
			.founders .content_original h3{font-size:2.375rem;}
				.founders .content_original h3::before{bottom:30px;}
				.founders .content_original h3 .animation_text02{font-size:3.875rem; left: -10px;}
			.founders .content_original .pearl01{width:28px; right:55px; top: 100px;}
			.founders .content_original .pearl02{width:45px; right:-2px; top: 90px;}

			.founders .content_original .intro {padding: 38px 26px;} 
				.founders .content_original .intro p {font-size: 1.125rem;}

			.founders .content_original .founders_list {gap: 50px 12px;}
				.founders .content_original .founders_list li {width: calc(50% - 6px); border-radius: 90px 0 0;}
						.founders .content_original .founders_list li figure {width: 160px;}

	/*Incorporators*/
	.founders .content_incorporators {margin-bottom: 135px;}
		.founders .content_incorporators .content_text {gap: 50px; flex-direction: column;}
			.founders .content_incorporators .content_text p {width: 100%; font-size: 1.125rem;}

	/*Founders detail*/
	.founders .modal .founder_detail {border-radius: 90px 0 0; flex-direction: column;}
		.founders .modal .btn_close_modal,
		.founders .modal .btn_close_modal svg {width: 30px; height: 30px;}
		.founders .modal .founder_image {width: 100%; display: flex; border-radius: 90px 0 0; align-items: center;}
			.founders .modal .founder_image figure {width: 160px;}
			.founders .modal .founder_image i {font-size: 1.125rem; margin-left: 12px;}
			.founders .modal.sophomores .founder_image i {color: var(--white);}
		.founders .modal .founder_content {width: 100%; padding: 27px 37px 46px 172px;}
			.founders .modal .founder_content hr {display: none;}
			.founders .modal .founder_content .title {display: none;}
			.founders .modal .founder_content .name {font-size: 1.75rem; margin: 27px 0 31px; text-transform: uppercase;}
			.founders .modal .founder_content .info {font-size: 0.875rem; margin-bottom: 43px;}
			.founders .modal .founder_content .description {font-size: 0.875rem;}

}

@media (max-width: 750px) {
	/*Title*/
	.founders .content_founders {padding-top: 165px;}
		.founders .content_founders .section_title {padding: 43px 0;}
			.founders .content_founders .section_title h1 {font-size: 2.25rem;}

	/*Intro*/
	.founders .content_intro {padding: 59px 36px;}
		.founders .content_intro .content_text {flex-direction: column; gap: 38px;}
			.founders .content_intro .content_text p {width: 100%;}

	/*Founders original*/
	.founders .content_original {padding: 0 36px;}
		.founders .content_original .center_content.c_12 {width: 100%;}
			.founders .content_original h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0;}
				.founders .content_original h3 .animation_text01 {position: relative; bottom: -14px;}
				.founders .content_original h3 .animation_text02 {font-size: 3.125rem; bottom: -5px;}
				.founders .content_original h3::before {bottom: 90px;}
				.founders .content_original .pearl01 {width: 30px; right: 0; bottom: 77px; top: initial;}
				.founders .content_original .pearl02 {width: 18px; right: 36px; bottom: 82px; top: initial;}

			.founders .content_original .intro {padding: 45px 26px; margin-bottom: 57px; margin-top: 27px;}
			.founders .content_original .founders_list li {width: 100%;}

	/*Founders detail*/
	.founders .content_founder_modal {padding: 0 36px;}
		.founders .modal .founder_image {flex-direction: column; align-items: flex-start; gap: 39px; padding-bottom: 22px;}
			.founders .modal .founder_image i {margin-left: 24px;}
		.founders .modal .founder_content {padding: 20px 24px 97px;}
}