/**
 * #Section heading
 */

.c-sec-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	text-align: center;
	color: var(--white);

	.c-sec-head__en {
		margin: 0;
		font-family: var(--ff-en);
		font-size: clamp(48px, 8vw, 96px);
		font-weight: 900;
		/* text-transform: uppercase; */
		line-height: 1;
	}

	.c-sec-head__ja {
		margin: 0;
		font-size: 24px;
		font-weight: 700;

		@media (max-width: 768px) {
			font-size: 16px;
		}
	}

	&.c-sec-head--dark {
		color: #111;
	}

	&.c-sec-head--row {
		flex-direction: row;
		align-items: center;
		gap: 50px;

		@media (max-width: 768px) {
			flex-direction: column;
			gap: 8px;
		}
	}

	&.c-sec-head--page {
		gap: 6px;
		color: #111;

		.c-sec-head__en {
			color: var(--color-accent);
			font-size: 64px;

			@media (max-width: 768px) {
				font-size: 40px;
			}
		}

		.c-sec-head__ja {
			font-size: 20px;

			@media (max-width: 768px) {
				font-size: 16px;
			}
		}
	}

	&.c-sec-head--glow {
		gap: 15px;
		color: var(--white);

		.c-sec-head__en,
		.c-sec-head__ja {
			text-shadow: 0 0 10px #fff;
		}

		.c-sec-head__en {
			padding-bottom: 10px;
			border-bottom: 10px solid var(--color-accent);
			font-size: 64px;

			@media (max-width: 768px) {
				padding-bottom: 5px;
				border-bottom: 5px solid var(--color-accent);
				font-size: 40px;
			}
		}

		.c-sec-head__ja {
			font-size: 24px;
			font-weight: 700;

			@media (max-width: 768px) {
				font-size: 16px;
			}
		}
	}
}