/*
Overrides that must win over the ported plastikse-scoped.css.
Loaded last on purpose.
*/

/* The original hero used a JS scroll-parallax dual-layer effect
   (position:fixed panels revealed on scroll). We're not porting that JS,
   so pin it to a normal static single-image hero showing the real photo
   layer (the blueprint base layer is hidden). */
@scope (body.plastikse-page) {
	.section-hero { height: auto !important; margin-top: 0 !important; }
	.section-hero .wrap:not(.over) { display: none !important; }
	.section-hero .wrap.over {
		position: relative !important;
		top: auto !important;
		transform: none !important;
		height: auto !important;
	}
	.section-hero .wrap.over .holder {
		position: relative !important;
		height: auto !important;
		margin: 0 !important;
		top: 0 !important;
	}
	.section-hero .wrap.over img.bg {
		position: relative !important;
		width: 100%;
		height: auto !important;
		display: block;
		z-index: 0 !important;
	}
	.section-hero .bottom { position: absolute !important; }

	.section-quotes blockquote,
	.section-quotes blockquote p,
	.section-quotes blockquote cite {
		color: #fff !important;
	}
}