/*
 * Stable sticky-header paint and owner-supplied logo framing.
 *
 * The former sticky + backdrop-filter + transitioning background combination
 * could briefly raster only part of the header while the page was actively
 * scrolling. Keeping the shell on its own composited layer prevents that
 * intermediate half-painted state. The explicit logo sizes also override any
 * query-string-stripped cached copy of the earlier brand stylesheet.
 */

.pps-shell-nav,
.pps-shell-nav.is-scrolled {
	position: sticky;
	top: 0;
	background: color-mix(in srgb, var(--ivory) 96%, white) !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	transition: none !important;
	transform: translate3d(0, 0, 0) !important;
	will-change: transform;
	backface-visibility: hidden;
	opacity: 1 !important;
	visibility: visible !important;
}

.pps-shell-logo__frame {
	width: 250px;
	height: 72px;
}

.pps-shell-logo__image {
	object-fit: cover;
	object-position: 50% 50%;
}

@media (max-width: 720px) {
	.pps-shell-logo__frame {
		width: 152px;
		height: 44px;
	}
}

@media (max-width: 360px) {
	.pps-shell-nav__brand {
		flex: 0 0 112px;
	}

	.pps-shell-nav__actions {
		gap: 2px;
	}

	.pps-shell-nav__cta {
		padding-inline: 7px;
	}

	.pps-shell-logo__frame {
		width: 112px;
		height: 42px;
	}
}