/* =========================================================
   HHSK theme — styles that theme.json cannot express.
   Colors, fonts and sizes come from theme.json presets.
   ========================================================= */

:root {
	--hhsk-header-h: 120px;
	--hhsk-header-h-scrolled: 84px;
	--hhsk-radius: 4px;
	--hhsk-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fbd771' stroke-width='1'%3E%3Cpath d='M40 4l10 26 26 10-26 10-10 26-10-26L4 40l26-10z'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E");
	--hhsk-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
	--hhsk-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23071c30' d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { height: auto; }

/* Full-width sections sit flush against each other (no block gap between them). */
.wp-site-blocks > *,
.wp-site-blocks > main > * { margin-block: 0; }

.screen-reader-text {
	position: absolute !important;
	inline-size: 1px; block-size: 1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------- shared pieces ---------- */
.hhsk-eyebrow {
	display: inline-flex; align-items: center; gap: 12px;
	font-size: 14px; font-weight: 600;
	color: var(--wp--preset--color--gold-deep);
	margin-block-end: 0;
}
.hhsk-eyebrow::before { content: ""; inline-size: 32px; block-size: 1px; background: currentColor; }
.hhsk-navy .hhsk-eyebrow { color: var(--wp--preset--color--gold); }

.hhsk-section-title { margin-block-start: 8px; }

.hhsk-link-more { margin: 0; font-size: 15px; font-weight: 600; }
.hhsk-link-more a {
	display: inline-flex; align-items: center; gap: 10px;
	color: var(--wp--preset--color--blue); text-decoration: none;
	border-block-end: 1px solid transparent; transition: border-color .2s;
}
.hhsk-navy .hhsk-link-more a { color: var(--wp--preset--color--gold); }
.hhsk-link-more a:hover { border-color: currentColor; text-decoration: none; }
.hhsk-link-more a::after {
	content: ""; inline-size: 16px; block-size: 16px; background: currentColor;
	mask: var(--hhsk-arrow) center / contain no-repeat; -webkit-mask: var(--hhsk-arrow) center / contain no-repeat;
	transition: transform .2s;
}
.hhsk-link-more a:hover::after { transform: translateX(-4px); }

.hhsk-sub-head { align-items: center; gap: 24px; margin-block-end: 22px; }
.hhsk-sub-head__title {
	display: flex; align-items: center; gap: 12px; flex: 1; margin: 0;
	font-family: var(--wp--preset--font-family--plex); font-size: 18px; font-weight: 600;
}
.hhsk-sub-head__title::after { content: ""; flex: 1; block-size: 1px; background: linear-gradient(90deg, rgba(251, 215, 113, .35), transparent); }
.hhsk-section-head { align-items: end; justify-content: space-between; gap: 24px; margin-block-end: clamp(28px, 4vw, 48px); }

/* Navy sections: pattern + soft blue glows. */
.hhsk-navy {
	position: relative; isolation: isolate; overflow: hidden;
	background-color: var(--wp--preset--color--navy-900);
	color: var(--wp--preset--color--paper);
}
.hhsk-navy::before {
	content: ""; position: absolute; inset: 0; z-index: -1; opacity: .07;
	background-image: var(--hhsk-pattern); background-size: 80px;
}
.hhsk-navy::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient(ellipse 60% 70% at 85% 30%, rgba(32, 117, 176, .45), transparent 60%),
		radial-gradient(ellipse 50% 60% at 10% 90%, rgba(32, 117, 176, .22), transparent 60%);
}
.hhsk-navy a:where(:not(.wp-element-button)) { color: inherit; }

/* The first section of every template sits under the fixed header. */
.hhsk-top { padding-block-start: calc(var(--hhsk-header-h) + 40px) !important; }

/* Buttons */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--wp--preset--color--navy-800);
	border: 1px solid var(--wp--preset--color--navy-800);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--navy-800); color: #fff; }
.hhsk-navy .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--wp--preset--color--gold); border-color: rgba(251, 215, 113, .55); }
.hhsk-navy .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy-900); }

/* ---------- header ---------- */
.site-header {
	position: fixed; inset-inline: 0; inset-block-start: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50; transition: background .3s, box-shadow .3s;
}
.site-header.is-scrolled {
	background: rgba(7, 28, 48, .96); backdrop-filter: blur(8px);
	box-shadow: 0 1px 0 rgba(251, 215, 113, .25);
}
.hhsk-header-inner {
	position: relative; block-size: var(--hhsk-header-h); transition: block-size .3s;
}
.is-scrolled .hhsk-header-inner { block-size: var(--hhsk-header-h-scrolled); }

.site-brand { margin: 0; flex: none; }
.site-brand img { block-size: 78px; inline-size: auto; transition: block-size .3s; }
.is-scrolled .site-brand img { block-size: 54px; }

.site-nav { flex: 1; color: rgba(255, 255, 255, .85); }
.site-nav .wp-block-navigation-item__content { position: relative; padding-block: 6px; }
.site-nav .wp-block-navigation-item__content:hover,
.site-nav .current-menu-item > .wp-block-navigation-item__content { color: #fff; text-decoration: none; }
.site-nav :where(.wp-block-navigation__container) > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 1px;
	background: var(--wp--preset--color--gold); transform: scaleX(0); transition: transform .25s;
}
.site-nav .wp-block-navigation-item__content:hover::after,
.site-nav .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.site-nav .wp-block-navigation__responsive-container-open { color: #fff; }
.site-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: calc(28px + var(--wp-admin--admin-bar--height, 0px)) 24px 28px !important;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-block-start: 40px; }
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { inline-size: 100%; gap: 0; }
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { inline-size: 100%; border-block-end: 1px solid rgba(255, 255, 255, .1); }
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--naskh); font-size: 24px; font-weight: 600; padding-block: 14px;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* Wide screens: logo centered, three links on each side. */
@media (min-width: 1100px) {
	.site-brand { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; transform: translate(50%, -50%); }
	.site-nav .wp-block-navigation__responsive-container,
	.site-nav .wp-block-navigation__responsive-container-content,
	.site-nav .wp-block-navigation__container { flex: 1; }
	.site-nav .wp-block-navigation__container { gap: clamp(18px, 2.4vw, 36px); }
	.site-nav .wp-block-navigation__container > li:nth-child(4) { margin-inline-start: auto; }
}
@media (max-width: 1099px) {
	:root { --hhsk-header-h: 92px; --hhsk-header-h-scrolled: 72px; }
	.site-brand img { block-size: 56px; }
	.is-scrolled .site-brand img { block-size: 46px; }
	.site-nav { flex: none; }
	.site-nav .wp-block-navigation__container { gap: 20px; }
}

/* ---------- home: news player ---------- */
.hhsk-news-section { padding-block-end: clamp(64px, 8vw, 96px) !important; }
.hhsk-news-player {
	display: grid; grid-template-columns: 1.75fr 1fr; gap: clamp(14px, 2vw, 24px);
	color: #fff;
}
.hhsk-news-player .news-main { display: flex; flex-direction: column; gap: 20px; min-inline-size: 0; }
.hhsk-news-player .screen {
	position: relative; display: block; overflow: hidden; aspect-ratio: 2 / 1;
	border-radius: 6px; background: var(--wp--preset--color--navy-800);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .45); color: #fff; text-decoration: none;
}
.hhsk-news-player .screen img {
	position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 25%;
	transition: transform .9s cubic-bezier(.2, .7, .2, 1), opacity .3s;
}
.hhsk-news-player .screen:hover img { transform: scale(1.04); }
.hhsk-news-player .screen::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(4, 18, 31, .9)); }
.hhsk-news-player .cap { position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 1; padding: clamp(20px, 3vw, 32px); }
.hhsk-news-player .screen-title {
	font-family: var(--wp--preset--font-family--naskh); font-size: clamp(18px, 1.8vw, 25px);
	line-height: 1.55; margin: 10px 0 0; font-weight: 700; color: #fff;
}
.hhsk-cat,
.hhsk-news-player .cat {
	display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.6;
	color: var(--wp--preset--color--navy-900); background: var(--wp--preset--color--gold);
	padding: 3px 12px; border-radius: 2px;
}
.hhsk-news-player .news-summary p {
	margin: 0 0 18px; color: rgba(255, 255, 255, .8); font-size: 16px; line-height: 1.95;
	display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.hhsk-news-player .row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.hhsk-news-player time { font-size: 13px; color: rgba(255, 255, 255, .55); }
.hhsk-news-player .btn-read {
	display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600;
	color: var(--wp--preset--color--gold); text-decoration: none;
	border: 1px solid rgba(251, 215, 113, .55); padding: 9px 20px; border-radius: var(--hhsk-radius);
	transition: background .2s, color .2s;
}
.hhsk-news-player .btn-read:hover { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy-900); }
.hhsk-news-player .fade { transition: opacity .3s; }
.hhsk-news-player .fade.out { opacity: 0; }

.hhsk-news-player .playlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.hhsk-news-player .playlist button {
	position: relative; overflow: hidden;
	display: grid; grid-template-columns: 140px 1fr; gap: 14px; align-items: center;
	inline-size: 100%; padding: 10px; font: inherit; color: #fff; text-align: start; cursor: pointer;
	background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .08); border-radius: 6px;
	transition: background .25s, border-color .25s;
}
.hhsk-news-player .playlist button:hover { background: rgba(255, 255, 255, .07); }
.hhsk-news-player .playlist button[aria-current="true"] { border-color: rgba(251, 215, 113, .6); background: rgba(251, 215, 113, .08); }
.hhsk-news-player .playlist button[aria-current="true"]::after {
	content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 0; block-size: 2px;
	background: var(--wp--preset--color--gold); animation: hhsk-progress var(--np-interval, 7s) linear forwards;
}
.hhsk-news-player:hover .playlist button::after { animation-play-state: paused; }
@keyframes hhsk-progress { from { inline-size: 0; } to { inline-size: 100%; } }
.hhsk-news-player .thumb { aspect-ratio: 16 / 10; border-radius: 4px; overflow: hidden; background: var(--wp--preset--color--navy-700); }
.hhsk-news-player .thumb img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.hhsk-news-player .pl-title { display: block; margin: 0 0 4px; font-size: 14px; font-weight: 600; line-height: 1.6; }
.hhsk-news-player small { font-size: 12px; color: rgba(255, 255, 255, .55); }

/* ---------- home: biography ---------- */
.hhsk-bio .wp-block-columns { align-items: center; gap: clamp(40px, 7vw, 110px); }
.hhsk-arch { position: relative; margin-inline: auto !important; max-inline-size: 420px; }
.hhsk-arch img {
	inline-size: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%;
	border-radius: 220px 220px var(--hhsk-radius) var(--hhsk-radius); background: #eceaec;
}
.hhsk-arch::before {
	content: ""; position: absolute; inset: -14px; pointer-events: none;
	border: 1px solid var(--wp--preset--color--gold); border-radius: 234px 234px 8px 8px;
}
/* The full name fits on one line: the size follows the column width (wraps only if the text is edited longer). */
.hhsk-home-bio .hhsk-section-title { font-size: min(42px, 2.6vw) !important; line-height: 1.5; }
@media (max-width: 781px) {
	.hhsk-home-bio .hhsk-section-title { font-size: calc((100vw - 48px) / 16.5) !important; }
}
.hhsk-lead { font-family: var(--wp--preset--font-family--naskh); font-size: clamp(20px, 2vw, 25px); line-height: 1.9; font-weight: 500; }
.hhsk-diamonds { list-style: none; padding: 0; display: grid; gap: 12px; color: var(--wp--preset--color--ink-soft); }
.hhsk-diamonds li { display: flex; align-items: center; gap: 14px; }
.hhsk-diamonds li::before { content: ""; flex: none; inline-size: 7px; block-size: 7px; background: var(--wp--preset--color--gold-deep); transform: rotate(45deg); }
.hhsk-navy .hhsk-diamonds { color: rgba(255, 255, 255, .82); }
.hhsk-navy .hhsk-diamonds li::before { background: var(--wp--preset--color--gold); }

/* ---------- home: initiatives strip ---------- */
.hhsk-initiatives { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: clamp(24px, 3vw, 40px); }
.hhsk-initiatives.no-brand { grid-template-columns: 1fr; }
.hhsk-initiatives .init-head { margin: 0; padding-inline-end: clamp(24px, 3vw, 40px); border-inline-end: 1px solid var(--wp--preset--color--line); }
.hhsk-initiatives .init-brand { display: block; inline-size: 230px; block-size: auto; mix-blend-mode: multiply; }
.hhsk-initiatives .init-marquee {
	direction: ltr; overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.hhsk-initiatives .init-row {
	display: flex; inline-size: max-content; list-style: none; margin: 0; padding: 0;
	animation: hhsk-slide 40s linear infinite;
}
.hhsk-initiatives .init-marquee:hover .init-row { animation-play-state: paused; }
.hhsk-initiatives.is-static .init-row { animation: none; inline-size: auto; flex-wrap: wrap; justify-content: center; direction: rtl; }
.hhsk-initiatives.is-static .init-marquee { mask-image: none; }
.hhsk-initiatives .init-row li { direction: rtl; inline-size: 190px; border-inline-start: 1px solid var(--wp--preset--color--line); }
@keyframes hhsk-slide { to { transform: translateX(-50%); } }
.hhsk-initiatives .init {
	display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 6px 14px;
	text-align: center; color: inherit; text-decoration: none;
}
.hhsk-initiatives .init-logo {
	inline-size: 76px; block-size: 76px; border-radius: 50%; display: grid; place-items: center;
	background: var(--wp--preset--color--paper); box-shadow: 0 0 0 1px var(--wp--preset--color--line);
	transition: box-shadow .3s, transform .3s;
}
.hhsk-initiatives .init-logo img { inline-size: 50px; block-size: 50px; object-fit: contain; }
.hhsk-initiatives .init:hover .init-logo { box-shadow: 0 0 0 2px var(--wp--preset--color--gold), 0 14px 30px rgba(11, 42, 69, .12); transform: translateY(-4px); }
.hhsk-initiatives .init-name { font-size: 14px; font-weight: 600; line-height: 1.6; }

/* ---------- home: multimedia (one video + photos) ---------- */
.hhsk-media { background-color: var(--wp--preset--color--navy-950); }
.hhsk-media::after {
	background:
		radial-gradient(ellipse 50% 50% at 20% 20%, rgba(32, 117, 176, .35), transparent 60%),
		radial-gradient(ellipse 40% 50% at 90% 85%, rgba(251, 215, 113, .10), transparent 60%);
}
.hhsk-media-grid {
	display: grid !important; gap: clamp(10px, 1.4vw, 16px);
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, clamp(150px, 14vw, 200px));
	grid-template-areas: "v v a b" "v v c d" "e e f g";
}
.hhsk-media-grid > * { margin: 0 !important; min-inline-size: 0; }
.hhsk-media-grid > :nth-child(1) { grid-area: v; }
.hhsk-media-grid > :nth-child(2) { grid-area: a; }
.hhsk-media-grid > :nth-child(3) { grid-area: b; }
.hhsk-media-grid > :nth-child(4) { grid-area: c; }
.hhsk-media-grid > :nth-child(5) { grid-area: d; }
.hhsk-media-grid > :nth-child(6) { grid-area: e; }
.hhsk-media-grid > :nth-child(7) { grid-area: f; }
.hhsk-media-grid > :nth-child(8) { grid-area: g; }
.hhsk-media-grid > :nth-child(n+9) { display: none; }
.hhsk-media-grid .wp-block-image { position: relative; overflow: hidden; border-radius: 6px; background: var(--wp--preset--color--navy-800); }
.hhsk-media-grid .wp-block-image > a,
.hhsk-media-grid .wp-block-image img { display: block; inline-size: 100%; block-size: 100%; }
.hhsk-media-grid .wp-block-image img { object-fit: cover; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.hhsk-media-grid .wp-block-image:hover img { transform: scale(1.07); }
.hhsk-media-grid .wp-block-image:not(.hhsk-video-tile)::after {
	content: ""; position: absolute; inset: 10px; z-index: 1; pointer-events: none;
	border: 1px solid rgba(251, 215, 113, 0); border-radius: 3px; transition: border-color .4s, inset .4s;
}
.hhsk-media-grid .wp-block-image:not(.hhsk-video-tile):hover::after { border-color: rgba(251, 215, 113, .75); inset: 14px; }

.hhsk-video-tile::before {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(180deg, transparent 40%, rgba(4, 18, 31, .9));
}
.hhsk-video-tile > a::after {
	content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; z-index: 2;
	transform: translate(50%, -50%); inline-size: 88px; block-size: 88px; border-radius: 50%;
	background: var(--hhsk-play) 56% 50% / 30px no-repeat, var(--wp--preset--color--gold);
	box-shadow: 0 0 0 0 rgba(251, 215, 113, .6); animation: hhsk-pulse 2.6s ease-out infinite;
}
@keyframes hhsk-pulse { 70% { box-shadow: 0 0 0 26px rgba(251, 215, 113, 0); } 100% { box-shadow: 0 0 0 0 rgba(251, 215, 113, 0); } }
.hhsk-video-tile figcaption {
	position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 2; margin: 0;
	padding: clamp(20px, 3vw, 32px); color: #fff; text-align: start;
	font-family: var(--wp--preset--font-family--naskh); font-size: clamp(18px, 2vw, 26px); font-weight: 700; line-height: 1.5;
	pointer-events: none;
}
.hhsk-video-tile figcaption::before {
	content: "فيديو"; display: table; margin-block-end: 10px;
	font-family: var(--wp--preset--font-family--plex); font-size: 12px; font-weight: 600;
	color: var(--wp--preset--color--navy-900); background: var(--wp--preset--color--gold); padding: 3px 12px; border-radius: 2px;
}

/* Image lightbox: dark navy backdrop with a gold frame. */
.wp-lightbox-overlay .scrim { background-color: rgba(4, 18, 31, .95) !important; }
.wp-lightbox-overlay .close-button { color: #fff; }
.wp-lightbox-overlay .wp-block-image img { outline: 1px solid rgba(251, 215, 113, .5); outline-offset: 8px; }

/* ---------- footer ---------- */
.hhsk-footer {
	position: relative; isolation: isolate; overflow: hidden;
	color: rgba(255, 255, 255, .78);
	background: var(--wp--preset--gradient--royal);
}
.hhsk-footer::before {
	content: ""; position: absolute; inset: 0; z-index: -1; opacity: .08;
	background-image: var(--hhsk-pattern); background-size: 80px;
}
.hhsk-footer::after {
	content: ""; position: absolute; z-index: -1; inline-size: 900px; block-size: 900px;
	inset-block-start: -450px; inset-inline-start: 50%; transform: translateX(50%);
	background: radial-gradient(circle, rgba(251, 215, 113, .22), transparent 60%);
}
.hhsk-footer a { color: inherit; }
hr.hhsk-ornament {
	position: relative; overflow: visible; border: 0 !important; block-size: 1px; opacity: 1;
	inline-size: min(70%, 680px); margin-inline: auto !important;
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--gold) 45%, transparent 45.5%, transparent 54.5%, var(--wp--preset--color--gold) 55%, transparent) !important;
}
hr.hhsk-ornament::after {
	content: ""; position: absolute; inset-block-start: -6px; inset-inline-start: 50%; transform: translateX(50%) rotate(45deg);
	inline-size: 12px; block-size: 12px; border: 1px solid var(--wp--preset--color--gold);
	background: radial-gradient(var(--wp--preset--color--gold) 32%, transparent 34%);
}
.hhsk-footer-logo img { block-size: clamp(64px, 8vw, 92px); inline-size: auto; filter: drop-shadow(0 6px 24px rgba(0, 0, 0, .35)); }
.hhsk-footer-tag { max-inline-size: 52ch; margin-inline: auto; color: rgba(255, 255, 255, .7); }
.footer-nav .wp-block-navigation__container { gap: 8px 34px; }
.footer-nav .wp-block-navigation-item__content { color: #fff; opacity: .85; transition: color .2s, opacity .2s; }
.footer-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--gold); opacity: 1; text-decoration: none; }
.hhsk-footer-social { margin-block-start: 34px; }
.hhsk-social.wp-block-social-links { gap: 14px; }
.hhsk-social .wp-social-link {
	inline-size: 50px; block-size: 50px; padding: 0 !important; display: flex;
	background: rgba(4, 18, 31, .25) !important; color: var(--wp--preset--color--gold) !important;
	border: 1px solid rgba(251, 215, 113, .45); border-radius: 50%; backdrop-filter: blur(4px);
	transition: all .25s;
}
.hhsk-social .wp-social-link:hover {
	background: var(--wp--preset--color--gold) !important; color: var(--wp--preset--color--navy-900) !important;
	transform: translateY(-3px); box-shadow: 0 10px 24px rgba(251, 215, 113, .3);
}
.hhsk-social .wp-social-link .wp-block-social-link-anchor {
	inline-size: 100%; block-size: 100%; padding: 0 !important; margin: 0;
	display: flex; align-items: center; justify-content: center; line-height: 1;
}
.hhsk-social .wp-social-link svg { inline-size: 20px; block-size: 20px; margin: 0; }
.hhsk-foot-bottom { background: rgba(4, 18, 31, .55); border-block-start: 1px solid rgba(251, 215, 113, .2); font-size: 13px; color: rgba(255, 255, 255, .6); }
.hhsk-foot-bottom p { margin: 0; }
.hhsk-foot-bottom a:hover { color: var(--wp--preset--color--gold); }

/* ---------- inner pages ---------- */
.hhsk-page-hero { padding-block-end: clamp(48px, 6vw, 72px) !important; }
.hhsk-page-hero h1 { margin-block: 12px 0; color: #fff; }
.hhsk-page-hero .wp-block-post-date,
.hhsk-page-hero .taxonomy-category a { color: rgba(255, 255, 255, .7); }
.hhsk-page-hero .taxonomy-category a { color: var(--wp--preset--color--gold); }
.hhsk-page-hero .wp-block-term-description { color: rgba(255, 255, 255, .75); }

/* News cards (media center, archives, related) */
.hhsk-cards .wp-block-post { display: flex; }
.hhsk-card {
	display: flex; flex-direction: column; inline-size: 100%;
	background: var(--wp--preset--color--paper); border-radius: 6px; overflow: hidden;
	box-shadow: 0 0 0 1px var(--wp--preset--color--line); transition: box-shadow .3s, transform .3s;
}
.hhsk-card:hover { box-shadow: 0 0 0 1px var(--wp--preset--color--gold), 0 18px 40px rgba(11, 42, 69, .1); transform: translateY(-3px); }
.hhsk-card .wp-block-post-featured-image { margin: 0; overflow: hidden; }
.hhsk-card .wp-block-post-featured-image img { transition: transform .8s ease; }
.hhsk-card:hover .wp-block-post-featured-image img { transform: scale(1.05); }
.hhsk-card .wp-block-post-title a { color: var(--wp--preset--color--ink); }
.hhsk-card:hover .wp-block-post-title a { color: var(--wp--preset--color--blue); }
.hhsk-card .taxonomy-category a { color: var(--wp--preset--color--gold-deep); }

/* Sidebar list of latest news on a single story */
.hhsk-side-list .wp-block-post { padding-block: 16px; border-block-end: 1px solid var(--wp--preset--color--line); }
.hhsk-side-list .wp-block-post:first-child { padding-block-start: 0; }
.hhsk-side-list .wp-block-post-featured-image { flex: none; inline-size: 96px; margin: 0; border-radius: var(--hhsk-radius); overflow: hidden; }
.hhsk-side-list .wp-block-post-title { font-family: var(--wp--preset--font-family--plex); font-size: 15px; font-weight: 600; line-height: 1.7; }
.hhsk-side-list .wp-block-post-title a { color: var(--wp--preset--color--ink); }
.hhsk-side-list .wp-block-post-title a:hover { color: var(--wp--preset--color--blue); text-decoration: none; }
.hhsk-sticky { position: sticky; inset-block-start: calc(var(--hhsk-header-h-scrolled) + var(--wp-admin--admin-bar--height, 0px) + 24px); }

.hhsk-article .wp-block-post-featured-image img { border-radius: 6px; }
.hhsk-article .wp-block-post-content > * + * { margin-block-start: 1.2em; }

/* Story photo album + its lightbox */
.hhsk-post-gallery { margin-block-start: var(--wp--preset--spacing--50); }
.hhsk-album__title { margin-block-end: 20px !important; }
.hhsk-album__count { flex: none; order: 2; font-size: 13px; font-weight: 500; color: var(--wp--preset--color--ink-soft); }
.hhsk-album { list-style: none; margin: 0; padding: 0; columns: 3 200px; column-gap: 12px; }
.hhsk-album li { break-inside: avoid; margin-block-end: 12px; }
.hhsk-album__item { position: relative; display: block; overflow: hidden; border-radius: 6px; background: var(--wp--preset--color--line); cursor: zoom-in; }
.hhsk-album__item img { display: block; inline-size: 100%; block-size: auto; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.hhsk-album__item:hover img { transform: scale(1.05); }
.hhsk-album__item::after {
	content: ""; position: absolute; inset: 8px; border: 1px solid rgba(251, 215, 113, 0); border-radius: 3px;
	transition: border-color .35s, inset .35s; pointer-events: none;
}
.hhsk-album__item:hover::after, .hhsk-album__item:focus-visible::after { border-color: rgba(251, 215, 113, .9); inset: 12px; }

.hhsk-lightbox {
	position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center;
	grid-template-columns: 72px 1fr 72px; padding: 56px 12px;
	background: rgba(4, 18, 31, .96); color: #fff;
}
.hhsk-lightbox[hidden] { display: none; }
.hhsk-lightbox__stage { grid-column: 2; margin: 0; max-block-size: 100%; display: grid; justify-items: center; gap: 12px; }
.hhsk-lightbox__stage img {
	max-inline-size: 100%; max-block-size: calc(100vh - 160px); inline-size: auto; block-size: auto; object-fit: contain;
	outline: 1px solid rgba(251, 215, 113, .45); outline-offset: 6px; transition: opacity .25s;
}
.hhsk-lightbox.is-loading img { opacity: .35; }
.hhsk-lightbox figcaption { font-size: 14px; color: rgba(255, 255, 255, .75); text-align: center; }
.hhsk-lightbox button {
	direction: ltr; /* ‹ › are mirrored in RTL text; keep them pointing outward. */
	display: grid; place-items: center; inline-size: 52px; block-size: 52px; padding: 0; cursor: pointer;
	font: 300 34px/1 var(--wp--preset--font-family--plex); color: var(--wp--preset--color--gold);
	background: rgba(255, 255, 255, .04); border: 1px solid rgba(251, 215, 113, .4); border-radius: 50%;
	transition: background .2s, color .2s;
}
.hhsk-lightbox button:hover, .hhsk-lightbox button:focus-visible { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy-900); }
.hhsk-lightbox .is-prev { grid-column: 1; grid-row: 1; }
.hhsk-lightbox .is-next { grid-column: 3; grid-row: 1; }
.hhsk-lightbox.is-single .hhsk-lightbox__nav { visibility: hidden; }
.hhsk-lightbox__close { position: absolute; inset-block-start: 14px; inset-inline-end: 14px; inline-size: 44px !important; block-size: 44px !important; font-size: 28px !important; }
.hhsk-lightbox__counter { position: absolute; inset-block-end: 14px; inset-inline: 0; margin: 0; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .7); }
@media (max-width: 600px) {
	.hhsk-album { columns: 2; column-gap: 8px; }
	.hhsk-album li { margin-block-end: 8px; }
	.hhsk-lightbox { grid-template-columns: 1fr; padding: 64px 8px; }
	.hhsk-lightbox__stage { grid-column: 1; }
	.hhsk-lightbox .hhsk-lightbox__nav { position: absolute; inset-block-end: 6px; inline-size: 44px; block-size: 44px; font-size: 28px; }
	.hhsk-lightbox .is-prev { inset-inline-start: 16px; }
	.hhsk-lightbox .is-next { inset-inline-end: 16px; }
}

/* Homepage video window */
.hhsk-video-box { grid-template-columns: 1fr; padding: 64px 16px; }
.hhsk-video-box__frame { inline-size: min(1100px, 100%); aspect-ratio: 16 / 9; background: #000; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); outline: 1px solid rgba(251, 215, 113, .4); outline-offset: 6px; }
.hhsk-video-box__frame iframe,
.hhsk-video-box__frame video { display: block; inline-size: 100%; block-size: 100%; border: 0; }

/* Initiative cards */
.hhsk-init-card {
	inline-size: 100%; text-align: center; background: var(--wp--preset--color--paper);
	border-radius: 6px; box-shadow: 0 0 0 1px var(--wp--preset--color--line); transition: box-shadow .3s, transform .3s;
}
.hhsk-init-card:hover { box-shadow: 0 0 0 2px var(--wp--preset--color--gold), 0 18px 40px rgba(11, 42, 69, .1); transform: translateY(-3px); }
.hhsk-init-card .wp-block-post-featured-image { inline-size: 110px; margin-inline: auto; }
.hhsk-init-card .wp-block-post-featured-image img { inline-size: 110px; block-size: 110px; object-fit: contain; }
.hhsk-init-card .wp-block-post-title a { color: var(--wp--preset--color--ink); }
.hhsk-init-logo-hero img { inline-size: 120px; block-size: 120px; object-fit: contain; background: #fff; border-radius: 50%; padding: 14px; }

/* Pagination */
.wp-block-query-pagination { gap: 8px; font-weight: 600; }
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-grid; place-items: center; min-inline-size: 42px; block-size: 42px; padding-inline: 10px;
	border-radius: var(--hhsk-radius); box-shadow: 0 0 0 1px var(--wp--preset--color--line); color: var(--wp--preset--color--ink);
}
.wp-block-query-pagination-numbers .page-numbers.current { background: var(--wp--preset--color--navy-800); color: #fff; box-shadow: none; }

/* Forms (search, contact) */
.wp-block-search__input { border: 1px solid var(--wp--preset--color--line); border-radius: var(--hhsk-radius); padding: 12px 16px; font: inherit; }
.wp-block-search__button { margin-inline-start: 8px; }

/* ---------- reveal on scroll ---------- */
.hhsk-js .hhsk-reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
.hhsk-js .hhsk-reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.hhsk-js .hhsk-reveal { opacity: 1; transform: none; transition: none; }
	.hhsk-initiatives .init-row,
	.hhsk-video-tile > a::after,
	.hhsk-news-player .playlist button::after { animation: none; }
	.hhsk-initiatives .init-marquee { overflow-x: auto; }
}

/* ---------- responsive ---------- */
@media (max-width: 900px) {
	.hhsk-news-player { grid-template-columns: 1fr; }
	.hhsk-news-player .screen { aspect-ratio: 16 / 10; }
	.hhsk-news-player .playlist { flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: 6px; }
	.hhsk-news-player .playlist li { flex: 0 0 min(86%, 340px); scroll-snap-align: start; }
	.hhsk-news-player .playlist button { grid-template-columns: 110px 1fr; block-size: 100%; }
	.hhsk-media-grid {
		grid-template-columns: repeat(2, 1fr); grid-template-rows: none; grid-auto-rows: 150px;
		grid-template-areas: "v v" "v v" "a b" "c d" "e e" "f g";
	}
}
@media (max-width: 781px) {
	.hhsk-bio .hhsk-arch { max-inline-size: 320px; }
}
@media (max-width: 600px) {
	.hhsk-news-player .screen { aspect-ratio: 4 / 3; }
	.hhsk-initiatives { grid-template-columns: 1fr; justify-items: center; gap: 20px; }
	.hhsk-initiatives .init-head { padding: 0 0 18px; border: 0; border-block-end: 1px solid var(--wp--preset--color--line); }
	.hhsk-initiatives .init-brand { inline-size: 200px; }
	.hhsk-initiatives .init-marquee { inline-size: 100%; }
	.hhsk-initiatives .init-row li { inline-size: 160px; }
	.hhsk-initiatives .init-logo { inline-size: 68px; block-size: 68px; }
	.hhsk-video-tile > a::after { inline-size: 66px; block-size: 66px; background-size: 24px, auto; }
}