.typography-hero-headline:lang(th) {
	line-height: 1.36;
}

.scroll-gallery .scroll-container {
	overflow-y: hidden;
}

.section-security .section-content .typography-section-headline {
	line-height: 1.15;
}

/* icon-hello */
.icon-hello {
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 134px;
	--p-height: 72px;
}

@media only screen and (max-width: 1068px) {
	.icon-hello {
		--p-width: 113px;
		--p-height: 61px;
	}
}

@media only screen and (max-width: 734px) {
	.icon-hello {
		--p-width: 68px;
		--p-height: 37px;
	}
}

.section-hero .typography-section-headline {
	font-size: 100px;
}

@media (max-width: 1068px) {
	.section-hero .typography-section-headline {
		font-size: 80px;
	}
}

@media (max-width: 734px) {
	.section-hero .typography-section-headline {
		font-size: 40px;
	}
}

.section-hero .typography-section-headline:lang(th) {
	line-height: 1.45;
}

@media (max-width: 1068px) {
	.section-hero.rolodex-mode .hero-headline .rolodex-anim {
		padding-block: 18px 0;
	}
}

@media (max-width: 734px) {
	.section-hero.rolodex-mode .hero-headline .rolodex-anim {
		padding-block: 0;
	}
}

.section-hero.rolodex-mode .hero-headline .rolodex:first-child {
	height: 3.1em;
}

.section-hero .hero-headline .inline-anim-wrapper {
	width: 600px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-headline .inline-anim-wrapper {
		width: 460px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-headline .inline-anim-wrapper {
		width: 270px;
	}
}

.section-hero .hero-headline .rolodex:first-child > .rolodex-item {
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.section-hero.rolodex-mode .hero-headline .inline-anim-wrapper {
	margin-left: 20%;
}

.section-hero.rolodex-mode .hero-headline.will-change .rolodex .rolodex-item.secure {
	margin-left: -200px;
}

.section-hero.rolodex-mode .hero-headline .rolodex-anim .anim-secure {
	margin-left: -200px;
}

@media only screen and (max-width: 1068px) {
	.section-hero.rolodex-mode .hero-headline.will-change .rolodex .rolodex-item.secure {
		margin-left: -160px;
	}

	.section-hero.rolodex-mode .hero-headline .rolodex-anim .anim-secure {
		margin-left: -160px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero.rolodex-mode .hero-headline.will-change .rolodex .rolodex-item.secure {
		margin-left: -60px;
	}

	.section-hero.rolodex-mode .hero-headline .rolodex-anim .anim-secure {
		margin-left: -60px;
	}
}