/*
 * Case study (single) styles.
 *
 * Ported from the live compiled CSS (index-CTd4ANgl.css). Live renders each case
 * study inside div.workPageContent, whose background is the ACF brand_color, with
 * a section.pageHeader holding the white logo absolutely positioned over the top
 * of the content. This is the SECOND pageHeader variant (the works page uses the
 * other one); it is scoped to .workPageContent .pageHeader here so the two cannot
 * collide, as planned in Step 3.
 *
 * The Elementor body supplies everything below the header, styled by its own
 * per-page CSS. Only the wrapper and header are ported here.
 *
 * The .loaded class is reproduced for parity with live's post-load DOM, but it is
 * a visual no-op: base opacity and .loaded opacity are both 1. On live it only
 * gated the 2s content-reveal timer (an SPA CSS-loading workaround), which the
 * theme does not port because WordPress enqueues the per-page CSS normally.
 */

.workPageContent {
	min-height: 200vh;
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

.workPageContent.loaded {
	opacity: 1;
}

.workPageContent .pageHeader {
	max-width: calc(1550px + 12vw);
	width: 100%;
	left: 50%;
	top: 0;
	position: absolute;
	z-index: 99;
	padding: 2rem 6vw;
	transform: translate(-50%);
}

.siteLogo {
	width: 6rem;
	height: auto;
}