/**
 * Homepage header - "cinematic rail" over the hero, functional bar on scroll.
 *
 * The full-screen hero image stays edge to edge and unobstructed: at rest the
 * header is a full-width frosted rail sitting on top of the photograph (no
 * floating card, no white block, no rounded frame). Once the page scrolls the
 * rail becomes the same slim white bar the rest of the site uses, so the site
 * reads as one system and the navigation stays usable.
 *
 * Scope: body.home.page-id-473 only. Inner pages are untouched.
 *
 * Brand: white wordmark logo on the dark rail (guide p13: white logotype on
 * dark), colour logo on the white bar; Poppins; #FFC808 for interaction on
 * dark, #E10032 on white; the black/yellow/red rule is the guide's divider
 * device and closes the rail at rest.
 */

/* The language globe has no handler; hidden on every page. */
html body.home.page-id-473 .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow)[aria-label="Language"] {
	display: none !important;
}

/* ---------------------------------------------------------------- rest --- */

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	height: 88px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-image: none !important;
	border-radius: 0 !important;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 48%), linear-gradient(180deg, rgba(14, 14, 16, 0.54) 0%, rgba(14, 14, 16, 0.42) 62%, rgba(14, 14, 16, 0.32) 100%) !important;
	background-color: transparent !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 26px rgba(0, 0, 0, 0.14) !important;
	backdrop-filter: blur(22px) saturate(155%) !important;
	-webkit-backdrop-filter: blur(22px) saturate(155%) !important;
	color: #fff !important;
	z-index: 100000;
	transition: height 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px;
	width: min(1200px, calc(100% - 48px)) !important;
	height: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-logo img {
	height: 42px !important;
	width: auto !important;
	transition: height 0.2s ease;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}

/* White wordmark over the photograph. */
html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-logo-light {
	display: none !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-logo-dark {
	display: block !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-cluster {
	display: flex !important;
	align-items: center !important;
	gap: 24px;
	margin-left: auto;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu > li > a {
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	padding: 11px 12px !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
	background: transparent !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	transition: color 0.15s ease, background 0.15s ease;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu > li:hover > a,
html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu > li:focus-within > a {
	color: #ffc808 !important;
	-webkit-text-fill-color: #ffc808 !important;
	background: rgba(255, 255, 255, 0.1) !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-tools {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #fff !important;
	transition: background 0.15s ease, color 0.15s ease;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow):hover,
html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow):focus-visible {
	background: rgba(255, 255, 255, 0.14) !important;
	color: #ffc808 !important;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-home-follow {
	display: inline-flex !important;
	align-items: center;
	flex: 0 0 auto !important;
	white-space: nowrap;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-family: Poppins, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-home-follow:hover,
html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-home-follow:focus-visible {
	background: #ffc808 !important;
	border-color: #ffc808 !important;
	color: #1a191a !important;
	-webkit-text-fill-color: #1a191a !important;
}

/* ----------------------------------------------------------- scrolled --- */

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	height: 64px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #e4e2df !important;
	border-image: none !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	box-shadow: 0 10px 28px rgba(65, 64, 66, 0.1) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	color: #414042 !important;
	z-index: 100000;
	transition: height 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px;
	width: min(1200px, calc(100% - 48px)) !important;
	height: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-logo img {
	height: 34px !important;
	width: auto !important;
	filter: none;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-logo-light {
	display: block !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-logo-dark {
	display: none !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-cluster {
	display: flex !important;
	align-items: center !important;
	gap: 24px;
	margin-left: auto;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu > li > a {
	font-family: Poppins, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	color: #414042 !important;
	-webkit-text-fill-color: #414042 !important;
	padding: 11px 12px !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
	background: transparent !important;
	text-shadow: none;
	transition: color 0.15s ease, background 0.15s ease;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu > li:hover > a,
html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu > li:focus-within > a {
	color: #e10032 !important;
	-webkit-text-fill-color: #e10032 !important;
	background: #f9f7f2 !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-tools {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #414042 !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow):hover,
html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-tools > button:not(.unoc-home-follow):focus-visible {
	background: #f9f7f2 !important;
	color: #e10032 !important;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-home-follow {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid #e4e2df !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #414042 !important;
	-webkit-text-fill-color: #414042 !important;
	font-family: Poppins, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-home-follow:hover,
html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-home-follow:focus-visible {
	border-color: #e10032 !important;
	color: #e10032 !important;
	-webkit-text-fill-color: #e10032 !important;
}

/* ------------------------------------------------------------- tablet --- */

/* 1024-1199: the six long labels plus the Follow control do not fit on one
 * row, so the type tightens and Follow waits for 1200px (same rule as the
 * inner pages). */
@media (min-width: 1024px) and (max-width: 1199px) {
	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu > li > a,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu > li > a {
		font-size: 13px !important;
		padding: 10px 9px !important;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-cluster,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-cluster {
		gap: 10px;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-bar,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-bar {
		gap: 12px;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-home-follow,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-home-follow {
		display: none !important;
	}
}

/* ------------------------------------------------------------ mobile --- */

@media (max-width: 1023px) {
	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header {
		height: 64px !important;
	}

	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header {
		height: 60px !important;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-bar,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-bar {
		width: calc(100% - 32px) !important;
		gap: 8px;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-logo img {
		height: 34px !important;
	}

	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-logo img {
		height: 30px !important;
	}

	/* Only search and burger on small screens; the menu is the drawer. */
	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-main-menu,
	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-home-follow,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-main-menu,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-home-follow {
	flex: 0 0 auto !important;
	white-space: nowrap;
		display: none !important;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-header-cluster,
	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-header-cluster {
		display: flex !important;
		gap: 2px;
		margin-left: auto;
	}

	html body.home.page-id-473 .unoc-site-header .unoc-mobile-burger {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 44px !important;
		height: 44px !important;
		margin-left: 2px;
	}

	html body.home.page-id-473:not(.unoc-home-scrolled):not(.unoc-scrolled) .unoc-site-header .unoc-mobile-burger {
		color: #fff !important;
	}

	html body.home.page-id-473:is(.unoc-home-scrolled, .unoc-scrolled) .unoc-site-header .unoc-mobile-burger {
		color: #e10032 !important;
	}

	html body.home.page-id-473 .unoc-site-header .unoc-mobile-burger svg {
		stroke: currentColor !important;
		width: 26px;
		height: 26px;
	}

	html body.home.page-id-473 .unoc-mobile-drawer {
		top: 72px !important;
		max-height: calc(100dvh - 88px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body.home.page-id-473 .unoc-site-header {
		transition: none !important;
	}
}

/* Follow panel (homepage): standard Font Awesome brand glyphs. The Customizer
 * forces per-network colours and a script sets inline display:none on some of
 * these anchors, so both are pinned here. */
html body.home.page-id-473 .unoc-follow-panel a i {
	flex: none;
	display: inline-block !important;
	width: 19px;
	font-size: 17px;
	line-height: 1;
	text-align: center;
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
}