/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/styles/patterns/page-head/default.css ***!
  \*************************************************************************************************************************************************************************************************************/
.page-head {
	position: relative;
	padding-top: 50px;
	padding-bottom: 70px;
	overflow-x: clip;
	max-width: 100%;

	@media screen and (max-width: 781px) {
		padding-top: 25px;
		padding-bottom: 30px;
	}
}

.page-head-en {
	position: absolute !important;
	writing-mode: vertical-rl;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--akshar);
	font-size: 10px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	top: 45px;
	right: 28px;
	z-index: 0;

	@media screen and (max-width: 781px) {
		font-size: 8px;
		top: 25px;
		right: 10px;
	}
}

.page-head-loop-text {
	overflow: visible !important;
	width: 100vw !important;
	margin-inline: 0 !important;
}

.page-head-loop-text .loop-text-item {
	font-size: 188px;

	@media screen and (max-width: 781px) {
		font-size: 100px;
	}
}

.page-head-heading {
	font-family: var(--wp--preset--font-family--zen-antique);
	font-size: 63px;
	font-weight: 700;
	line-height: 1.3;
	margin-top: 5px;
	position: relative;

	@media screen and (max-width: 781px) {
		font-size: 32px;
	}
}

.page-head-text {
	position: relative;
	margin-top: 18px;
	letter-spacing: 0;
}


/*# sourceMappingURL=default.css.map*/