.pyalichai-about-page,
.pyalichai-about-page * {
	box-sizing: border-box;
}

/*
 * About-page header bridge. The reusable Home header is intentionally white
 * for the video hero; when this About widget is present its navigation sits
 * over the cream page instead, so only the navigation layer is rendered dark.
 * The announcement bar remains unchanged.
 */
.pyalichai-header__navigation {
	color: #1f1f1f;
}

.pyalichai-header__navigation .pyalichai-header__wholesale {
	border-color: rgba(31, 31, 31, 0.28);
}

.pyalichai-header__navigation img {
	filter: brightness(0) saturate(100%);
}

.pyalichai-header__navigation .pyalichai-header__logo--mobile {
	filter: brightness(0) saturate(100%) !important;
}

.pyalichai-about-page {
	--pyalichai-about-page-bg: #fcf8f5;
	--pyalichai-about-page-ink: #282522;
	--pyalichai-about-page-muted: #9b9793;
	position: relative;
	width: 100vw;
	height: 712px;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: var(--pyalichai-about-page-bg);
	color: var(--pyalichai-about-page-ink);
	font-family: var(--pyalichai-font-display);
}

.pyalichai-about-page__eyebrow {
	position: absolute;
	top: 178px;
	left: 50px;
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-page-muted);
	font-family: var(--pyalichai-font-display);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0;
}

.pyalichai-about-page__copy {
	position: absolute;
	top: 391px;
	left: 50px;
	width: 570px;
	margin: 0;
	padding: 0;
}

.pyalichai-about-page__heading {
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-page-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 31px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -0.18px;
}

.pyalichai-about-page__body {
	margin: 12px 0 0;
	padding: 0;
	color: var(--pyalichai-about-page-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0;
}

.pyalichai-about-page__media {
	position: absolute;
	top: 167px;
	left: 50%;
	right: 64px;
	margin: 0;
	padding: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #eee8e3;
}

.pyalichai-about-page__image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

@media (max-width: 767px) {
	.pyalichai-about-page {
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 950px;
		padding: 96px 15px 77px;
		overflow: hidden;
	}

	.pyalichai-about-page__eyebrow,
	.pyalichai-about-page__copy,
	.pyalichai-about-page__media {
		position: static;
		top: auto;
		left: auto;
		right: auto;
	}

	.pyalichai-about-page__eyebrow {
		width: 100%;
		font-size: 16px;
		line-height: 20px;
	}

	.pyalichai-about-page__copy {
		width: 100%;
		margin: 11px 0 0;
	}

	.pyalichai-about-page__heading {
		font-size: 31px;
		font-weight: 500;
		line-height: 30px;
		letter-spacing: -0.2px;
	}

	.pyalichai-about-page__body {
		margin-top: 14px;
		font-size: 18px;
		font-weight: 500;
		line-height: 21px;
		letter-spacing: 0;
	}

	.pyalichai-about-page__media {
		flex: 0 0 auto;
		width: calc(100% - 8px);
		margin: 47px 4px 0;
		aspect-ratio: 3 / 2;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	.pyalichai-about-page__copy {
		width: calc(50% - 82px);
	}

	.pyalichai-about-page__body {
		font-size: 17px;
		line-height: 19px;
	}
}

/*
 * v1.1.31 mobile hardening.
 * The shared Header intentionally overlays the Homepage hero. On the About page
 * the navigation must instead occupy its own cream row before the story starts.
 * These rules also hard-lock the first story section into normal document flow
 * so theme/Elementor image rules cannot turn the story image into a tall hero.
 */
.pyalichai-header__navigation {
	background: #fcf8f5;
}

@media (max-width: 502px) {
	.pyalichai-header {
		height: 160px !important;
	}

	.pyalichai-header__navigation {
		top: 70px !important;
		height: 90px !important;
		background: #fcf8f5 !important;
	}
}

@media (min-width: 503px) and (max-width: 767px) {
	.pyalichai-header {
		height: 171px !important;
	}
}

@media (max-width: 767px) {
	.pyalichai-about-page {
		display: block !important;
		position: relative !important;
		width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 0 0 calc(50% - 50vw) !important;
		padding: 96px 15px 77px !important;
		overflow: hidden !important;
		background: #fcf8f5 !important;
	}

	.pyalichai-about-page__eyebrow,
	.pyalichai-about-page__copy,
	.pyalichai-about-page__media {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		float: none !important;
		clear: both !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.pyalichai-about-page__eyebrow {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
	}

	.pyalichai-about-page__copy {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 11px 0 0 !important;
		padding: 0 !important;
	}

	.pyalichai-about-page__heading {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 31px !important;
		font-weight: 500 !important;
		line-height: 30px !important;
		letter-spacing: -0.2px !important;
		white-space: normal !important;
	}

	.pyalichai-about-page__body {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 14px 0 0 !important;
		padding: 0 !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 21px !important;
		letter-spacing: 0 !important;
		white-space: normal !important;
	}

	.pyalichai-about-page__media {
		display: block !important;
		width: calc(100% - 8px) !important;
		height: calc((100vw - 38px) * 0.6666667) !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 47px 4px 0 !important;
		padding: 0 !important;
		aspect-ratio: auto !important;
		overflow: hidden !important;
		background: #eee8e3 !important;
	}

	.pyalichai-about-page__image {
		position: static !important;
		inset: auto !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}


/* About page — Section 2: edge-to-edge story image. */
.pyalichai-about-page-wide-image,
.pyalichai-about-page-wide-image * {
	box-sizing: border-box;
}

.pyalichai-about-page-wide-image {
	position: relative;
	display: block;
	width: 100vw;
	height: min(40vw, 810px);
	min-height: 520px;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: #eee8e3;
}

.pyalichai-about-page-wide-image__image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

@media (max-width: 767px) {
	.pyalichai-about-page-wide-image {
		width: 100vw !important;
		height: 72vw !important;
		min-height: 0 !important;
		margin: 0 0 0 calc(50% - 50vw) !important;
	}
}

/* About page — Section 3: image + story copy. */
.pyalichai-about-page-team,
.pyalichai-about-page-team * {
	box-sizing: border-box;
}

.pyalichai-about-page-team {
	--pyalichai-about-team-bg: #fcf8f5;
	--pyalichai-about-team-ink: #282522;
	--pyalichai-about-team-muted: #9b9793;
	position: relative;
	display: block;
	width: 100vw;
	height: 760px;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: var(--pyalichai-about-team-bg);
	color: var(--pyalichai-about-team-ink);
	font-family: var(--pyalichai-font-display);
}

.pyalichai-about-page-team__media {
	position: absolute;
	top: 73px;
	left: 50px;
	width: calc(50% - 64px);
	aspect-ratio: 3 / 2;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #eee8e3;
}

.pyalichai-about-page-team__image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.pyalichai-about-page-team__eyebrow {
	position: absolute;
	top: 90px;
	left: calc(50% + 1px);
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-team-muted);
	font-family: var(--pyalichai-font-display);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0;
}

.pyalichai-about-page-team__copy {
	position: absolute;
	top: calc(25.47vw + 40px);
	left: calc(50% + 1px);
	width: calc(50% - 74px);
	margin: 0;
	padding: 0;
}

.pyalichai-about-page-team__heading {
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-team-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 31px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -0.18px;
}

.pyalichai-about-page-team__body {
	max-width: 560px;
	margin: 12px 0 0;
	padding: 0;
	color: var(--pyalichai-about-team-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0;
}

@media (min-width: 768px) and (max-width: 1100px) {
	.pyalichai-about-page-team {
		height: 650px;
	}

	.pyalichai-about-page-team__media {
		top: 64px;
		left: 40px;
		width: calc(50% - 54px);
	}

	.pyalichai-about-page-team__eyebrow,
	.pyalichai-about-page-team__copy {
		left: calc(50% + 1px);
	}

	.pyalichai-about-page-team__eyebrow {
		top: 78px;
	}

	.pyalichai-about-page-team__copy {
		top: calc(25.47vw + 36px);
		width: calc(50% - 44px);
	}

	.pyalichai-about-page-team__body {
		font-size: 17px;
		line-height: 19px;
	}
}

@media (max-width: 767px) {
	.pyalichai-about-page-team {
		display: block !important;
		position: relative !important;
		width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 0 0 calc(50% - 50vw) !important;
		padding: 88px 18px 55px !important;
		overflow: hidden !important;
		background: #fcf8f5 !important;
	}

	.pyalichai-about-page-team__media,
	.pyalichai-about-page-team__eyebrow,
	.pyalichai-about-page-team__copy {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		transform: none !important;
	}

	.pyalichai-about-page-team__media {
		height: auto !important;
		margin: 0 !important;
		aspect-ratio: 3 / 2 !important;
	}

	.pyalichai-about-page-team__eyebrow {
		display: block !important;
		margin: 29px 0 0 !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
	}

	.pyalichai-about-page-team__copy {
		margin: 14px 0 0 !important;
		padding: 0 !important;
	}

	.pyalichai-about-page-team__heading {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 31px !important;
		font-weight: 500 !important;
		line-height: 34px !important;
		letter-spacing: -0.18px !important;
	}

	.pyalichai-about-page-team__body {
		max-width: none !important;
		margin: 13px 0 0 !important;
		padding: 0 !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 21px !important;
		letter-spacing: 0 !important;
	}
}


/* v1.1.36 — Section 3 responsive alignment hardening.
 * The reference places the copy well above the image bottom. Keep the right
 * column anchored to those approved coordinates even if Elementor/theme rules
 * add generic positioning to nested copy blocks.
 */
@media (min-width: 1101px) {
	.pyalichai-about-page-team__eyebrow {
		top: 90px !important;
		left: calc(50% + 1px) !important;
	}

	.pyalichai-about-page-team__copy {
		top: calc(25.47vw + 40px) !important;
		left: calc(50% + 1px) !important;
		width: calc(50% - 74px) !important;
	}

	.pyalichai-about-page-team__body {
		max-width: 560px !important;
	}
}

/* About page — Section 4: right image + right-aligned experience copy. */
.pyalichai-about-page-experience,
.pyalichai-about-page-experience * {
	box-sizing: border-box;
}

.pyalichai-about-page-experience {
	--pyalichai-about-experience-bg: #fcf8f5;
	--pyalichai-about-experience-ink: #282522;
	--pyalichai-about-experience-muted: #9b9793;
	position: relative;
	display: block;
	width: 100vw;
	height: 770px;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: var(--pyalichai-about-experience-bg);
	color: var(--pyalichai-about-experience-ink);
	font-family: var(--pyalichai-font-display);
}

.pyalichai-about-page-experience__media {
	position: absolute;
	top: 112px;
	left: calc(50% + 10px);
	width: calc(50% - 55px);
	margin: 0;
	padding: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #eee8e3;
}

.pyalichai-about-page-experience__image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.pyalichai-about-page-experience__eyebrow {
	position: absolute;
	top: 128px;
	right: calc(50% + 5px);
	width: 560px;
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-experience-muted);
	font-family: var(--pyalichai-font-display);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0;
	text-align: right;
}

.pyalichai-about-page-experience__copy {
	position: absolute;
	top: 566px;
	right: calc(50% + 5px);
	width: 560px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.pyalichai-about-page-experience__heading {
	margin: 0;
	padding: 0;
	color: var(--pyalichai-about-experience-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 31px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -0.18px;
}

.pyalichai-about-page-experience__body {
	margin: 12px 0 0 auto;
	padding: 0;
	color: var(--pyalichai-about-experience-ink);
	font-family: var(--pyalichai-font-display);
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0;
	text-align: right;
}

@media (min-width: 768px) and (max-width: 1100px) {
	.pyalichai-about-page-experience {
		height: 650px;
	}

	.pyalichai-about-page-experience__media {
		top: 86px;
		left: calc(50% + 7px);
		width: calc(50% - 47px);
	}

	.pyalichai-about-page-experience__eyebrow,
	.pyalichai-about-page-experience__copy {
		right: calc(50% + 3px);
		width: calc(50% - 52px);
	}

	.pyalichai-about-page-experience__eyebrow {
		top: 100px;
	}

	.pyalichai-about-page-experience__copy {
		top: calc(25.33vw + 292px);
	}

	.pyalichai-about-page-experience__body {
		font-size: 17px;
		line-height: 19px;
	}
}

@media (max-width: 767px) {
	.pyalichai-about-page-experience {
		display: block !important;
		position: relative !important;
		width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 0 0 calc(50% - 50vw) !important;
		padding: 56px 20px 58px !important;
		overflow: hidden !important;
		background: #fcf8f5 !important;
	}

	.pyalichai-about-page-experience__eyebrow,
	.pyalichai-about-page-experience__copy,
	.pyalichai-about-page-experience__media {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		transform: none !important;
	}

	.pyalichai-about-page-experience__eyebrow {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
		text-align: right !important;
	}

	.pyalichai-about-page-experience__copy {
		margin: 14px 0 0 !important;
		padding: 0 !important;
		text-align: right !important;
	}

	.pyalichai-about-page-experience__heading {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 31px !important;
		font-weight: 500 !important;
		line-height: 30px !important;
		letter-spacing: -0.18px !important;
		text-align: right !important;
	}

	.pyalichai-about-page-experience__body {
		margin: 13px 0 0 !important;
		padding: 0 !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 21px !important;
		letter-spacing: 0 !important;
		text-align: right !important;
	}

	.pyalichai-about-page-experience__media {
		height: auto !important;
		margin: 31px 0 0 !important;
		padding: 0 !important;
		aspect-ratio: 3 / 2 !important;
		overflow: hidden !important;
	}
}

/* v1.1.38 — Section 3/4 desktop proportion lock.
 * Reference geometry is based on the supplied 1920px desktop captures.
 * vw-based measurements keep the same visual proportions when the browser is
 * zoomed, while max values preserve the approved large-desktop dimensions.
 */
@media (min-width: 1101px) {
	/* Keep the lower breathing room of Section 3 consistent instead of letting
	 * a fixed 760px CSS height become oversized at browser zoom levels. */
	.pyalichai-about-page-team {
		height: min(39.583333vw, 760px) !important;
		min-height: 0 !important;
	}

	/* Section 4 reference: right image at ~50.5vw, copy aligned immediately
	 * before it, with the heading starting around 29.8vw from section top. */
	.pyalichai-about-page-experience {
		height: min(40.483701vw, 770px) !important;
		min-height: 0 !important;
	}

	.pyalichai-about-page-experience__media {
		top: min(5.888538vw, 112px) !important;
		left: 50.526814vw !important;
		width: min(47.108307vw, 896px) !important;
		aspect-ratio: 3 / 2 !important;
	}

	.pyalichai-about-page-experience__eyebrow {
		top: min(6.729758vw, 128px) !important;
		right: 50.315457vw !important;
		width: min(29.442692vw, 560px) !important;
		font-size: min(0.841220vw, 16px) !important;
		line-height: min(1.051525vw, 20px) !important;
	}

	.pyalichai-about-page-experience__copy {
		top: min(29.758149vw, 566px) !important;
		right: 50.315457vw !important;
		width: min(29.442692vw, 560px) !important;
		text-align: right !important;
	}

	.pyalichai-about-page-experience__heading {
		font-size: min(1.629864vw, 31px) !important;
		line-height: min(1.787592vw, 34px) !important;
		letter-spacing: -0.18px !important;
		white-space: normal !important;
	}

	.pyalichai-about-page-experience__body {
		margin-top: min(0.630915vw, 12px) !important;
		font-size: min(0.946372vw, 18px) !important;
		line-height: min(1.051525vw, 20px) !important;
		max-width: none !important;
		white-space: normal !important;
		text-align: right !important;
	}
}

/* About page typography — match the Home page system. */
.pyalichai-about-page,
.pyalichai-about-page-team,
.pyalichai-about-page-experience {
	font-family: var(--pyalichai-font-body) !important;
}

.pyalichai-about-page__eyebrow,
.pyalichai-about-page__body,
.pyalichai-about-page-team__eyebrow,
.pyalichai-about-page-team__body,
.pyalichai-about-page-experience__eyebrow,
.pyalichai-about-page-experience__body {
	font-family: var(--pyalichai-font-body) !important;
}

.pyalichai-about-page__heading,
.pyalichai-about-page-team__heading,
.pyalichai-about-page-experience__heading {
	font-family: var(--pyalichai-font-display) !important;
}

/* v1.1.40 — Mobile Section 3/4 media containment fix.
 * On mobile the media wrapper participates in normal document flow. Keep it
 * positioned so its absolutely-positioned image is contained by the media
 * box instead of stretching over the entire section and covering the copy.
 */
@media (max-width: 767px) {
	.pyalichai-about-page-team__media,
	.pyalichai-about-page-experience__media {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		isolation: isolate;
	}

	.pyalichai-about-page-team__image,
	.pyalichai-about-page-experience__image {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center center !important;
		z-index: 0 !important;
	}

	.pyalichai-about-page-team__eyebrow,
	.pyalichai-about-page-team__copy,
	.pyalichai-about-page-experience__eyebrow,
	.pyalichai-about-page-experience__copy {
		position: relative !important;
		z-index: 1 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}