.shkh-home,
.shkh-home * {
	box-sizing: border-box;
}

.shkh-home {
	--shkh-gold: #c9982e;
	--shkh-brown: #35170e;
	--shkh-cream: #fbf7ef;
	--shkh-paper: #fffdf9;
	--shkh-ink: #34241d;
	--shkh-muted: #796b65;
	--shkh-line: color-mix(in srgb, var(--shkh-gold) 32%, transparent);
	--shkh-shadow: 0 18px 50px rgba(74, 38, 20, .12);
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
	overflow: hidden;
	background: var(--shkh-paper);
	color: var(--shkh-ink);
	font-family: var(--shk-fa-font, "Vazirmatn Variable", Vazirmatn, Tahoma, sans-serif);
	direction: rtl;
	line-height: 1.9;
}

.shkh-home h1,
.shkh-home h2,
.shkh-home h3,
.shkh-home p {
	margin-block-start: 0;
}

.shkh-home h1,
.shkh-home h2,
.shkh-home h3 {
	color: inherit;
	font-family: var(--shkwf-heading, "Estedad Variable", Estedad, Tahoma, sans-serif);
	font-weight: 750;
	line-height: 1.45;
}

.shkh-home a {
	color: inherit;
	text-decoration: none;
}

.shkh-home img {
	display: block;
	max-width: 100%;
}

.shkh-shell {
	width: min(1180px, calc(100% - 42px));
	margin-inline: auto;
}

.shkh-section {
	position: relative;
	padding: clamp(70px, 7vw, 112px) 0;
}

.shkh-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-block-end: 14px;
	color: var(--shkh-gold);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .02em;
}

.shkh-eyebrow::before {
	width: 34px;
	height: 1px;
	background: currentcolor;
	content: "";
}

.shkh-button {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	padding: 10px 25px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 800;
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}

.shkh-button:hover,
.shkh-button:focus-visible {
	transform: translateY(-2px);
}

.shkh-button--solid {
	background: var(--shkh-brown);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--shkh-brown) 24%, transparent);
	color: #fff;
}

/* Keep the primary hero label readable against aggressive theme link colours. */
.shkh-home .shkh-hero .shkh-actions > .shkh-button--solid,
.shkh-home .shkh-hero .shkh-actions > .shkh-button--solid:visited,
.shkh-home .shkh-hero .shkh-actions > .shkh-button--solid:hover,
.shkh-home .shkh-hero .shkh-actions > .shkh-button--solid:focus-visible,
.shkh-home .shkh-hero .shkh-actions > .shkh-button--solid:active {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.shkh-button--line {
	border-color: color-mix(in srgb, var(--shkh-brown) 50%, transparent);
	background: rgba(255, 255, 255, .58);
	color: var(--shkh-brown);
}

.shkh-button--gold {
	background: linear-gradient(135deg, #f4d680, var(--shkh-gold));
	box-shadow: 0 12px 30px rgba(201, 152, 46, .25);
	color: var(--shkh-brown);
}

/* Split hero: the logo remains still; only the light layers rotate. */
.shkh-hero {
	display: grid;
	min-height: clamp(590px, 68vw, 760px);
	grid-template-columns: minmax(0, 48%) minmax(0, 52%);
	border-bottom: 1px solid var(--shkh-line);
	background: var(--shkh-paper);
}

.shkh-hero__visual {
	position: relative;
	display: grid;
	overflow: hidden;
	min-height: 100%;
	place-items: center;
	isolation: isolate;
	background:
		linear-gradient(120deg, rgba(255, 255, 255, .07), transparent 42%),
		radial-gradient(circle at 50% 48%, rgba(210, 149, 43, .24), transparent 37%),
		repeating-linear-gradient(45deg, rgba(255, 220, 135, .025) 0 1px, transparent 1px 13px),
		linear-gradient(145deg, #6a2a13 0%, var(--shkh-brown) 44%, #240e09 100%);
}

.shkh-hero__visual::before,
.shkh-hero__visual::after {
	position: absolute;
	inset: 20px;
	border: 1px solid rgba(228, 189, 95, .28);
	content: "";
	pointer-events: none;
}

.shkh-hero__visual::after {
	inset: 42px;
	border-color: rgba(228, 189, 95, .12);
	background:
		linear-gradient(90deg, transparent 49.8%, rgba(240, 203, 112, .08) 50%, transparent 50.2%),
		linear-gradient(transparent 49.8%, rgba(240, 203, 112, .08) 50%, transparent 50.2%);
}

.shkh-radiance {
	position: absolute;
	z-index: 0;
	width: min(92%, 680px);
	aspect-ratio: 1;
	border-radius: 50%;
	filter: drop-shadow(0 0 22px rgba(218, 165, 54, .22));
	pointer-events: none;
}

.shkh-radiance::before {
	position: absolute;
	inset: -7%;
	border-radius: 50%;
	background: repeating-conic-gradient(
		from 0deg,
		rgba(244, 205, 105, .58) 0deg .55deg,
		transparent .55deg 4.2deg,
		rgba(244, 205, 105, .18) 4.2deg 4.65deg,
		transparent 4.65deg 8deg
	);
	-webkit-mask: radial-gradient(circle, transparent 0 35%, #000 36% 100%);
	mask: radial-gradient(circle, transparent 0 35%, #000 36% 100%);
	animation: shkh-spin 72s linear infinite;
	content: "";
}

.shkh-radiance::after {
	position: absolute;
	inset: 13%;
	border: 1px solid rgba(239, 201, 100, .46);
	border-radius: 50%;
	box-shadow: 0 0 40px rgba(225, 166, 53, .25), inset 0 0 32px rgba(225, 166, 53, .15);
	animation: shkh-halo 3.4s ease-in-out infinite alternate;
	content: "";
}

.shkh-radiance i,
.shkh-radiance b {
	position: absolute;
	inset: 5%;
	border: 1px dashed rgba(237, 196, 96, .38);
	border-radius: 50%;
	animation: shkh-spin-reverse 48s linear infinite;
}

.shkh-radiance b {
	inset: 19%;
	border-style: dotted;
	border-color: rgba(237, 196, 96, .5);
	animation-duration: 35s;
	animation-direction: normal;
}

.shkh-hero__logo {
	position: relative;
	z-index: 2;
	width: min(57%, 400px);
	aspect-ratio: 1;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .34);
	clip-path: circle(49.15% at 50% 50%);
	object-fit: cover;
	transform: translateZ(0);
}

.shkh-hero__copy {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(70px, 8vw, 130px) clamp(44px, 8vw, 130px);
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(255, 253, 249, .96)),
		repeating-radial-gradient(circle at 100% 50%, rgba(201, 152, 46, .11) 0 1px, transparent 1px 18px);
}

.shkh-hero__copy::after {
	position: absolute;
	inset: 30px 30px 30px auto;
	width: min(37%, 320px);
	opacity: .23;
	background:
		repeating-linear-gradient(45deg, transparent 0 19px, rgba(201, 152, 46, .2) 20px),
		repeating-linear-gradient(-45deg, transparent 0 19px, rgba(201, 152, 46, .16) 20px);
	clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
	content: "";
	pointer-events: none;
}

.shkh-hero__copy > * {
	position: relative;
	z-index: 1;
}

.shkh-hero__copy h1 {
	max-width: 720px;
	margin-bottom: 24px;
	font-size: clamp(38px, 4.5vw, 73px);
	letter-spacing: -.035em;
}

.shkh-hero__copy p {
	max-width: 650px;
	margin-bottom: 34px;
	color: var(--shkh-muted);
	font-size: clamp(16px, 1.25vw, 19px);
}

.shkh-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.shkh-intro-cards {
	position: relative;
	z-index: 4;
	display: grid;
	margin-top: -42px;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.shkh-intro-card {
	display: grid;
	min-height: 165px;
	align-items: center;
	padding: 26px;
	border: 1px solid var(--shkh-line);
	border-radius: 8px;
	background: rgba(255, 253, 249, .96);
	box-shadow: var(--shkh-shadow);
	grid-template-columns: 60px 1fr 28px;
	gap: 18px;
	backdrop-filter: blur(8px);
	transition: transform .25s ease, border-color .25s ease;
}

.shkh-intro-card:hover {
	transform: translateY(-6px);
	border-color: var(--shkh-gold);
}

.shkh-intro-card__icon {
	display: grid;
	width: 58px;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid var(--shkh-line);
	border-radius: 50%;
	background: linear-gradient(145deg, #fff, #f7edda);
	color: var(--shkh-gold);
	font-size: 25px;
}

.shkh-intro-card h2 {
	margin-bottom: 7px;
	font-size: 18px;
}

.shkh-intro-card p {
	margin-bottom: 0;
	color: var(--shkh-muted);
	font-size: 13px;
	line-height: 1.8;
}

.shkh-intro-card > i {
	color: var(--shkh-gold);
	font-style: normal;
	font-size: 22px;
}

.shkh-section-heading {
	margin-bottom: 38px;
	text-align: center;
}

.shkh-section-heading h2 {
	margin-bottom: 0;
	font-size: clamp(30px, 3.2vw, 47px);
}

.shkh-section-heading--row {
	display: flex;
	align-items: end;
	justify-content: space-between;
	text-align: right;
}

.shkh-section-heading--row > a,
.shkh-section-more a {
	border-bottom: 1px solid currentcolor;
	color: var(--shkh-gold);
	font-size: 14px;
	font-weight: 800;
}

.shkh-content-section {
	background:
		radial-gradient(circle at 50% -20%, rgba(201, 152, 46, .12), transparent 38%),
		var(--shkh-cream);
}

.shkh-tabs__nav {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin: 0 auto 34px;
	padding: 5px;
	border: 1px solid var(--shkh-line);
	border-radius: 7px;
	background: rgba(255, 255, 255, .8);
}

.shkh-tabs__nav button {
	min-width: 125px;
	padding: 10px 22px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--shkh-muted);
	cursor: pointer;
	font: inherit;
	font-weight: 800;
}

.shkh-tabs__nav button[aria-selected="true"] {
	background: var(--shkh-brown);
	box-shadow: 0 8px 22px rgba(54, 24, 14, .18);
	color: #fff;
}

.shkh-tab-panel[hidden] {
	display: none;
}

.shkh-content-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.shkh-story {
	overflow: hidden;
	border: 1px solid var(--shkh-line);
	border-radius: 8px;
	background: var(--shkh-paper);
	box-shadow: 0 10px 28px rgba(74, 38, 20, .07);
	transition: transform .25s ease, box-shadow .25s ease;
}

.shkh-story:hover {
	transform: translateY(-5px);
	box-shadow: var(--shkh-shadow);
}

.shkh-story__visual {
	position: relative;
	display: grid;
	height: 158px;
	overflow: hidden;
	place-items: center;
	background:
		radial-gradient(circle at 50% 50%, rgba(238, 203, 115, .3), transparent 30%),
		repeating-conic-gradient(from 0deg, rgba(238, 203, 115, .18) 0deg 1deg, transparent 1deg 12deg),
		linear-gradient(135deg, #542311, var(--shkh-brown));
	background-position: center;
	background-size: cover;
}

.shkh-story--principle .shkh-story__visual {
	background:
		radial-gradient(circle, rgba(201, 152, 46, .2), transparent 58%),
		var(--shkh-brown);
	color: var(--shkh-gold);
}

.shkh-story--principle .shkh-story__visual > b {
	font-size: 42px;
	font-weight: 500;
}

.shkh-story__visual::after {
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(238, 203, 115, .25);
	content: "";
}

.shkh-story__visual.has-image::before {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(53, 23, 14, .45), transparent 70%);
	content: "";
}

.shkh-story__visual span {
	position: relative;
	z-index: 1;
	color: #edcc73;
	font-family: Georgia, serif;
	font-size: 34px;
}

.shkh-story__visual.has-image span {
	display: none;
}

.shkh-story__body {
	padding: 23px;
}

.shkh-story__body small,
.shkh-event small {
	display: block;
	margin-bottom: 7px;
	color: var(--shkh-gold);
	font-size: 11px;
	font-weight: 750;
}

.shkh-story h3 {
	margin-bottom: 10px;
	font-size: 18px;
}

.shkh-story p {
	min-height: 52px;
	margin-bottom: 16px;
	color: var(--shkh-muted);
	font-size: 13px;
	line-height: 1.8;
}

.shkh-story__more {
	color: var(--shkh-brown) !important;
	font-size: 12px;
	font-weight: 800;
}

.shkh-section-more {
	margin-top: 32px;
	text-align: center;
}

.shkh-events {
	background: var(--shkh-paper);
}

.shkh-events::before {
	position: absolute;
	inset: 0;
	opacity: .32;
	background: radial-gradient(circle at 9% 45%, rgba(201, 152, 46, .19), transparent 23%);
	content: "";
	pointer-events: none;
}

.shkh-events__grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 17px;
}

.shkh-event {
	display: grid;
	min-height: 145px;
	align-items: center;
	padding: 23px;
	border: 1px solid var(--shkh-line);
	border-radius: 7px;
	background: linear-gradient(135deg, #fff, #fffbf3);
	grid-template-columns: 74px 1fr 28px;
	gap: 21px;
	transition: transform .25s ease, border-color .25s ease;
}

.shkh-event:hover {
	transform: translateX(-4px);
	border-color: var(--shkh-gold);
}

.shkh-event time {
	display: flex;
	width: 72px;
	aspect-ratio: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--shkh-line);
	border-radius: 50%;
	background: #fff;
	color: var(--shkh-brown);
	line-height: 1.25;
}

.shkh-event time b {
	font-family: Georgia, serif;
	font-size: 25px;
}

.shkh-event time span {
	color: var(--shkh-gold);
	font-size: 10px;
}

.shkh-event h3 {
	margin-bottom: 5px;
	font-size: 17px;
}

.shkh-event p {
	margin-bottom: 0;
	color: var(--shkh-muted);
	font-size: 12px;
	line-height: 1.7;
}

.shkh-event > i {
	color: var(--shkh-gold);
	font-style: normal;
	font-size: 20px;
}

.shkh-principles {
	background:
		linear-gradient(rgba(53, 23, 14, .97), rgba(53, 23, 14, .97)),
		repeating-linear-gradient(45deg, transparent 0 12px, rgba(255, 255, 255, .06) 13px);
	color: #fff;
}

.shkh-principles::before {
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(239, 209, 126, .14);
	content: "";
	pointer-events: none;
}

.shkh-principles__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	border: 1px solid rgba(239, 209, 126, .22);
	background: rgba(239, 209, 126, .22);
}

.shkh-principle {
	position: relative;
	min-height: 268px;
	padding: 30px 25px;
	background: var(--shkh-brown);
}

.shkh-principle__number {
	position: absolute;
	top: 17px;
	left: 19px;
	color: rgba(239, 209, 126, .25);
	font-family: Georgia, serif;
	font-size: 38px;
}

.shkh-principle > b {
	display: grid;
	width: 58px;
	aspect-ratio: 1;
	margin-bottom: 25px;
	place-items: center;
	border: 1px solid rgba(239, 209, 126, .35);
	border-radius: 50%;
	color: #edcb70;
	font-size: 25px;
}

.shkh-principle h3 {
	margin-bottom: 12px;
	color: #fff;
	font-size: 18px;
}

.shkh-principle p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 13px;
	line-height: 1.85;
}

.shkh-cta {
	position: relative;
	overflow: hidden;
	padding: 54px 0;
	background: linear-gradient(90deg, #d1a03d, #edcc78 50%, #b77d1e);
	color: var(--shkh-brown);
}

.shkh-cta__pattern {
	position: absolute;
	inset: 0;
	opacity: .25;
	background:
		repeating-conic-gradient(from 45deg at 50% 50%, transparent 0 10deg, rgba(71, 30, 15, .22) 10deg 11deg, transparent 11deg 30deg);
	-webkit-mask: linear-gradient(90deg, #000, transparent 42%, transparent 58%, #000);
	mask: linear-gradient(90deg, #000, transparent 42%, transparent 58%, #000);
}

.shkh-cta__inner {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 90px 1fr auto;
	gap: 30px;
}

.shkh-cta img {
	width: 86px;
	clip-path: circle(49.1% at 50% 50%);
}

.shkh-cta .shkh-eyebrow {
	margin-bottom: 5px;
	color: #6c330f;
}

.shkh-cta h2 {
	margin-bottom: 5px;
	font-size: clamp(28px, 3vw, 43px);
}

.shkh-cta p {
	margin-bottom: 0;
	color: rgba(53, 23, 14, .76);
}

.shkh-cta .shkh-button {
	border-color: rgba(255, 255, 255, .35);
	background: var(--shkh-brown);
	color: #fff;
}

@keyframes shkh-spin {
	to { transform: rotate(360deg); }
}

@keyframes shkh-spin-reverse {
	to { transform: rotate(-360deg); }
}

@keyframes shkh-halo {
	from { opacity: .55; transform: scale(.97); }
	to { opacity: 1; transform: scale(1.035); }
}

.shkh-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .6s ease, transform .6s ease;
}

.shkh-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (max-width: 1024px) {
	.shkh-hero {
		min-height: 610px;
		grid-template-columns: 46% 54%;
	}

	.shkh-hero__copy {
		padding-inline: 42px;
	}

	.shkh-hero__copy h1 {
		font-size: clamp(34px, 5vw, 54px);
	}

	.shkh-intro-cards {
		margin-top: 28px;
	}

	.shkh-intro-card {
		grid-template-columns: 50px 1fr;
	}

	.shkh-intro-card > i {
		display: none;
	}

	.shkh-content-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.shkh-principles__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.shkh-shell {
		width: min(100% - 28px, 620px);
	}

	.shkh-section {
		padding: 64px 0;
	}

	.shkh-hero {
		display: flex;
		min-height: 0;
		flex-direction: column;
	}

	.shkh-hero__visual {
		min-height: 440px;
		order: 1;
	}

	.shkh-radiance {
		width: min(105%, 540px);
	}

	.shkh-hero__logo {
		width: min(59%, 280px);
	}

	.shkh-hero__copy {
		align-items: center;
		padding: 54px 22px 62px;
		order: 2;
		text-align: center;
	}

	.shkh-hero__copy::after {
		display: none;
	}

	.shkh-hero__copy h1 {
		font-size: clamp(34px, 10vw, 48px);
	}

	.shkh-hero__copy p {
		font-size: 15px;
	}

	.shkh-actions {
		justify-content: center;
	}

	.shkh-intro-cards,
	.shkh-content-grid,
	.shkh-events__grid,
	.shkh-principles__grid {
		grid-template-columns: 1fr;
	}

	.shkh-intro-cards {
		gap: 12px;
	}

	.shkh-intro-card {
		min-height: 140px;
	}

	.shkh-tabs__nav {
		width: 100%;
	}

	.shkh-tabs__nav button {
		min-width: 0;
		flex: 1;
		padding-inline: 8px;
		font-size: 12px;
	}

	.shkh-section-heading--row {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.shkh-event {
		padding: 18px;
		grid-template-columns: 62px 1fr;
		gap: 14px;
	}

	.shkh-event time {
		width: 60px;
	}

	.shkh-event > i {
		display: none;
	}

	.shkh-principle {
		min-height: 225px;
	}

	.shkh-cta {
		padding: 48px 0;
	}

	.shkh-cta__inner {
		justify-items: center;
		grid-template-columns: 1fr;
		gap: 20px;
		text-align: center;
	}

	.shkh-cta img {
		width: 100px;
	}
}

@media (max-width: 420px) {
	.shkh-hero__visual {
		min-height: 370px;
	}

	.shkh-hero__visual::before {
		inset: 12px;
	}

	.shkh-hero__visual::after {
		inset: 26px;
	}

	.shkh-actions {
		width: 100%;
	}

	.shkh-actions .shkh-button {
		width: 100%;
	}

	.shkh-intro-card {
		padding: 20px;
		grid-template-columns: 48px 1fr;
		gap: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.shkh-radiance::before,
	.shkh-radiance i,
	.shkh-radiance b,
	.shkh-radiance::after {
		animation: none !important;
	}

	.shkh-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}