/* custom.css */

html[lang="ko"] .book,
html[lang="cn"] .book {
	text-orientation: sideways;
}

/* html[lang="cn"] .book {
	transform: scale(1);
} */

.logo__img {
	height: 4.05rem;
}

.lang__current {
	border: 0;
	color: inherit;
	font: inherit;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0;
	border-radius: .4375rem;
	background: linear-gradient(180deg, #886040, #745836);
	box-shadow: inset 0 .125rem .125rem 0 #caa463, inset 0 -.0625rem .0625rem 0 rgba(26, 19, 11, .76);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lang__item {
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
}

.lang__item_active {
	color: #e2c86a;
	pointer-events: none;
}

@media (min-width: 1200px) {
	.logo__img {
		height: 4.3rem;
	}
}

[data-section="influencers"] .influencers__wrap,
[data-section="influencers"] .influencers__streamsbox {
	display: none;
}

[data-section="influencers"] .desc,
[data-section="servcards"] .desc,
[data-section="download"] .desc {
	max-width: 46rem;
	line-height: 1.55;
}

@media (min-width: 1200px) {
	[data-section-bg="servcards"] {
		background-image: url("../images/bg.jpg") !important;
	}

	.swiper-slide-active [data-section-bg="servcards"] {
		background-image: url("../images/ChatGPT Image23_01_16.png") !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	[data-section-bg="download"] {
		background-image: url("../images/ChatGPT2569 08_55_00.png") !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	[data-section-bg="influencers"] {
		background-image: url("../images/ChatGPT Image2569 09_58_16.png") !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.download {
	text-align: center;
	padding-top: 11.25rem;
	box-sizing: border-box;
}

.download-grid {
	width: min(58rem, calc(100vw - 18rem));
	margin: 1.45rem auto 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
	justify-content: center;
}

.download-card {
	position: relative;
	min-height: 24.5rem;
	padding: 1.35rem 1.25rem 1.25rem;
	border: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	--card-line: rgba(121, 90, 57, .42);
	background:
		linear-gradient(90deg, transparent, var(--card-line) 12%, var(--card-line) 88%, transparent) left 2.2rem top .6rem / calc(100% - 4.4rem) 1px no-repeat,
		linear-gradient(90deg, transparent, var(--card-line) 16%, var(--card-line) 84%, transparent) left 2.2rem bottom .62rem / calc(100% - 4.4rem) 1px no-repeat;
	box-shadow: none;
	box-sizing: border-box;
}

.download-card::before,
.staff-card::before {
	content: "";
	position: absolute;
	inset: -.18rem auto auto -.18rem;
	width: 5.45rem;
	height: 7.45rem;
	background: var(--decor-corner-left-top) left top / contain no-repeat;
	opacity: .62;
	pointer-events: none;
}

.download-card::after,
.staff-card::after {
	content: "";
	position: absolute;
	right: .55rem;
	bottom: .55rem;
	width: .42rem;
	height: .42rem;
	border: 1px solid rgba(111, 73, 38, .5);
	transform: rotate(45deg);
	background: rgba(140, 92, 43, .18);
}

.download-card_primary {
	--card-line: rgba(140, 82, 28, .5);
	background:
		linear-gradient(90deg, transparent, var(--card-line) 12%, var(--card-line) 88%, transparent) left 2.2rem top .6rem / calc(100% - 4.4rem) 1px no-repeat,
		linear-gradient(90deg, transparent, var(--card-line) 16%, var(--card-line) 84%, transparent) left 2.2rem bottom .62rem / calc(100% - 4.4rem) 1px no-repeat;
}

.download-card__label {
	margin-bottom: .45rem;
	color: #855527;
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1rem;
}

.download-card__title {
	margin-bottom: .6rem;
	color: #21150c;
	font-size: 1.35rem;
	font-weight: 700;
	text-transform: uppercase;
}

.download-card__text {
	width: min(22rem, 100%);
	min-height: 4.1rem;
	color: #302218;
	font-size: .82rem;
	line-height: 1.45;
}

.download-card__btn {
	margin-top: .85rem;
	min-width: 11rem;
}

.download-card__subbox {
	position: relative;
	width: calc(100% + 2.5rem);
	margin: 2.35rem -1.25rem 0;
	padding: 1.55rem 1.9rem .2rem;
	box-sizing: border-box;
	background:
		linear-gradient(90deg, transparent, var(--card-line) 12%, var(--card-line) 88%, transparent) left 2.2rem top .6rem / calc(100% - 4.4rem) 1px no-repeat,
		linear-gradient(90deg, transparent, var(--card-line) 16%, var(--card-line) 84%, transparent) left 2.2rem bottom .62rem / calc(100% - 4.4rem) 1px no-repeat;
}

.download-card__subbox::before {
	content: "";
	position: absolute;
	inset: -.18rem auto auto -.18rem;
	width: 5.45rem;
	height: 7.45rem;
	background: var(--decor-corner-left-top) left top / contain no-repeat;
	opacity: .62;
	pointer-events: none;
}

.download-card__subbox .download-card__title {
	font-size: 1.18rem;
}

.download-card__subbox .download-card__text {
	min-height: 4.1rem;
	font-size: .78rem;
}

.download-card__subbox .download-card__btn {
	margin-top: .75rem;
	min-width: 11rem;
}

.download .btn {
	box-shadow: inset 0 2px 2px 0 #caa463, inset 0 -1px 1px 0 rgba(26, 19, 11, .76), 0 5px 6px 0 rgba(33, 14, 4, .76);
}

.download-actions {
	position: relative;
	width: max-content;
	max-width: 100%;
	margin: 1rem auto 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
	background: none;
	box-sizing: border-box;
}

.download-note {
	width: min(44rem, calc(100vw - 15rem));
	margin: 1rem auto 0;
	color: #3b2a1d;
	font-size: .78rem;
	line-height: 1.45;
}

.staff-grid {
	width: min(86rem, calc(100vw - 22rem));
	margin: 1.65rem auto 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.staff-card {
	position: relative;
	min-height: 8.6rem;
	padding: 1.08rem 1rem .98rem;
	border: 0;
	--card-line: rgba(121, 90, 57, .34);
	background:
		linear-gradient(90deg, transparent, var(--card-line) 12%, var(--card-line) 88%, transparent) left 2rem top .55rem / calc(100% - 4rem) 1px no-repeat,
		linear-gradient(90deg, transparent, var(--card-line) 16%, var(--card-line) 84%, transparent) left 2rem bottom .55rem / calc(100% - 4rem) 1px no-repeat;
	box-shadow: none;
	box-sizing: border-box;
}

[data-section="influencers"] .influencers__heading {
	max-width: none;
	width: 100%;
}

.staff-card__role {
	margin-bottom: .35rem;
	color: #7b4f25;
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08rem;
}

.staff-card__name {
	margin-bottom: .45rem;
	color: #24180e;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
}

.staff-card__text {
	color: #2f241b;
	font-size: .8rem;
	line-height: 1.4;
}

@media (max-width: 960px) {
	.staff-grid,
	.download-grid {
		width: min(32rem, calc(100vw - 3rem));
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.download-note {
		width: min(32rem, calc(100vw - 3rem));
	}
}

@media (max-width: 560px) {
	.staff-grid,
	.download-grid {
		width: calc(100vw - 2rem);
		grid-template-columns: 1fr;
		gap: .7rem;
	}

	.staff-card,
	.download-card {
		min-height: 0;
	}

	.download-card__text {
		min-height: 0;
	}

	.download-card__subbox .download-card__text {
		min-height: 0;
	}

	.download-note {
		width: calc(100vw - 2rem);
	}
}

.scl__ico-facebook-modern {
	display: block;
	width: 1.55rem;
	height: 1.55rem;
	overflow: visible;
}

.scl__ico-facebook-modern circle {
	fill: #e5cba8;
	transition: fill .2s, filter .2s;
}

.scl__ico-facebook-modern path {
	fill: #171412;
}

.scl__item:hover .scl__ico-facebook-modern circle {
	fill: #fff4e5;
	filter: drop-shadow(0 0 .35rem rgba(226, 200, 106, .35));
}