.pixels-top-strip{background:#121728;color:#fff;font-size:16px}
.pixels-top-strip__inner{max-width:1640px;margin:0 auto;padding:8px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.pixels-top-strip__details,.pixels-top-strip__social{display:flex;align-items:center;gap:28px}.pixels-top-strip__social{color:#0878f9;gap:16px;font-weight:700}
.pixels-top-strip a{color:inherit;text-decoration:none}
.pixels-top-strip__social svg{display:block;height:17px;width:17px}
.pixels-site-header{background:#fff;border-bottom:1px solid #e8eef7;position:relative;z-index:10}
.pixels-header__inner{max-width:1640px;margin:0 auto;min-height:92px;padding:0 28px;display:flex;align-items:center;gap:32px}
.pixels-brand{color:#152f66;font-size:36px;font-weight:800;letter-spacing:-2px;text-decoration:none;line-height:1}
.pixels-brand span{color:#1680f8}
.pixels-primary-nav{display:flex;align-items:center;justify-content:center;gap:42px;flex:1}
.pixels-primary-nav a{color:#243a67;font-size:21px;text-decoration:none}
.pixels-primary-nav a:hover,.pixels-primary-nav a.is-active{color:#0878f9;font-weight:700}
.pixels-sign-in,.pixels-button{border-radius:14px;font-weight:700;text-decoration:none}
.pixels-sign-in{background:#117cf2;box-shadow:0 10px 24px rgba(17,124,242,.22);color:#fff;font-size:20px;padding:17px 27px}

@media (min-width: 1200px) {
	.pixels-header__inner,
	.pixels-footer__inner {
		width: calc(100% - 280px);
		max-width: 1640px !important;
	}
}

/* Match reference header/footer type scale. */
.pixels-header,
.pixels-footer {
	color: #122f69;
}
.pixels-header__nav a,
.pixels-header__signin,
.pixels-footer {
	font-size: 16px;
}
.pixels-header__brand {
	font-size: 30px;
	font-weight: 700;
}
.pixels-header__signin {
	font-weight: 700;
}
.pixels-footer__brand {
	font-size: 28px;
	font-weight: 700;
}

/* Compact header proportions from lamish-design reference. */
.pixels-top-strip{font-size:13px}
.pixels-top-strip__inner{padding-top:5px;padding-bottom:5px}
.pixels-top-strip__details{gap:22px}
.pixels-header__inner{min-height:72px;padding-top:0;padding-bottom:0;gap:24px}
.pixels-brand{font-size:30px;letter-spacing:-1.5px}
.pixels-primary-nav{gap:30px}
.pixels-primary-nav a{font-size:16px}
.pixels-sign-in{font-size:16px;padding:13px 22px;border-radius:11px}
@media(max-width:700px){
	.pixels-header__inner{min-height:64px}
	.pixels-primary-nav{gap:16px}
	.pixels-primary-nav a{font-size:14px}
}

:root{--pixels-plum:#24112F;--pixels-offwhite:#FAF8F5;--pixels-white:#FFFFFF;--pixels-beige:#E5DED8;--pixels-coral:#F2A900;--pixels-text:#1E1723}
.pixels-primary-nav a{color:var(--pixels-plum)}.pixels-primary-nav a:hover,.pixels-primary-nav a.is-active{color:var(--pixels-coral)}
.pixels-sign-in{background:var(--pixels-coral);color:var(--pixels-plum);box-shadow:none}
.pixels-site-header{background:var(--pixels-white);border-color:var(--pixels-beige)}

.home .pixels-primary-nav a.is-active{color:#f2a900}

/* Keep every desktop header row on the same canvas as the homepage content. */
@media (min-width: 1200px) {
	.pixels-top-strip__inner,
	.pixels-header__inner {
		box-sizing: border-box;
		width: calc(100% - 280px);
		max-width: 1640px;
		padding-left: 0;
		padding-right: 0;
	}

	.pixels-header__inner {
		display: grid;
		grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
		gap: 28px;
	}

	.pixels-primary-nav {
		grid-column: 2;
		gap: 30px;
		justify-content: center;
		white-space: nowrap;
	}

	.pixels-sign-in {
		grid-column: 3;
		justify-self: end;
	}
}

@media (max-width: 1199px) {
	.pixels-top-strip__inner,
	.pixels-header__inner {
		box-sizing: border-box;
		width: 100%;
	}
}

/* Final header sizing and social icon alignment. */
.pixels-top-strip__inner {
	min-height: 42px;
	box-sizing: border-box;
}

.pixels-top-strip__details {
	min-width: 0;
	align-items: center;
}

.pixels-top-strip__social {
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	min-width: max-content;
	flex-shrink: 0;
	color: var(--pixels-coral);
	gap: 18px;
}

.pixels-top-strip__social a {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	color: inherit;
	transition: color .2s ease, transform .2s ease;
}

.pixels-top-strip__social a:hover,
.pixels-top-strip__social a:focus-visible {
	color: var(--pixels-white);
	transform: translateY(-1px);
}

.pixels-top-strip__social svg {
	display: block;
	height: 18px;
	width: 18px;
}

.pixels-header__inner {
	min-height: 82px;
}

@media (max-width: 768px) {
	.pixels-top-strip__inner {
		min-height: 38px;
	}

	.pixels-header__inner {
		min-height: 76px;
	}
}

/* Keep the two header rows visible while scrolling. */
.pixels-top-strip {
	position: sticky;
	top: 0;
	z-index: 1000;
}

.pixels-site-header {
	position: sticky;
	top: 42px;
	z-index: 999;
}

body.admin-bar .pixels-top-strip {
	top: 32px;
}

body.admin-bar .pixels-site-header {
	top: 74px;
}

/* Prevent the desktop menu from shifting when a link is hovered. */
.pixels-primary-nav a,
.pixels-primary-nav a:hover,
.pixels-primary-nav a:focus-visible,
.pixels-primary-nav a.is-active {
	font-weight: 400;
}

.pixels-primary-nav a {
	transition: color .2s ease;
}

@media (max-width: 768px) {
	.pixels-site-header {
		top: 38px;
	}

	body.admin-bar .pixels-top-strip {
		top: 46px;
	}

	body.admin-bar .pixels-site-header {
		top: 84px;
	}
}

/* Polished top strip: separators, accent icons, refined hover states, real SVG icons. */
.pixels-top-strip {
	background: linear-gradient(90deg, #121728, #1b2140);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 14px;
}

.pixels-top-strip__details {
	gap: 0;
}

.pixels-top-strip__details > * {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 18px;
	opacity: 0.95;
	line-height: 1;
}

.pixels-top-strip__details > *:first-child {
	padding-left: 0;
}

.pixels-top-strip__details > * + * {
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.pixels-top-strip a:hover {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pixels-top-strip__icon {
	display: block;
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	color: var(--pixels-coral, #f2a900);
}

.pixels-top-strip__social a {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--pixels-coral, #f2a900);
	border: 1px solid var(--pixels-coral, #f2a900);
	color: var(--pixels-plum, #24112f);
	transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

.pixels-top-strip__social a:hover,
.pixels-top-strip__social a:focus-visible {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	transform: translateY(-1px);
}

@media (max-width: 700px) {
	.pixels-top-strip__details {
		flex-wrap: wrap;
		row-gap: 4px;
	}

	.pixels-top-strip__details > * {
		padding: 0 12px;
	}
}