#yida-desktop-content {
	width: 100%;
	max-width: 1920px;
	/* Original design width */
	margin: 0 auto;
	/* Center the container */
	position: relative;
	background-color: #fcf5e3;
	overflow: visible;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0% 1.5vw 9.26vh;
	/* (20/1920)*100vw, (100/1080)*100vh */
	box-sizing: border-box;
	gap: 18.52vh;
	/* (200/1080)*100vh */
	text-align: left;
	font-size: 1.25vw;
	/* (24/1920)*100vw */
	color: #000;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.slide-169-1794 {
	align-self: stretch;
	width: 100%;
	padding-bottom: 40%;
	/* 1080 / 1920 * 100% */
	height: 0;
	/* Important for padding-bottom hack */
	position: relative;
	background-image: url('../img/1.png');
	background-size: cover;
	background-position: center;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 1.56vw;
	/* (30/1920)*100vw */
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.frame-parent {
	position: absolute;
	top: 4.63%;
	left: 0%;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.04vw;
	flex-shrink: 0;
	z-index: 1;
	/* Added this line */
}

.k-content-lifestyle {
	position: relative;
	line-height: 140%;
}

.at-parent {
	width: 100%;
	height: 1.11%;
	position: relative;
	font-size: 0.885vw;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.at {
	position: absolute;
	top: 4.17%;
	left: 0%;
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 300;
}

.kyung-hee-university {
	position: absolute;
	top: 0%;
	left: 4.26%;
	letter-spacing: -0.02em;
	line-height: 120%;
	font-weight: 300;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.project-direction-identity-parent {
	width: 46.61%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.33vh;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.new-project-description {
	width: 46.61%;
	/* Same width as project-direction-identity-parent */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.33vh;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.project-direction-identity {
	position: relative;
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 700;
	/* Made bolder */
}

.yida-title {
	font-size: 1.25vw;
	/* Same as the other yida-is-a, but can be adjusted */
	line-height: 160%;
	font-weight: 700;
	/* Made bolder */
	display: block;
	/* Ensure it takes its own line */
	margin-top: 0.5em;
	/* Add some space below the descriptor */
}

.yida-is-a {
	align-self: stretch;
	position: relative;
	font-size: 0.9vw;
	/* Reduced font size */
	line-height: 160%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.yida-is-a>ul {
	/* Top-level ul */
	list-style: none;
	/* Removes bullet points */
	padding: 0;
	/* Removes default left padding */
	margin: 0;
	/* Removes default top/bottom margin */
}

.yida-is-a>ul>ul {
	/* For the ul containing team members */
	list-style: none;
	padding: 0;
	margin: 1.5em 0 0 0;
	/* Add margin-top for spacing after TEAM BOTARI */
}

.yida-is-a>ul>ul>li {
	/* For each team member's name (HUISEUNG KANG, UIJIN KIM, HYEWON SHIN) */
	padding: 0;
	margin: 0;
}

.yida-is-a>ul>ul>li:not(:first-child) {
	/* For team members after the first one */
	margin-top: 1em;
	/* Add spacing between team members */
}

.yida-is-a ul ul ul {
	/* For roles lists */
	list-style: none;
	padding: 0;
	margin: 0.5em 0 0 0;
	/* Smaller margin for roles list */
}

.yida-is-a ul ul ul li {
	/* For individual roles */
	padding: 0;
	margin: 0;
}

.group-icon {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
	/* Ensure it behaves as a block element for width/height */
}

.frame-group {
	align-self: stretch;
	display: flex;
	justify-content: space-between;
	gap: 0px;
	/* Changed from 1.04vw to 100px */
}

.frame-container {
	/* width: 62.66%; Removed */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5.18vh;
	/* 56px / 1080px */
	flex: 1;
}

.background-research-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.78vh;
	/* 30px / 1080px */
}

.background-research {
	align-self: stretch;
	position: relative;
	letter-spacing: -0.02em;
	line-height: 120%;
	font-size: 1.25vw;
	/* 24px / 1920px */
}

.the-project-began-at-a-gukbap-parent {
	align-self: stretch;
	display: flex;
	align-items: top;
	font-size: 0.885vw;
	/* 17px / 1920px */
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.the-project-began {
	width: 30.57%;
	/* 587px / 1920px */
	position: relative;
	line-height: 160%;
	font-weight: 500;
	display: inline-block;
	flex-shrink: 0;
}

.we-found-that {
	width: 30.52%;
	/* 586px / 1920px */
	position: relative;
	line-height: 160%;
	font-weight: 500;
	display: inline-block;
	flex-shrink: 0;
}

.rectangle-parent {
	align-self: stretch;
	height: 75.18%;
	/* 812px / 1080px */
	position: relative;
	text-align: center;
	font-size: 0.885vw;
	/* 17px / 1920px */
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	flex-grow: 1;
}

.frame-child {
	position: absolute;
	top: 0%;
	left: calc(50% - 31.33%);
	/* calc(50% - (601.5 / 1920 * 100%)) */
	border: 0.8px solid rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	width: 62.66%;
	/* 1203px / 1920px */
	height: 75.18%;
	/* 812px / 1080px */
}

.frame-item {
	position: absolute;
	top: 25.06%;
	/* 270.67px / 1080px */
	left: 0%;
	max-height: 100%;
	width: 62.66%;
	/* 1203px / 1920px */
}

.research {
	font-size: 0.9375vw;
	/* 18px / 1920px */
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	color: rgba(0, 0, 0, 0.5);
	text-align: left;
}

.interview-survey {
	font-size: 0.9375vw;
	/* 18px / 1920px */
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	color: rgba(0, 0, 0, 0.5);
	text-align: left;
}

.ellipse-parent {
	position: absolute;
	top: 2.78%;
	/* 30px / 1080px */
	left: calc(50% - 23.52%);
	/* calc(50% - (451.5 / 1920 * 100%)) */
	width: 47.03%;
	/* 903px / 1920px */
	height: 19.51%;
	/* 210.7px / 1080px */
}

.group-child {
	position: absolute;
	top: 0%;
	left: calc(50% + 26.67%);
	/* calc(50% + (240.83 / 903 * 100%)) */
	border-radius: 50%;
	background-color: #e3ddcd;
	border: 1px solid #000;
	box-sizing: border-box;
	width: 23.33%;
	/* 210.7px / 903px */
	height: 100%;
	/* 210.7px / 210.7px */
}

.group-item {
	position: absolute;
	top: 0%;
	left: 0%;
	/* calc(50% - (451.5 / 903 * 100%)) */
	border-radius: 50%;
	border: 1px solid #000;
	box-sizing: border-box;
	width: 23.33%;
	/* 210.7px / 903px */
	height: 100%;
	/* 210.7px / 210.7px */
}

.korean-cultural-content {
	position: absolute;
	top: 29.35%;
	/* 61.83px / 210.7px */
	left: 5.46%;
	/* 49.33px / 903px */
	letter-spacing: -0.02em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.group-wrapper {
	position: absolute;
	top: 1.49%;
	/* 3.14px / 210.7px */
	left: 23.33%;
	/* 210.67px / 903px */
	width: 53.34%;
	/* 481.7px / 903px */
	height: 97.01%;
	/* 204.4px / 210.7px */
}

.group-parent {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	/* 481.7px / 481.7px */
	height: 100%;
	/* 204.4px / 204.4px */
}

.group-inner {
	position: absolute;
	top: 21.32%;
	/* 43.59px / 204.4px */
	left: 0%;
	width: 100%;
	/* 481.7px / 481.7px */
	height: 57.34%;
	/* 117.2px / 204.4px */
}

.rising-consumption-of {
	position: absolute;
	top: 6.16%;
	/* 12.59px / 204.4px */
	left: 30.27%;
	/* 145.83px / 481.7px */
	letter-spacing: -0.01em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.increase-in-visitors {
	position: absolute;
	top: 69.12%;
	/* 141.28px / 204.4px */
	left: 35.88%;
	/* 172.83px / 481.7px */
	letter-spacing: -0.01em;
	line-height: 160%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.rectangle-div {
	position: absolute;
	top: 0%;
	left: 26.3%;
	/* 126.69px / 481.7px */
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 47.4%;
	/* 228.3px / 481.7px */
	height: 42.66%;
	/* 87.2px / 204.4px */
}

.group-child2 {
	position: absolute;
	top: 57.38%;
	/* 117.19px / 204.4px */
	left: 26.3%;
	/* 126.69px / 481.7px */
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 47.4%;
	/* 228.3px / 481.7px */
	height: 42.66%;
	/* 87.2px / 204.4px */
}

.increase-in-visitors2 {
	position: absolute;
	top: 40.97%;
	/* 86.33px / 210.7px */
	left: calc(50% + 30.8%);
	/* calc(50% + (278.17 / 903 * 100%)) */
	font-size: 1.04vw;
	/* 20px / 1920px */
	letter-spacing: -0.02em;
	line-height: 120%;
	font-weight: 500;
}

.ellipse-group {
	position: absolute;
	top: 29.23%;
	/* 315.67px / 1080px */
	left: calc(50% - 23.52%);
	/* calc(50% - (451.5 / 1920 * 100%)) */
	width: 47.03%;
	/* 903px / 1920px */
	height: 19.51%;
	/* 210.7px / 1080px */
}

.vector-parent {
	position: absolute;
	top: 61.74px;
	left: 210.67px;
	width: 451.7px;
	height: 87.2px;
}

.vector-icon-1 {
	position: absolute;
	top: 43.59px;
	left: 0px;
	max-height: 100%;
	width: 451.7px;
}

.vector-icon-2 {
	position: absolute;
	top: 43.59px;
	left: 0px;
	max-height: 100%;
	width: 451.7px;
}

.group-child4 {
	position: absolute;
	top: 0px;
	left: 126.69px;
	background-color: #fcf5e3;
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 228.3px;
	height: 87.2px;
}

.wants-to-enjoy {
	position: absolute;
	top: 13.09px;
	left: 142.33px;
	letter-spacing: -0.02em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.enjoys-singing-at-korean-karao-parent {
	position: absolute;
	top: 49.76px;
	left: 38.62px;
	width: 132.4px;
	height: 111.2px;
}

.enjoys-singing-at {
	position: absolute;
	top: 49.15px;
	left: 12.21px;
	letter-spacing: -0.01em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.rectangle-group {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 132.4px;
	height: 34.2px;
	font-size: 1.04vw;
	/* 20px / 1920px */
}

.group-child5 {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 100px;
	background-color: #e3ddcd;
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 132.4px;
	height: 34.2px;
}

.czech-singer {
	position: absolute;
	top: 10.08px;
	left: 7.71px;
	letter-spacing: -0.01em;
	line-height: 100%;
}

.demand-for-k-cultural {
	position: absolute;
	top: 69.33px;
	left: calc(50% + 272.66px);
	font-size: 1.04vw;
	/* 20px / 1920px */
	letter-spacing: -0.02em;
	line-height: 145%;
	font-weight: 500;
}

.ellipse-container {
	position: absolute;
	top: 556.33px;
	left: calc(50% - 451.5px);
	width: 903px;
	height: 210.7px;
}

.group-child9 {
	position: absolute;
	top: 0px;
	left: 119.62px;
	background-color: #fcf5e3;
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 242.4px;
	height: 87.2px;
}

.stocks-up-on {
	position: absolute;
	top: 13.09px;
	left: 127.33px;
	letter-spacing: -0.02em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.needs-an-alternative {
	position: absolute;
	top: 108.41px;
	left: 18.34px;
	letter-spacing: -0.01em;
	line-height: 145%;
	font-weight: 300;
	font-size: 0.885vw;
	/* 17px / 1920px */
}

.group-child10 {
	position: absolute;
	top: 40.36px;
	left: 35.89px;
	border-radius: 16px;
	background-color: #e3ddcd;
	border: 0.8px solid #000;
	box-sizing: border-box;
	width: 15.38%;
	/* 138.9px / 903px */
	height: 25.2%;
	/* 53.1px / 210.7px */
}

.australian-office-worker {
	position: absolute;
	top: 23.94%;
	/* 50.45px / 210.7px */
	left: 5.24%;
	/* 47.34px / 903px */
	font-size: 1.04vw;
	/* 20px / 1920px */
	letter-spacing: -0.01em;
	line-height: 100%;
}

.lifestyle-localization-through {
	position: absolute;
	top: 39.79%;
	/* 83.83px / 210.7px */
	left: calc(50% + 28.92%);
	/* calc(50% + (261.16 / 903 * 100%)) */
	font-size: 1.04vw;
	/* 20px / 1920px */
	letter-spacing: -0.02em;
	line-height: 145%;
	font-weight: 500;
}

.frame-div {
	/* width: 30.625%; Removed */
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5.18vh;
	/* 56px / 1080px */
	flex: 1;
}

.rectangle-container {
	align-self: stretch;
	height: 75.18%;
	/* 812px / 1080px */
	position: relative;
	text-align: center;
	font-size: 1.875vw;
	/* 36px / 1920px */
	color: #fcf5e3;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 40px;
	text-align: left;
	flex-grow: 1;
	display: flex;
	/* Make it a flex container */
	flex-direction: column;
	/* Stack items vertically */
	justify-content: center;
	/* Vertically center content */
	align-items: center;
	/* Horizontally center content (image) */
}

.research-section-group {
	margin: 0;
	padding: 0;
}

.rectangle-container img {
	max-width: 100%;
	height: auto;
	display: block;
}

.frame-inner {
	position: absolute;
	top: 0%;
	left: 0%;
	/* calc(50% - (294 / 588 * 100%)) */
	border: 0.8px solid rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	width: 99.83%;
	/* 587px / 588px */
	height: 100%;
	/* 812px / 812px */
}

.group-container {
	position: absolute;
	height: 42.96%;
	width: 86.56%;
	top: 20.37%;
	right: 6.8%;
	bottom: 36.68%;
	left: 6.63%;
}

.vector-container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
}

.vector-icon2-1 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.vector-icon2-2 {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.building-an-inclusive {
	position: absolute;
	top: 40.17%;
	/* 140.11px / 348.8px */
	left: 12.97%;
	/* 66px / 508.8px */
	line-height: 135%;
	font-size: 1.875vw;
	/* 36px / 1920px */
}

.mision {
	position: absolute;
	top: 28.13%;
	/* 98.11px / 348.8px */
	left: 44.61%;
	/* 227px / 508.8px */
	font-size: 0.9375vw;
	/* 18px / 1920px */
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.frame-parent2 {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 56px;
}

.brand-philosophy-parent {
	width: 894.5px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.frame-parent3 {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	/* Explicitly set to row */
	justify-content: space-between;
	/* Changed from flex-end */
	gap: 50px;
	text-align: center;
	font-size: 18px;
	color: #000;
	/* Changed color to black for the text */
}

.rectangle-parent3 img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}



.tag-line {
	position: absolute;
	top: 477px;
	left: 415px;
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
}

.share-joy-connect {
	position: absolute;
	top: 519px;
	left: 61px;
	font-size: 145px;
	line-height: 87%;
	font-weight: 500;
	font-family: 'Bricolage Grotesque';
	color: #000;
}

.frame-child3 {
	position: absolute;
	top: 348.76px;
	left: calc(50% - 0px);
	max-width: 100%;
	overflow: hidden;
	height: 78.2px;
}

.vector-icon3 {
	position: absolute;
	height: 30.52%;
	width: 40.39%;
	top: 8.74%;
	right: 52.79%;
	bottom: 60.74%;
	left: 6.82%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.vector-icon4 {
	position: absolute;
	height: 30.52%;
	width: 40.39%;
	top: 8.74%;
	right: 6.82%;
	bottom: 60.74%;
	left: 52.79%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.a-globally-connected-society-parent {
	position: absolute;
	top: 146.6px;
	left: 122.25px;
	width: 239px;
	height: 131px;
	font-size: 24px;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.a-globally-connected {
	position: absolute;
	top: 42px;
	left: 0px;
	line-height: 100%;
}

.vision {
	position: absolute;
	top: 0px;
	left: 94px;
	font-size: 18px;
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
}

.joyfullness {
	position: absolute;
	top: 213.6px;
	left: 543.75px;
	font-size: 45px;
	line-height: 135%;
	font-family: Fredoka;
}

.core-value {
	position: absolute;
	top: 146.6px;
	left: 609.75px;
	letter-spacing: -0.02em;
	line-height: 140%;
	font-weight: 500;
}

.rectangle-parent2 {
	flex: 1;
	max-width: calc(50% - 25px);
	/* Changed from 10px to 25px (half of 50px gap) */
	height: 500px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ECE6D5;
	/* Added background color */
	padding: 20px;
	/* Added padding */
}

.rectangle-parent2 img {
	width: 100%;
	/* Ensure it takes full width */
	height: 100%;
	/* Ensure it takes full height */
	object-fit: contain;
	/* Fit within the container maintaining aspect ratio, no cropping */
	display: block;
}

.rectangle-parent3 {
	flex: 1;
	max-width: calc(50% - 10px);
	height: 500px;
	position: relative;
	font-size: 28px;
	font-family: Fredoka;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 20px 20px 0px 20px;
	/* Top Right Bottom Left */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.rectangle-parent3 img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

.brand-philosophy-text-container {
	flex: 1;
	max-width: calc(50% - 25px);
	/* Matches rectangle-parent2 */
	height: 500px;
	/* Matches rectangle-parent2 */
	/* border: 1px solid rgba(0, 0, 0, 0.3); Removed border */
	box-sizing: border-box;
	/* padding: 20px; Removed padding */
	padding-bottom: 10px;
	/* Added padding-bottom */
	text-align: left;
	/* Top-left aligned */
	font-size: 0.9vw;
	/* Adjust font size to match yida-is-a */
	line-height: 160%;
	/* Adjust line height to match yida-is-a */
	font-weight: 500;
	/* Adjust font weight to match yida-is-a */
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	/* Match yida-is-a */
	color: #000;
	/* Ensure text is visible */
	display: flex;
	flex-direction: column;
	/* Added to stack title and text */
	align-items: flex-start;
	/* Align content to the top */
	justify-content: flex-start;
	/* Align content to the left */
}

.brand-philosophy-text-container .background-research {
	margin-bottom: 20px;
}

.vector-icon5 {
	position: absolute;
	height: 17%;
	width: 17.54%;
	top: 83.01%;
	right: 39.68%;
	bottom: 0%;
	left: 42.78%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.group-group {
	position: absolute;
	height: 67.11%;
	width: 88.83%;
	top: 14.06%;
	right: 5.59%;
	bottom: 18.84%;
	left: 5.59%;
}

.identity {
	position: absolute;
	top: 141.9px;
	left: 351.49px;
	letter-spacing: -0.02em;
	line-height: 100%;
	font-weight: 600;
}

.vector-icon7 {
	position: absolute;
	height: 63.5%;
	width: 78.19%;
	top: 36.49%;
	right: 10.91%;
	bottom: 0.01%;
	left: 10.9%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.joyfulness {
	position: absolute;
	top: 240.15px;
	left: 320.32px;
	letter-spacing: -0.02em;
	line-height: 100%;
	font-weight: 600;
}

.vector-icon8 {
	position: absolute;
	height: 45.6%;
	width: 56.15%;
	top: 54.39%;
	right: 21.92%;
	bottom: 0.01%;
	left: 21.93%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.vector-icon9 {
	position: absolute;
	height: 27.69%;
	width: 34.1%;
	top: 72.29%;
	right: 32.95%;
	bottom: 0.02%;
	left: 32.95%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.strength {
	position: absolute;
	top: 337.69px;
	left: 343.99px;
	letter-spacing: -0.01em;
	line-height: 100%;
	font-weight: 600;
}

.k-contents-lifestyle {
	position: absolute;
	top: 561.53px;
	left: calc(50% - 69.01px);
	letter-spacing: -0.02em;
	line-height: 100%;
	font-weight: 600;
	color: #000;
}







.application-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #fcf5e3;
}

.group-parent2 {
	align-self: stretch;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
}

.frame-child13 {
	flex: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}

.frame-parent10 {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}

.group-parent3 {
	align-self: stretch;
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
}

.frame-parent12>.group-parent3 {
	width: 100%;
	display: flex;
	/* Added display flex */
	justify-content: center;
	/* Changed to center */
	gap: 30px;
}

.image-6345953-parent {
	flex: 1;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.image-6345953-icon-1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
}

.image-6345953-icon-2 {
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-6345953-icon-3 {
	flex: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-6345953-icon-4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 334.9px;
	height: 475px;
	object-fit: cover;
}

.group-child11 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 100%;
	height: 100%;
	opacity: 0.7;
}

.group-div {
	flex: 1;
	height: auto;
	width: auto;
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.image-6345954-parent {
	flex: 1;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.image-6345950-parent {
	flex: 1;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.group-child13 {
	position: absolute;
	top: 0px;
	left: 334.86px;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	width: 50px;
	height: 475px;
}

.rectangle-parent6 {
	flex: 1;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.group-parent4 {
	align-self: stretch;
	display: flex;
	align-items: flex-end;
	gap: 66px;
	flex: 1;
}

.frame-child14 {
	width: 100%;
	height: auto;
	flex: 1;
	position: relative;
	object-fit: cover;
}

.frame-child15 {
	width: 100%;
	height: auto;
	flex: 1;
	position: relative;
	object-fit: cover;
}

.frame-child16 {
	height: 980px;
	flex: 1;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	object-fit: cover;
}

.frame-parent12 {
	width: 1109px;
	display: flex;
	flex-direction: column;
	/* gap: 30px; */
}

.frame-child17-1 {
	height: 600px;
	/* flex: 1; Removed */
	position: relative;
	max-width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.new-vertical-split-top,
.new-vertical-split-bottom {
	flex: 1;
	/* Each takes 50% height */
	/* border: 1px solid #ccc; */
	/* For visibility */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.new-vertical-split-top img,
.new-vertical-split-bottom img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.frame-child17-2 {
	height: 600px;
	/* flex: 1; Removed */
	position: relative;
	max-width: 100%;
	overflow: hidden;
	object-fit: contain;
	/* Changed to contain */
	padding: 0 20px;
	/* Added padding */
	box-sizing: border-box;
	/* Added box-sizing */
}

.frame-child19-1 {
	align-self: stretch;
	height: 475px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
}

.frame-child19-2 {
	align-self: stretch;
	flex: 1;
	min-height: 0;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
}

.frame-parent14 {
	align-self: stretch;
	height: 1030px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	isolation: isolate;
	gap: 10px;
	color: #fcf5e3;
}

.frame-parent15 {
	width: 1880px;
	margin: 0 !important;
	position: absolute;
	top: -0.05px;
	left: -0.23px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	z-index: 0;
}

.group-parent5 {
	width: 854.8px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.group-parent6 {
	width: 854.8px;
	height: 421px;
	position: relative;
}

.image-6345990-parent {
	position: absolute;
	top: 119.31px;
	left: 553.14px;
	width: 301.7px;
	height: 301.7px;
}

.image-6345990 {
	position: absolute;
	top: 0px;
	left: 0.18px;
	background-color: #000;
	width: 301.5px;
	height: 301.7px;
}

.image-6345982-icon {
	position: absolute;
	top: 0px;
	left: 0.18px;
	width: 301.5px;
	height: 301.7px;
	object-fit: cover;
}

.group-child17 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 100%;
	height: 100%;
	opacity: 0.75;
}

.group-frame {
	position: absolute;
	top: 59.66px;
	left: 276.55px;
	width: 301.7px;
	height: 301.7px;
}

.image-6345991-parent {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	width: 301.7px;
	height: 301.7px;
}

.image-6345991 {
	position: absolute;
	top: 0px;
	left: 0.04px;
	background-color: #000;
	width: 301.6px;
	height: 301.7px;
}

.image-6345723-icon {
	position: absolute;
	top: 0px;
	left: 0.04px;
	width: 301.6px;
	height: 301.7px;
	object-fit: cover;
}

.image-6345721-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 301.7px;
	height: 301.7px;
	object-fit: cover;
}

.group-parent7 {
	width: 788.5px;
	height: 503px;
	position: relative;
}

.image-6345984-parent {
	position: absolute;
	top: 111.78px;
	left: 283.54px;
	width: 144.1px;
	height: 391px;
}

.image-6345984-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 144.1px;
	height: 391px;
	object-fit: cover;
}

.image-63459912 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 144.1px;
	height: 391px;
}

.image-6345987-parent {
	position: absolute;
	top: 111.78px;
	left: 457.68px;
	width: 330.8px;
	height: 391px;
}

.image-6345987-icon {
	position: absolute;
	top: 0px;
	left: 210.56px;
	width: 120.3px;
	height: 391px;
	object-fit: cover;
}

.group-child20 {
	position: absolute;
	top: 0px;
	left: 214.51px;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	width: 61.1px;
	height: 391px;
}

.image-63459913 {
	position: absolute;
	top: 0px;
	left: 105.28px;
	border-radius: 9px;
	background-color: #000;
	width: 120.3px;
	height: 391px;
}

.image-6345986-icon {
	position: absolute;
	top: 0px;
	left: 105.28px;
	width: 120.3px;
	height: 391px;
	object-fit: cover;
}

.group-child21 {
	position: absolute;
	top: 0px;
	left: 111px;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	width: 61.1px;
	height: 391px;
}

.image-6345985-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120.3px;
	height: 391px;
	object-fit: cover;
}

.group-child22 {
	position: absolute;
	top: 111.78px;
	left: 457.68px;
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 330.8px;
	height: 391px;
	opacity: 0.75;
}

.group-parent8 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 259.5px;
	height: 502.8px;
}

.image-6345989-parent {
	position: absolute;
	top: 79.13px;
	left: 0px;
	width: 189.5px;
	height: 423.7px;
}

.image-6345989-icon {
	position: absolute;
	top: 32.65px;
	left: 51.5px;
	width: 120.3px;
	height: 391px;
	object-fit: cover;
}

.image-63459914 {
	position: absolute;
	top: 32.65px;
	left: 51.5px;
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 120.3px;
	height: 391px;
	opacity: 0.75;
}

.image-6345988-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	width: 189.5px;
	height: 225.1px;
	object-fit: contain;
}

.vector-7305-stroke {
	position: absolute;
	top: 0px;
	left: 109.06px;
	box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
	width: 150.4px;
	height: 152.6px;
}

.group-child23 {
	position: absolute;
	top: 503px;
	left: 432.64px;
	filter: blur(4px);
	background: linear-gradient(-26.54deg, rgba(0, 0, 0, 0.2), rgba(177, 172, 159, 0));
	width: 144.1px;
	height: 195.5px;
	transform: rotate(-180deg);
	transform-origin: 0 0;
	opacity: 0.6;
}

.frame-child20 {
	height: 1030px;
	width: 925px;
	position: relative;
	object-fit: cover;
}

.sub-application {
	position: relative;
	letter-spacing: -0.02em;
	line-height: 120%;
	z-index: 1;
}

.frame-parent17 {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.image-6346001-wrapper {
	align-self: stretch;
	flex: 1;
	min-height: 0;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}

.image-6346001-icon {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.frame-child22 {
	height: auto;
	width: 50%;
	object-fit: contain;
	flex-shrink: 0;
}

.rectangle-parent img {
	max-width: 100%;
	height: auto;
	display: block;
	/* Ensures images are block-level to stack vertically */
}

.page-bottom-svg {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	/* Match parent width */
	height: auto;
	/* Maintain aspect ratio */
}

.research-container,
.interview-survey-container {
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 40px 40px 40px 40px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* Adjust as needed, matching the previous margin-bottom */
	align-items: center;
	/* Horizontally center content within the column flex container */
}



body {
	margin: 0;
	line-height: normal;
}

.combined-visual-sections {
	display: flex;
	flex-direction: column;
	margin-top: 100px;
	/* Add 100px margin at the top */
	gap: 30px;
	/* Add gap between children */
}

.two-column-image-section {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	gap: 1.04vw;
	/* Match the gap in other sections */
}

.image-container-1,
.image-container-2 {
	flex: 1;
	/* Make them take equal width */
	display: flex;
	/* Use flex to center the image if needed */
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/* Hide any overflowing parts of the image */
}

.image-container-1 img,
.image-container-2 img {
	width: 100%;
	/* Make image fill the width of its container */
	height: auto;
	/* Maintain aspect ratio */
	object-fit: contain;
	/* Ensure the entire image is visible within the container, scaling down if necessary */
	display: block;
	/* Remove any extra space below the image */
}

.left-column {
	width: 40%;
}

.right-column {
	width: 60%;
}

.new-custom-two-column-section {
	display: grid;
	/* Changed to grid layout */
	grid-template-columns: 2fr 3fr;
	/* Two columns, left 40%, right 60% */
	grid-template-rows: repeat(2, 1fr);
	/* Two rows for the right side */
	gap: 1.04vw;
	/* Gap between columns */
	row-gap: 10px;
	/* Vertical gap between right-side containers */
	box-sizing: border-box;
	/* Add some margin for spacing */
}

.left-column-custom {
	grid-column: 1;
	/* First column */
	grid-row: 1 / span 2;
	/* Spans both rows */
	background-color: black;
	min-height: 500px;
	/* Increased height by 2.5 times */
	padding: 20px;
	box-sizing: border-box;
	/* Ensure padding is included in sizing */
}







.right-top-container {
	grid-column: 2;
	/* Second column */
	grid-row: 1;
	/* First row */
	/* Removed background-color */
	min-height: 245px;
	/* Half of 500px min-height of left, accounting for row-gap */
	box-sizing: border-box;
	/* Ensure padding is included in sizing */
	display: flex;
	/* For centering content */
	justify-content: center;
	align-items: center;
}

.right-bottom-container {
	grid-column: 2;
	/* Second column */
	grid-row: 2;
	/* Second row */
	/* Removed background-color */
	min-height: 245px;
	/* Half of 500px min-height of left, accounting for row-gap */
	box-sizing: border-box;
	/* Ensure padding is included in sizing */
	display: flex;
	/* For centering content */
	justify-content: center;
	align-items: center;
}

/* Styling for the new silsa section */
.silsa-section-wrapper {
	width: 100%;
	box-sizing: border-box;
	padding: 0% 1.04vw;
	/* Match horizontal padding of .div */
	/* margin-top: 18.52vh; /* Match gap of .div */
}

.silsa-container-row {
	display: flex;
	gap: 1.04vw;
	/* Gap between image items */
	justify-content: space-between;
	align-items: flex-start;
}

.silsa-image-item {
	flex: 1;
	/* Equal width for all three items */
	display: flex;
	/* Make it a flex container to center the image */
	justify-content: center;
	/* Center image horizontally */
	align-items: center;
	/* Center image vertically */
	overflow: hidden;
	/* Hide anything outside the container */
	/* border: 1px solid rgba(0, 0, 0, 0.3); Removed border */
	box-sizing: border-box;
	/* Include padding and border in the element's total width and height */
	/* Removed: position: relative; height: 0; padding-bottom: 142.5926%; */
}

.silsa-image-item img {
	width: 100%;
	/* Fill width of its parent (.silsa-image-item) */
	height: auto;
	/* Maintain aspect ratio based on width */
	max-height: 100%;
	/* Constrain height to parent's available height */
	object-fit: contain;
	/* Ensure image fits within the container without cropping */
	display: block;
	/* Remove any extra space below the image */
	/* Removed: position: absolute; top: 0; left: 0; */
}

/* --- Styles for another-custom-two-column-section (similar to new-custom-two-column-section) --- */
.another-custom-two-column-section {
	width: 100%;
	/* Ensure it takes full width */
	align-self: stretch;
	/* Ensure it stretches in flex container */
	min-width: 0;
	/* Allow it to shrink if needed */
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: 1fr;
	/* Single row for the right-column-wrapper */
	gap: 1.04vw;
	/* row-gap: 10px; */
	/* Removed as gap is now handled by right-column-wrapper */
	box-sizing: border-box;
}

.right-column-wrapper {
	grid-column: 2;
	/* Occupy the second column of the grid */
	grid-row: 1;
	/* Occupy the first row of the grid */
	display: grid;
	/* Changed to grid */
	grid-template-rows: auto auto;
	/* Allow children to size to content */
	gap: 10px;
	/* Space between its children (new-horizontal-split-wrapper and another-right-bottom-container) */
}

/* --- Styles for another-left-column-custom (similar to left-column-custom, but prepared for splitting) --- */
.another-left-column-custom {
	grid-column: 1;
	grid-row: 1 / span 2;
	background-color: black;
	/* Placeholder background */
	/* min-height: 500px; */
	/* Removed to allow aspect ratio to define height */
	position: relative;
	/* Needed for absolute positioning of child img */
	height: 0;
	/* Needed for padding-bottom hack */
	padding-bottom: 132.25%;
	/* (529 / 400) * 100% aspect ratio */
	/* padding: 20px; */
	/* Padding removed as requested */
	box-sizing: border-box;
	/* display: flex; */
	/* Remove flex if image is absolutely positioned */
	/* flex-direction: column; */
	/* Remove flex if image is absolutely positioned */
	/* gap: 10px; */
	/* Remove flex if image is absolutely positioned */
	overflow: hidden;
	/* Added to hide overflow */
}

.another-left-column-custom img {
	position: absolute;
	/* Position the image within the container */
	top: 0;
	left: 0;
	width: 100%;
	/* Make image fill the width of its parent */
	height: 100%;
	/* Make image fill the height of its parent */
	object-fit: cover;
	/* Fill the container, cropping if necessary */
	display: block;
	/* Remove any extra space below the image */
}



/* --- Styles for another-right-bottom-container (similar to right-bottom-container) --- */
.another-right-bottom-container {
	/* grid-column: 2; */
	/* Handled by parent wrapper */
	/* grid-row: 2; */
	/* Handled by parent wrapper */
	/* flex: 1; */
	/* Removed to allow content to define height */
	background-color: darkgray;
	/* Placeholder background */
	/* min-height: 245px; */
	/* height: 100%; */
	/* align-self: center; */
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/* Added to hide overflow */
}

/* --- Styles for new-horizontal-containers-wrapper --- */
.new-horizontal-containers-wrapper {
	grid-column: 2;
	grid-row: 1;
	/* Occupy the same grid cell as the old another-right-top-container */
	display: flex;
	/* Arrange children horizontally */
	gap: 1.04vw;
	/* Gap between the two horizontal containers */
	box-sizing: border-box;
	min-height: 245px;
	/* Inherit min-height from the replaced container */
	background-color: darkgray;
	/* Placeholder background */
}

/* --- Styles for new-horizontal-container-left and new-horizontal-container-right --- */
.new-horizontal-container-left,
.new-horizontal-container-right {
	flex: 1;
	/* Take equal width */
	background-color: lightsteelblue;
	/* Placeholder color */
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

/* Styles for the new wrapper to split the horizontal space */
/* Styles for the new wrapper to split the horizontal space */
.new-horizontal-split-wrapper {
	/* grid-column: 2; */
	/* Handled by parent wrapper */
	/* grid-row: 1; */
	/* Handled by parent wrapper */
	/* flex: 1; */
	/* Removed to allow content to define height */
	display: flex;
	/* Use flexbox to arrange children horizontally */
	gap: 1.04vw;
	/* Gap between the two horizontal containers, consistent with other sections */
	box-sizing: border-box;
	height: 25vw;
	/* Fixed height to ensure both images are same height */
	/* align-self: center; */
	/* min-height: 245px; */
	/* background-color: lightgoldenrodyellow; /* Placeholder background for debugging */
}

/* Styles for the individual left and right containers within the split wrapper */
.new-container-left,
.new-container-right {
	flex: 0 0 auto;
	/* Let content define width */
	width: auto;
	/* Auto width based on image ratio */
	/* background-color: lightcoral; /* Placeholder color for left */
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	/* border: 1px solid rgba(0, 0, 0, 0.3); Removed border */
	/* Add a border for visibility */
	/* padding: 10px; */
	/* Removed padding */
	overflow: hidden;
	/* Ensure image overflow is hidden */
}

/* Specific background for right container to differentiate */
.new-container-right {
	/* background-color: lightblue; /* Placeholder color for right */
}

.new-container-left img,
.new-container-right img {
	width: auto;
	/* Let width be determined by height and aspect ratio */
	height: 100%;
	/* Fill parent height */
	max-height: 100%;
	/* Constrain height to parent */
	display: block;
	/* Remove extra space below image */
	object-fit: contain;
	/* Contain image within container without cropping */
}

.new-container-fill {
	flex: 1;
	/* Grow to fill remaining space */
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	/* border: 1px solid rgba(0, 0, 0, 0.3); Removed border */
	/* Consistency */
	overflow: hidden;
}

.new-container-fill img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Ensure it covers the filled area completely */
	display: block;
}

.another-right-bottom-container img {
	height: 100%;
	/* Fill height */
	width: auto;
	/* Maintain aspect ratio */
	display: block;
	/* Remove extra space below image */
	object-fit: contain;
	/* Contain image within container without cropping */
}

.sticker-hover-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.sticker-hover-wrapper .sticker-default,
.sticker-hover-wrapper .sticker-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity 0.3s ease;
}

.sticker-hover-wrapper .sticker-hover {
	opacity: 0;
}

.sticker-hover-wrapper:hover .sticker-hover {
	opacity: 1;
}

.sticker-hover-wrapper:hover .sticker-default {
	opacity: 0;
}

.yida-is-a .team-name {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 1em;
	display: block;
}

.yida-is-a .member-block {
	margin-bottom: 0.8em;
}

.yida-is-a .member-name {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0.2em;
	display: block;
}

.yida-is-a .member-role {
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.4;
	display: block;
}



.poster-hover-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.poster-hover-wrapper .poster-default,
.poster-hover-wrapper .poster-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity 0.3s ease;
}

.poster-hover-wrapper .poster-hover {
	opacity: 0;
}

.poster-hover-wrapper:hover .poster-hover {
	opacity: 1;
}

.poster-hover-wrapper:hover .poster-default {
	opacity: 0;
}

/* Default: Hide mobile-only display on desktop */
#yida-mobile-only-display {
	display: none;
}

/* Mobile styles */
@media (max-width: 768px) {
	#yida-desktop-content {
		/* Hide original desktop content on mobile */
		display: none !important;
	}

	#yida-mobile-only-display {
		display: block;
		/* Show mobile-specific content */
		width: 100vw;
		/* Full viewport width */
		margin: 0;
		padding: 0;
		line-height: 0;
		/* Remove potential line height gap between images */
	}

	#yida-mobile-only-display img {
		width: 100%;
		/* Image takes full width of its container */
		height: auto;
		/* Maintain aspect ratio */
		display: block;
		/* Remove any extra space below images */
		margin: 0;
		padding: 0;
	}
}

/* Ensure desktop content is block by default */
#yida-desktop-content {
	display: block;
}

.new-interview-section {
	background-color: #ECE6D5;
	position: relative;
	/* For absolute positioning of text */
	padding: 100px 60px 60px 60px;
	/* Horizontal padding, also top/bottom */
	box-sizing: border-box;
	/* Include padding in element's total width and height */
	overflow: hidden;
	/* Ensure content stays within bounds */
	display: flex;
	/* To contain the image nicely */
	justify-content: center;
	/* Center the image horizontally */
	align-items: center;
	/* Center the image vertically */
	/*
    "페이지의 패딩에 영향을 받은 채 페이지에 fill 됨"
    This implies it fills the content area, respecting #yida-desktop-content's padding.
    Since #yida-desktop-content has its own padding, and this new section is a child,
    setting width: 100% and then adding padding: 40px will behave as expected.
    */
}

.new-interview-section img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	/* Ensure image is fully visible */
}

.interview-text {
	position: absolute;
	top: 40px;
	/* Aligned with container's padding */
	left: 40px;
	/* Aligned with container's padding */
	color: rgb(0, 0, 0);
	/* Gray color as requested */
	font-size: 1.25vw;
	/* Example font size, adjust as needed */
	font-weight: 700;
	/* Example font weight */
	z-index: 1;
	/* Ensure text is above the image */
}

.new-section-below-interview {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	font-size: 18px;
	color: #000;
	/* min-height: 200px; Removed Placeholder height */
	/* border: 1px dashed #ccc; Removed Visual indicator */
}

.share_joy {
	background-color: #ECE6D5;
	position: relative;
	padding: 100px 60px 60px 60px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.share_joy img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.share-joy-text {
	position: absolute;
	top: 40px;
	left: 40px;
	color: gray;
	font-size: 1.25vw;
	font-weight: 700;
	z-index: 1;
}

.new-section-after-share-joy-second {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 1.04vw;
	text-align: center;
	font-size: 18px;
	color: #000;
}

.empty-left-space {
	flex: 1;
	/* 왼쪽 공간을 확보하고 flex item으로 작동하도록 */
	max-width: calc(50% - 25px);
	/* rectangle-parent3와 동일한 너비 */
	/* 필요에 따라 min-height 등을 추가할 수 있습니다. */
}

.verbal-brand-text-content {
	flex: 1;
	max-width: calc(50% - 25px);
	/* rectangle-parent3와 동일한 너비 */
	height: 500px;
	/* brand-philosophy-text-container와 동일하게 */
	box-sizing: border-box;
	padding-bottom: 10px;
	/* brand-philosophy-text-container와 동일하게 */
	text-align: left;
	font-size: 0.9vw;
	line-height: 160%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.verbal-brand-title {
	font-size: 1.25vw;
	/* background-research와 유사하게 */
	font-weight: 700;
	/* bold */
	margin-bottom: 20px;
	/* brand-philosophy-text-container .background-research와 유사하게 */
}

.verbal-brand-body {
	/* 기본 폰트 스타일 유지 */
	font-size: 0.9vw;
	/* 본문 폰트 사이즈 조정 */
	line-height: 160%;
	/* 본문 줄 간격 조정 */
	font-weight: 500;
}

.moving-gif-container {
	width: 100%;
	background-color: #ECE6D5;
	/* Color from .rectangle-parent2 */
	padding: 20px;
	/* Revert padding to original */
	box-sizing: border-box;
	/* Ensures padding is included in element's total width and height */
	display: flex;
	justify-content: center;
	/* Center the image horizontally */
	align-items: center;
	/* Center the image vertically */
}

.moving-gif-container img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.yida-thumbnail-section {
	width: 100vw;
	position: relative;
	/* Needed for negative margin-left to work correctly in some contexts */
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/* Hide anything that goes beyond the image */
}

.yida-thumbnail-section img {
	width: 100%;
	/* Make image fill the width of its container */
	height: auto;
	/* Maintain aspect ratio */
	object-fit: cover;
	/* Cover the container, cropping if necessary */
	display: block;
}

.yeodongsik-section {
	width: 100%;
	/* Respect parent width */
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	/* Include padding in element's total width and height if any */
	position: relative;
	/* Added for absolute positioning of child link */
}

.yeodongsik-section img {
	max-width: 100%;
	/* Ensure image fits within the container */
	height: auto;
	/* Maintain aspect ratio */
	object-fit: contain;
	/* Ensure the entire image is visible, scaling down if necessary */
	display: block;
	/* Remove any extra space below the image */
}

.yeodongsik-instagram-link:hover {
	opacity: 0.8;
	/* Subtle hover effect */
}

.interview-content-group {
	display: flex;
	flex-direction: column;
	gap: 30px;
	/* Added 100px gap between children */
}

.share-joy-group {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}

.yeodongsik-group {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}

.yeodongsik-instagram-link {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: white;
	text-decoration: underline;
	z-index: 1;
	/* Ensure link is above the image */
	font-size: 1.25vw;
	/* Adjust font size as needed, using vw for responsiveness */
	white-space: nowrap;
	/* Prevent text wrapping */
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	/* Match overall font */
	font-weight: 500;
}

.yeodongsik-instagram-link:hover {
	opacity: 0.8;
	/* Subtle hover effect */
}

.full-width-black-background-section {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	display: flex;
	justify-content: center;
	background-color: black;
	padding: 50px 0;
	box-sizing: border-box;
}

.team-names-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 20px;
	/* Add some gap between the containers */
}

.team-member {
	flex: 1;
	/* Make them take equal width */
	text-align: center;
	position: relative;
	/* Added to host absolute speech bubble */
	cursor: pointer;
	/* Indicate interactivity */
}

.team-member img {
	max-width: 100%;
	height: auto;
}

.split-container {
	display: flex;
	gap: 20px;
	padding: 20px;
	align-items: flex-start;
}

.left-pane {
	flex: 1;
	display: flex;
	justify-content: center;
}

.right-pane {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
}

.right-pane h2 {
	font-size: 1.5em;
	font-weight: bold;
}

.yida-text-body {
	text-align: left;
	font-size: 0.9vw;
	line-height: 160%;
	font-weight: 500;
	font-family: 'SUIT Variable', Inter, 'Noto Sans KR', sans-serif;
	color: #000;
}

.yida-text-title {
	letter-spacing: -0.02em;
	line-height: 120%;
	font-size: 1.25vw;
}

:root {
	--slide-height: 300px;
	--slide-width: 450px;
}

.slider-container {
	width: 100%;
	max-width: 1440px;
	/* For 3 slides, each 480px wide (450px content + 2*15px padding) */
	margin: 0 auto;
	/* Center the carousel container on the page */
	position: relative;
	height: var(--slide-height);
	overflow: hidden;
	/* Keep hidden for now, will adjust if sides are not showing */
}

.slider-track {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	height: 100%;
	position: absolute;
	/* left will be set by JS */
	transition: left 0.5s ease-in-out;
}

.slide {
	width: var(--slide-width);
	height: var(--slide-height);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	/* give some space */
	box-sizing: border-box;
}

.slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	opacity: 0.5;
	transform: scale(0.8);
	transition: transform 0.5s, opacity 0.5s;
}

.slide.active img {
	opacity: 1;
	transform: scale(1);
}

.slider-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.slider-button.prev {
	left: calc(50% - 250px);
}

.slider-button.next {
	right: calc(50% - 250px);
}

/* Tooltip Styling for Hyewon Image */
.team-member-hyewon {
	position: relative;
	cursor: pointer;
}

.speech-bubble {
	position: absolute;
	bottom: 110%;
	/* Place above the image */
	left: 50%;
	transform: translateX(-50%);

	background-color: #000;
	color: #fff;
	padding: 8px 12px;
	border-radius: 20px;

	font-size: 14px;
	font-weight: bold;
	font-family: 'SUIT Variable', sans-serif;
	white-space: nowrap;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;

	pointer-events: none;
	z-index: 10;
}

/* Arrow for the speech bubble */
.speech-bubble::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

/* Show on hover or active (tap) */
.team-member:hover .speech-bubble,
.team-member:active .speech-bubble {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-5px);
}

/* Hover effect for slide-16-9-1794 logo */
.logo-hover-wrapper {
	/* Inherits absolute positioning from .page-bottom-svg */
	cursor: pointer;
	/* tailored for interactive feel */
	overflow: hidden;
	/* Ensure no overflow */
}

/* Override inline opacities on hover */
.logo-hover-wrapper:hover .logo-default {
	opacity: 0 !important;
}

.logo-hover-wrapper:hover .logo-hover {
	opacity: 1 !important;
}