/*
Theme Name: ericville25
Author: eric@ericwittke.com
File: page-home.css
Description: Specific overrides and layout for the Homepage only.
*/

/* * -------------------------------------------------------------------------
 * Global Overrides for Home
 * -------------------------------------------------------------------------
 */

.home .content {
	margin-bottom: 0;
}

.home .inverse {
	top: 0; /* Reset negative margin overlap from base theme */
}

.home footer {
	margin-top: 0;
}

/* * -------------------------------------------------------------------------
 * Header & Logo + Giant Navigation -- REMOVED in Stage 3 (ericville26)
 * -------------------------------------------------------------------------
 * These rules restyled <header> into the home page's hero: a column layout
 * with an oversized logo, a gradient <h2>, and the primary nav rendered as
 * two giant aspect-ratio-1/1 tiles.
 *
 * ericville26 gives every page the same sticky glass bar, so the header is no
 * longer the hero and these selectors would fight it -- `.home .main nav`
 * still matches the nav now that it sits inside .bar, and a 5rem font-size
 * with a 1/1 aspect ratio inside a sticky bar is not a small problem.
 *
 * The hero moved to front-page.php as real markup. Git history has the
 * original rules if any of it is wanted back.
 * ------------------------------------------------------------------------- */

/* * -------------------------------------------------------------------------
 * Bio Section
 * -------------------------------------------------------------------------
 */

.home .bio {
	padding-top: var(--space-m);
	padding-bottom: var(--space-lg);
}

.home .bio p {
	font-family: var(--base-fonts);
	font-size: var(--font-size-l); /* Formerly 1.2rem */
	font-weight: 200;
}

.home .bio img {
	mix-blend-mode: lighten;
}

/* * -------------------------------------------------------------------------
 * Background — a warm ground, not the old blue/green wash (Eric, 2026-08-11)
 * -------------------------------------------------------------------------
 */

body.home {
	position: relative;
	overflow-x: hidden;
}

body.home::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	pointer-events: none;
	
	mix-blend-mode: hard-light;
	
	background:
		/* Blue wave */
		radial-gradient(ellipse 100% 60% at 20% 40%, rgba(214, 158, 92, 0.42) 0%, rgba(214, 158, 92, 0.02) 30%, transparent 100%),
		/* Green wave */
		radial-gradient(ellipse 100% 60% at 80% 60%, rgba(196, 122, 74, 0.34) 0%, rgba(196, 122, 74, 0.02) 30%, transparent 60%),
		/* Base gradient */
		linear-gradient(135deg, rgba(228, 196, 150, 0.30) 0%, rgba(206, 150, 96, 0.34) 34%, transparent 100%);
		
	background-size: 300% 300%, 250% 250%, 100% 100%;
	background-position: 0% 50%, 0% 50%, 0% 0%;

	/*
	 * The 8s infinite waveShimmer that used to live here is gone.
	 *
	 * It animated background-position on a FIXED, full-viewport layer carrying
	 * mix-blend-mode: hard-light and three large gradients. Blended layers
	 * cannot be composited on the GPU as a simple texture -- every frame forced
	 * a full-screen repaint AND re-blend of everything underneath, including
	 * the paper grain overlay on html::before. Two stacked full-viewport blend
	 * layers, one of them animating forever, is the whole reason the page felt
	 * sluggish. The gradient is now static and costs nothing after first paint.
	 */
}